:root{--bg:#f4f6fc;--bg-tint:#eef1fb;--surface:#fff;--surface-2:#f3f5fd;--border:#e6e9f5;--border-strong:#d4d9ec;--glass-bg:#ffffffb8;--glass-border:#ffffffe6;--glass-blur:16px;--text:#14152b;--text-muted:#5a5f7e;--text-faint:#9094b3;--violet:#6d4dff;--blue:#2f6bff;--cyan:#18c8e6;--accent:#6d4dff;--accent-hover:#5a3ae6;--accent-soft:#efeaff;--on-accent:#fff;--grad:linear-gradient(115deg, #6d4dff 0%, #2f6bff 50%, #18c8e6 100%);--grad-soft:linear-gradient(115deg, #6d4dff1f, #2f6bff1a, #18c8e61f);--grad-text:linear-gradient(115deg, #6d4dff, #2f6bff 55%, #18c8e6);--ok:#16a36a;--ok-soft:#e4f7ee;--warn:#d4820a;--warn-soft:#fdf1dd;--danger:#e0395e;--danger-soft:#fde8ee;--badge-green:#16a36a;--badge-yellow:#e0a008;--badge-red:#e0395e;--radius:16px;--radius-sm:11px;--radius-lg:22px;--shadow-sm:0 1px 2px #14152b0a, 0 2px 8px #14152b0d;--shadow-md:0 4px 14px #14152b12, 0 12px 32px #2f6bff12;--shadow-glow:0 8px 30px #6d4dff38;--font-display:"Space Grotesk", system-ui, sans-serif;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sidebar-w:248px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40rem 40rem at 8% -5%,#6d4dff1a,#0000 60%),radial-gradient(34rem 34rem at 100% 0,#18c8e61a,#0000 55%),radial-gradient(40rem 40rem at 60% 110%,#2f6bff14,#0000 60%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--glass-bg);height:100vh;-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:6px 10px 22px;display:flex}.brand-mark{background:var(--grad);width:30px;height:30px;box-shadow:var(--shadow-glow);border-radius:9px;flex-shrink:0}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:600}.nav-group-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);padding:14px 12px 6px;font-size:10.5px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:11px;margin:2px 0;padding:9px 12px;font-size:14px;font-weight:500;transition:background .14s,color .14s,transform .14s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text);transform:translate(2px)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-badge{background:var(--grad);color:#fff;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}.content{width:100%;max-width:1100px;padding:8px 28px 48px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.02em;background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:600}.page-sub{color:var(--text-muted);margin:4px 0 0;font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .18s,transform .18s,border-color .18s}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:20px}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .16s,background .14s,opacity .14s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 4px 14px #6d4dff47}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong);padding:8px 13px;font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.input{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .14s,box-shadow .14s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.label{color:var(--text-muted);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.field-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.err-box{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #f6c6d3;margin-top:10px;padding:9px 12px;font-size:13px}.pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:11px;font-weight:600}.chip{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;transition:border-color .14s,color .14s;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.48s cubic-bezier(.22,1,.36,1) both rise}.stagger>*{animation:.52s cubic-bezier(.22,1,.36,1) both rise}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:90ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.19s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.29s}.stagger>:nth-child(7){animation-delay:.34s}.stagger>:nth-child(8){animation-delay:.39s}@media (prefers-reduced-motion:reduce){*,.rise,.stagger>*{transition:none!important;animation:none!important}}@media (max-width:820px){.sidebar{z-index:40;transition:transform .22s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content{padding:8px 16px 40px}}