:root{--purple:#7200bc;--purple-2:#d900ff;--cyan:#15e8ff;--cyan-dk:#00707c;--nv:#7200bc;--nv2:#7200bc;--bg:#f5f7fb;--line:#e3e2ee;--err:#c0392b;--ink:#1c1530}*{box-sizing:border-box}body{margin:0;font:15px/1.55 Jost,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--purple);text-decoration:none;font-weight:500}a:hover{color:var(--purple-2)}.topbar{background:#fff;color:var(--ink);padding:10px 20px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);box-shadow:0 1px #7200bc0a}.topbar img.brand{height:30px;display:block}.topbar nav a{color:#6a6480;margin-right:16px;font-weight:500;padding-bottom:2px;border-bottom:2px solid transparent}.topbar nav a:hover{color:var(--purple)}.topbar nav a.active{color:var(--purple);border-bottom-color:var(--cyan);font-weight:700}.topbar .sp{flex:1}.topbar .who{color:#7a7592;font-size:13px}.wrap{max-width:1280px;margin:24px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 1px 3px #1c15300a}h1{font-size:22px;font-weight:700;margin:0 0 14px;letter-spacing:-.01em}h2{font-size:16px;font-weight:700;margin:18px 0 10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:#7a7592;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:11px}input,select{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;width:100%;background:#fff;color:var(--ink)}input:focus,select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #15e8ff40}label{display:block;font-size:12px;color:#7a7592;margin:9px 0 4px;font-weight:500}button{background:var(--purple);color:#fff;border:0;padding:10px 18px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:var(--purple-2)}button.secondary{background:#efeefa;color:var(--purple)}button.secondary:hover:not(:disabled){background:#e6e3f7}button.danger{background:var(--err)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:12px;flex-wrap:wrap}.row>div{flex:1;min-width:160px}.err{color:var(--err);font-size:13px;margin:8px 0}.muted{color:#8a85a0;font-size:12px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{background:none;color:#7a7592;border-bottom:2px solid transparent;border-radius:0;padding:9px 14px;font-weight:600}.tabs button:hover:not(:disabled){background:none;color:var(--purple)}.tabs button.active{color:var(--purple);border-bottom-color:var(--cyan)}.center{min-height:80vh;display:flex;align-items:center;justify-content:center}.login{width:360px;text-align:center}.login .brand{width:200px;margin:0 auto 6px;display:block}.login h1{font-size:16px;font-weight:500;color:#7a7592;margin:0 0 20px}.login label,.login .err{text-align:left}.pill{background:#e4fbff;color:var(--cyan-dk);padding:3px 9px;border-radius:11px;font-size:11px;font-weight:600}code{background:#f3f1fb;color:var(--purple);padding:1px 6px;border-radius:5px;font-size:12px}