:root{--bg-base: #070C18;--bg-surface: #0D1526;--bg-elevated: #121D35;--bg-hover: #162240;--bg-active: #1A2A4A;--border: #1C2E4A;--border-light: #243D60;--border-focus: #3B7BF5;--primary: #3B7BF5;--primary-hover: #2D68D8;--primary-dim: rgba(59,123,245,.12);--gold: #F0B429;--gold-dim: rgba(240,180,41,.12);--teal: #00D4AA;--teal-dim: rgba(0,212,170,.1);--red: #F75555;--red-dim: rgba(247,85,85,.12);--orange: #F59E0B;--orange-dim: rgba(245,158,11,.12);--green: #22C55E;--green-dim: rgba(34,197,94,.1);--purple: #A78BFA;--purple-dim: rgba(167,139,250,.12);--text-primary: #EDF2FF;--text-secondary:#94A3C4;--text-muted: #4D6080;--text-disabled: #2D3F5A;--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 20px rgba(59,123,245,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #3b7bf500}50%{box-shadow:0 0 18px #3b7bf559}}.animate-fade{animation:fadeIn .25s ease forwards}.animate-spin{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}.page-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;animation:fadeIn .2s ease}.page-content{flex:1;overflow-y:auto;padding:24px 28px}.page-content-full{flex:1;overflow:hidden;display:flex;flex-direction:column}input,select,textarea{font-family:var(--font-body);font-size:13px;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-elevated)}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{border-bottom:1px solid var(--border)}.data-table th{padding:11px 16px;color:var(--text-muted);font-size:11px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-base);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table td{padding:11px 16px;font-size:13px;vertical-align:middle}