@charset "UTF-8";:root{--bg: #0b0f19;--surface: #141a29;--surface2: #1c2337;--border: #26304a;--text: #e9edf5;--muted: #94a3b8;--muted2: #b7c0d1;--accent: #4f6ef7;--accent2: #8fa4ff;--blue: #0ea5e9;--green: #22c55e;--purple: #a855f7;--yellow: #f59e0b;--red: #ef4444;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 12px}:root[data-theme=light]{--bg: #f5f7fb;--surface: #ffffff;--surface2: #eef1f8;--border: #dfe4f0;--text: #141a29;--muted: #64748b;--muted2: #47536b;--accent2: #3652d6;--blue: #0284c7;--green: #16a34a;--purple: #9333ea;--yellow: #d97706;--red: #dc2626;--shadow: 0 10px 30px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{margin:0}a{color:var(--accent2);text-decoration:none}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:var(--bg);border-bottom:1px solid var(--border)}.topbar h1{font-size:19px;font-weight:700}.topbar .sub{font-size:12.5px;color:var(--muted);margin-top:2px}.content{padding:24px 28px 64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{font-size:14px;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 14px;border-radius:9px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font:inherit;font-weight:600}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface2);border:1px solid var(--border);color:var(--muted2)}.badge.green{color:var(--green)}.badge.red{color:var(--red)}.badge.yellow{color:var(--yellow)}.badge.blue{color:var(--blue)}label.field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted2)}input,select,textarea{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px 11px;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.content{padding:16px}}
