:root{--font-ui: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--ui-radius-sm: 10px;--ui-radius-md: 14px;--ui-radius-lg: 18px;--ui-surface-0: #06070c;--ui-surface-1: #0b0d14;--ui-surface-2: #121621;--ui-surface-3: #1b2130;--ui-border: #2c3447;--ui-border-soft: #21293a;--ui-text-1: #f4f4f5;--ui-text-2: #d0d6df;--ui-text-3: #8f99aa;--ui-focus: color-mix(in srgb, var(--brand-color) 55%, #22d3ee 45%);--ui-accent-red: #ef4444;--ui-accent-cyan: #06b6d4;--ui-accent-emerald: #10b981;--ui-accent-blue: #3b82f6}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);background:radial-gradient(1100px 540px at 0% -10%,rgba(220,38,38,.1),transparent 48%),radial-gradient(950px 520px at 110% 110%,rgba(34,211,238,.08),transparent 54%),var(--ui-surface-0);color:var(--ui-text-1);letter-spacing:.01em}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#10151e}::-webkit-scrollbar-thumb{background:#2a3347;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#36435d}@keyframes app-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:app-fade-in-up .22s ease-out both}.ui-shell{font-family:var(--font-ui)}.ui-shell :where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}.ui-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){border:1px solid #2a2d37!important;background:linear-gradient(180deg,#121217,#0b0c10)!important;color:var(--ui-text-1)!important;border-radius:var(--ui-radius-sm)!important;box-shadow:inset 0 1px #ffffff08,0 0 0 1px #ffffff04;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease,filter .14s ease}.ui-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select){min-height:40px}.ui-shell :where(select){color-scheme:dark}.ui-shell :where(select option,select optgroup){background-color:#121214!important;color:var(--ui-text-1)!important}.ui-shell :where(textarea){min-height:92px}.ui-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea)::placeholder{color:#747f92!important}.ui-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):hover{border-color:color-mix(in srgb,#3f4658 70%,var(--brand-color) 30%)!important}.ui-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):focus-visible{outline:none!important;border-color:var(--ui-focus)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-focus) 26%,transparent),0 0 20px -8px color-mix(in srgb,var(--ui-focus) 58%,transparent)!important}.ui-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):disabled{opacity:.6;cursor:not-allowed}.ui-shell :where(input[type=checkbox],input[type=radio]){accent-color:var(--brand-color);width:16px;height:16px}.ui-shell button{border-radius:var(--ui-radius-sm);box-shadow:0 10px 24px -20px #000000e6;transition:transform .12s ease,filter .14s ease,box-shadow .14s ease,border-color .14s ease}.ui-shell button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 14px 28px -18px #000000d9}.ui-shell button:not(:disabled):active{transform:translateY(0);filter:brightness(.98)}.ui-shell button:focus-visible,.ui-shell a:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-focus) 24%,transparent)}.ui-shell button:disabled{opacity:.55;cursor:not-allowed;transform:none}.ui-shell button[class*=bg-red-],.ui-shell button[class*=bg-brand]{box-shadow:0 14px 30px -18px color-mix(in srgb,var(--ui-accent-red) 58%,transparent),inset 0 1px #ffffff14}.ui-shell button[class*=bg-emerald-]{box-shadow:0 14px 30px -18px color-mix(in srgb,var(--ui-accent-emerald) 62%,transparent),inset 0 1px #ffffff14}.ui-shell button[class*=bg-blue-],.ui-shell button[class*=bg-cyan-]{box-shadow:0 14px 30px -18px color-mix(in srgb,var(--ui-accent-cyan) 58%,transparent),inset 0 1px #ffffff14}.ui-shell button[class*=bg-yellow-]{box-shadow:0 14px 30px -18px #f59e0b8c,inset 0 1px #ffffff1f}.ui-shell .ui-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:2.5rem}.ui-shell .ui-hero{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);padding:1.1rem;background:radial-gradient(1400px 220px at 0% -10%,color-mix(in srgb,var(--brand-color) 26%,transparent),transparent 40%),linear-gradient(180deg,#121a29,#0c111d)}.ui-shell .ui-card{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-md);background:linear-gradient(180deg,#111827,#0c121d);padding:.9rem}.ui-shell .ui-card-soft{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-sm);background:#ffffff08}.ui-shell .ui-chip{border:1px solid var(--ui-border);background:#141b2b;color:var(--ui-text-2);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px}.ui-shell .ui-chip-active{border-color:color-mix(in srgb,var(--brand-color) 62%,#ffffff 38%);background:color-mix(in srgb,var(--brand-color) 18%,#121722 82%);color:#ffe8e8}.ui-shell .ui-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--ui-border);background:linear-gradient(180deg,#232c3d,#1a2231);color:var(--ui-text-2);padding:8px 10px}.ui-shell .ui-btn-primary{border-color:color-mix(in srgb,var(--brand-color) 52%,#ffffff 48%);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-color) 35%,#1b1f2a 65%),color-mix(in srgb,var(--brand-color) 22%,#131824 78%));color:#ffecec}.ui-shell .ui-btn-ghost{background:linear-gradient(180deg,#1e2737,#171f2f)}.ui-shell .ui-btn-danger{border-color:#6a2525;background:linear-gradient(180deg,#3a1515,#2a1111);color:#fecaca}.ui-shell .ui-kv{display:grid;grid-template-columns:130px 1fr;gap:.45rem;align-items:baseline;font-size:12px}.ui-shell .ui-kv>span:first-child{color:var(--ui-text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.ui-shell .ui-kv>span:last-child{color:var(--ui-text-2)}.ui-shell table th{color:#afafba;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ui-shell table td{color:#dfdfe3}.ui-shell .admin-scrollbar{scrollbar-width:thin;scrollbar-color:#2f3b53 transparent}.ui-shell .admin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.ui-shell .admin-scrollbar::-webkit-scrollbar-track{background:transparent}.ui-shell .admin-scrollbar::-webkit-scrollbar-thumb{background:#2f3b53;border-radius:999px}.ui-shell .admin-scrollbar::-webkit-scrollbar-thumb:hover{background:#40506f}.ui-shell .admin-tab{border-bottom:2px solid transparent;color:#8e98aa;transition:color .14s ease,border-color .14s ease,background-color .14s ease}.ui-shell .admin-tab:hover{color:#d8dde6}.ui-shell .admin-tab.is-active{border-color:var(--brand-color);color:#fff;background:color-mix(in srgb,var(--brand-color) 6%,transparent)}.ui-shell .admin-chip{border-radius:999px;border:1px solid #32405b;background:linear-gradient(180deg,#202a3d,#1a2231);color:#d5dceb;font-size:10px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;padding:4px 10px}.ui-shell .admin-chip-live{border-color:#10b98173;background:#10b98121;color:#6ee7b7}.ui-shell .admin-chip-warn{border-color:#f59e0b73;background:#f59e0b21;color:#facc15}@media(max-width:768px){.ui-shell .ui-kv{grid-template-columns:1fr;gap:.2rem}}
