:root{--bg-0: #0A0E14;--bg-1: #0F141C;--surface: #141B26;--surface-2: #1B2433;--surface-3: #232E40;--border: rgba(255,255,255,.06);--border-2: rgba(255,255,255,.1);--text-1: #EAF0F7;--text-2: #8B98AD;--text-3: #5A6577;--accent: #1FD18E;--accent-2: #14B8A6;--accent-dim: #0E8B6C;--accent-glow: rgba(31,209,142,.25);--red: #FF5C6C;--red-dim: #C23B48;--amber: #FFB547;--amber-dim: #C8851F;--blue: #4F9DFF;--purple: #9D7BFF;--green: #1FD18E;--green-dark: #0E8B6C;--green-light: rgba(31,209,142,.12);--green-mid: #14B8A6;--red-light: rgba(255,92,108,.12);--red-dark: #FF5C6C;--amber-light: rgba(255,181,71,.12);--amber-dark: #FFB547;--blue-light: rgba(79,157,255,.12);--bg: #0A0E14;--purple-light: rgba(157,123,255,.12);--grad-accent: linear-gradient(135deg, #1FD18E 0%, #14B8A6 100%);--grad-card: linear-gradient(160deg, rgba(31,209,142,.08) 0%, rgba(20,184,166,.02) 100%);--grad-mesh: radial-gradient(ellipse 80% 60% at 70% 10%, rgba(31,209,142,.12) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 10% 90%, rgba(79,157,255,.08) 0%, transparent 55%);--shadow-sm: 0 1px 4px rgba(0,0,0,.3);--shadow: 0 4px 24px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 12px 48px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4);--shadow-glow: 0 0 0 1px rgba(31,209,142,.2), 0 8px 32px rgba(31,209,142,.15);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--font: "Sora", sans-serif;--font-mono: "Spline Sans Mono", monospace;--sidebar-w: 248px;--nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=light]{--bg-0: #F4F6FA;--bg-1: #EDF1F7;--surface: #FFFFFF;--surface-2: #F5F8FC;--surface-3: #EAEFF6;--border: rgba(15,30,50,.07);--border-2: rgba(15,30,50,.12);--text-1: #0F1A2A;--text-2: #5A6577;--text-3: #94A0B3;--green-light: rgba(31,209,142,.14);--red-light: rgba(255,92,108,.12);--amber-light: rgba(255,181,71,.14);--blue-light: rgba(79,157,255,.12);--bg: #F4F6FA;--grad-card: linear-gradient(160deg, rgba(31,209,142,.07) 0%, rgba(20,184,166,.01) 100%);--grad-mesh: radial-gradient(ellipse 80% 60% at 70% 10%, rgba(31,209,142,.08) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 10% 90%, rgba(79,157,255,.05) 0%, transparent 55%);--shadow-sm: 0 1px 3px rgba(15,30,50,.04);--shadow: 0 4px 20px rgba(15,30,50,.06), 0 1px 2px rgba(15,30,50,.04);--shadow-lg: 0 12px 40px rgba(15,30,50,.12), 0 2px 8px rgba(15,30,50,.06);--shadow-glow: 0 0 0 1px rgba(31,209,142,.25), 0 8px 28px rgba(31,209,142,.18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg-0);color:var(--text-1);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh;transition:background .4s,color .4s;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--grad-mesh);pointer-events:none;z-index:0}#root{min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes growUp{0%{height:0!important}}@keyframes fillUp{0%{width:0!important}}.fade-in{animation:fadeIn .4s cubic-bezier(.2,.8,.2,1) both}.slide-in{animation:slideIn .3s ease both}[data-theme=dark] select option{background:var(--surface-2);color:var(--text-1)}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}input,select,textarea{color:var(--text-1)}input::placeholder,textarea::placeholder{color:var(--text-3)}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-1);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-1)}