:root{--bg: #F9FAFB;--surface: #FFFFFF;--surface-2: #F3F4F6;--surface-3: #E9EAEC;--text: #111827;--text-2: #374151;--text-3: #6B7280;--text-4: #9CA3AF;--border: #E5E7EB;--border-2: #D1D5DB;--p: #1E1B4B;--p-hover: #171540;--p-lt: #EEF2FF;--p-bd: #C7D2FE;--p-text: #FFFFFF;--a: #F97316;--a-lt: #FFF7ED;--a-bd: #FED7AA;--ok: #16A34A;--ok-lt: #F0FDF4;--ok-bd: #BBF7D0;--err: #DC2626;--err-lt: #FEF2F2;--err-bd: #FECACA;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-xs: 6px;--r: 10px;--r-md: 12px;--r-lg: 14px;--r-xl: 16px;--r-2xl: 20px;--sh-xs: 0 1px 2px rgba(0,0,0,.04);--sh-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--sh: 0 4px 6px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.04);--sh-md: 0 8px 16px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--sh-lg: 0 20px 40px rgba(0,0,0,.09), 0 4px 8px rgba(0,0,0,.04);--t: .15s ease;--t-md: .22s ease;--topbar: 52px;--sidebar: 216px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{font-family:var(--font);font-size:14px;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font)}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font);border-radius:var(--r);cursor:pointer;border:1px solid transparent;transition:all var(--t);white-space:nowrap;line-height:1}.btn-primary{background:var(--p);color:var(--p-text);border-color:var(--p)}.btn-primary:hover:not(:disabled){background:var(--p-hover);border-color:var(--p-hover)}.btn-secondary{background:var(--surface);color:var(--text-2);border-color:var(--border);box-shadow:var(--sh-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-3)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:10px 22px;font-size:15px}.btn-full{width:100%}.btn svg{flex-shrink:0}.input{width:100%;padding:8px 11px;font-size:13px;font-family:var(--font);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);outline:none;transition:border-color var(--t),box-shadow var(--t);-webkit-appearance:none}.input:focus{border-color:var(--p);box-shadow:0 0 0 3px #1e1b4b14}.input::placeholder{color:var(--text-4)}.input:disabled{background:var(--surface-2);color:var(--text-4);cursor:not-allowed}textarea.input{resize:vertical;min-height:80px;line-height:1.55}.label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:5px}.field{display:flex;flex-direction:column;margin-bottom:14px}.field:last-child{margin-bottom:0}.hint{font-size:11px;color:var(--text-4);margin-top:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;border-radius:100px}.badge-primary{background:var(--p-lt);color:var(--p);border:1px solid var(--p-bd)}.badge-neutral{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.badge-ok{background:var(--ok-lt);color:var(--ok);border:1px solid var(--ok-bd)}.badge-err{background:var(--err-lt);color:var(--err);border:1px solid var(--err-bd)}.alert{display:none;padding:9px 12px;border-radius:var(--r);font-size:13px;font-weight:500;line-height:1.45}.alert.show{display:flex;align-items:flex-start;gap:6px}.alert-ok{background:var(--ok-lt);border:1px solid var(--ok-bd);color:var(--ok)}.alert-err{background:var(--err-lt);border:1px solid var(--err-bd);color:var(--err)}.alert-warn{background:var(--a-lt);border:1px solid var(--a-bd);color:var(--a)}.divider{height:1px;background:var(--border);margin:var(--s5) 0}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:32px;height:18px;background:var(--border-2);border-radius:100px;position:relative;transition:background var(--t);flex-shrink:0}.toggle-track:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:var(--sh-xs);transition:transform var(--t)}.toggle input:checked~.toggle-track{background:var(--p)}.toggle input:checked~.toggle-track:after{transform:translate(14px)}.toggle-label{font-size:13px;font-weight:500;color:var(--text-2);user-select:none}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:100px;background:var(--surface);color:var(--text-3);cursor:pointer;transition:all var(--t);font-family:var(--font)}.chip:hover{border-color:var(--border-2);color:var(--text-2);background:var(--surface-2)}.chip.on{background:var(--p-lt);border-color:var(--p);color:var(--p);font-weight:600}.section-label{font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--text-4)}.mod{display:none}.mod.on{display:block;animation:fadeIn .15s ease}