*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:oklch(97.5% .012 88);--surface:oklch(100% 0 0);--surface-subtle:oklch(98.5% .01 100);--surface-hover:oklch(97% .014 110);--sb-bg:#1d4ed8;--sb-surface:#1e40af;--sb-active:#fff;--sb-border:#ffffff26;--sb-text:#ffffffd9;--sb-text-active:#1d4ed8;--sb-accent:#fff;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-press:#1e40af;--accent-light:#dbeafe;--accent-text:#1e3a8a;--t1:oklch(15% .016 250);--t2:oklch(34% .014 250);--t3:oklch(54% .01 250);--t4:oklch(70% .007 250);--border:oklch(89.5% .012 120);--border-strong:oklch(79% .016 120);--border-focus:var(--accent);--red:oklch(54% .22 26);--red-light:oklch(96.5% .038 26);--red-text:oklch(42% .2 26);--amber:oklch(65% .17 70);--amber-light:oklch(97% .036 78);--amber-text:oklch(48% .16 68);--green:oklch(48% .2 148);--green-light:oklch(93.5% .058 148);--green-text:oklch(34% .16 148);--sh-xs:0 1px 2px oklch(20% .04 152/.06);--sh-sm:0 1px 3px oklch(20% .04 152/.07), 0 2px 8px oklch(20% .04 152/.05);--sh-md:0 4px 16px oklch(20% .04 152/.09), 0 2px 6px oklch(20% .04 152/.05);--sh-card:0 1px 2px oklch(20% .04 152/.06), 0 3px 12px oklch(20% .04 152/.06);--sh-lg:0 8px 32px oklch(20% .04 152/.12), 0 2px 8px oklch(20% .04 152/.06);--sh-inset:inset 0 1px 3px oklch(20% .04 152/.08);--font-mono:"Fira Code", monospace;--font-sans:"Fira Sans", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}html,body,#root{background-color:var(--bg);height:100%;color:var(--t1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}button{cursor:pointer;font-family:var(--font-sans)}input,select,textarea{font-family:var(--font-sans)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px oklch(48% .2 148/.12)!important}.row-hover{transition:background-color .12s}.row-hover:hover{background-color:var(--surface-hover)}.card-hover{transition:box-shadow .2s,transform .2s}.card-hover:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.btn-ghost{transition:background-color .12s,color .12s,border-color .12s}.btn-ghost:hover{background-color:var(--surface-hover)!important;border-color:var(--border-strong)!important;color:var(--t1)!important}.btn-ghost:active{transform:scale(.97)}.btn-primary{transition:background-color .15s,box-shadow .15s,transform .12s}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)!important;box-shadow:0 2px 8px oklch(48% .2 148/.3)!important}.btn-primary:active:not(:disabled){transform:scale(.98);background-color:var(--accent-press)!important}.btn-danger{transition:background-color .12s,border-color .12s}.btn-danger:hover{border-color:var(--red)!important;color:var(--red)!important}.nav-link{transition:background-color .15s,color .15s,padding-left .15s}.nav-link:hover{background-color:var(--sb-surface)!important;color:#fff!important}.nav-link.active:hover{background-color:var(--sb-active)!important;color:var(--sb-text-active)!important}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 37%,#eef2f7 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.22s ease-out backwards fade-in}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}