:root{color-scheme:light dark;--bg:#f4f5f9;--panel:#fff;--text:#171923;--muted:#73788a;--line:#e7e8ef;--accent:#7567e8;--shadow:0 12px 35px #20243a0d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.top{height:64px;background:#111318;color:#fff;display:flex;align-items:center;gap:14px;padding:0 18px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:9px;letter-spacing:.08em;font-size:13px}.logo{color:#a99fff;font-size:25px}.iconbtn{border:0;background:transparent;color:white;font-size:23px;cursor:pointer}.pill{margin-left:auto;background:#193d32;color:#7be0b1;padding:5px 10px;border-radius:99px;font-size:12px}.layout{display:flex;min-height:calc(100vh - 64px)}.sidebar{width:235px;background:#191b23;color:#c7c8d0;padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between}.nav{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:13px 14px;border-radius:10px;margin:3px 0;font-size:14px;cursor:pointer}.nav.active,.nav:hover{background:#302d49;color:#fff}.nav span{margin-left:10px}.sidefoot{font-size:11px;color:#777b8a;padding:12px}.main,main{flex:1;min-width:0;padding:34px;max-width:1100px;margin:auto}.panel{display:none}.panel.show{display:block}.heading{display:flex;justify-content:space-between;align-items:center}small{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800}h1{font-size:32px;letter-spacing:-.04em;margin:5px 0}h2{font-size:17px;margin:8px 0}.heading p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:22px;margin:16px 0;box-shadow:var(--shadow)}.card h2{margin-top:6px}.state{color:var(--muted);margin-bottom:0}.wide{max-width:720px}.line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.notice{background:#fff5df;color:#76551a;padding:13px;border-radius:10px;font-size:13px;margin:18px 0 0}.form{max-width:620px;display:flex;flex-direction:column;gap:10px}label{font-size:13px;font-weight:650;margin-top:5px}input,select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.primary,.secondary{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.primary{background:var(--accent);color:#fff}.secondary{background:#ecebfa;color:#5146b4}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#20212a;color:white;padding:11px 16px;border-radius:12px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}@media(max-width:700px){.sidebar{position:fixed;z-index:4;left:-260px;top:64px;bottom:0;transition:left .2s;box-shadow:10px 0 30px #0002}.sidebar.open{left:0}main{padding:24px 16px}.grid{grid-template-columns:1fr}h1{font-size:28px}.card{padding:18px}}@media(prefers-color-scheme:dark){:root{--bg:#111318;--panel:#1b1e27;--text:#f2f2f7;--muted:#a0a3b2;--line:#303340;--shadow:none}.notice{background:#392e19;color:#f5d99a}.secondary{background:#302d49;color:#c7c0ff}}