:root{font-family:Inter,"Segoe UI",Tahoma,sans-serif;color:#202033;background:#f7f7fc;--line:#e4e3ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 10%,#eafff9,transparent 28%),radial-gradient(circle at 80% 10%,#f1ebff,transparent 35%),#f7f7fc}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:3}.topbar a{color:#252538;text-decoration:none;font-weight:800}.brand b{display:inline-grid;place-items:center;color:#fff;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#6a55ed,#52c9b9)}button,select,input,textarea,a{font:inherit}.topbar button,.topbar span{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:14px;margin-inline-start:8px}.shell{max-width:1180px;margin:34px auto;display:grid;grid-template-columns:280px 1fr;gap:24px;padding:0 18px}.nav,.panel{background:#fffffff0;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 50px #4433880b}.nav{padding:22px;height:max-content;position:sticky;top:100px}.nav h1{margin:0 8px 20px}.nav button{display:block;width:100%;text-align:start;border:0;background:transparent;padding:13px 15px;border-radius:13px;color:#525263;cursor:pointer}.nav button.active,.nav button:hover{background:#efedff;color:#5746d6;font-weight:700}.panel{display:none;padding:30px;min-height:440px}.panel.active{display:block}.panel h2{margin-top:0;font-size:1.75rem}.panel label:not(.toggle){display:grid;gap:8px;margin:18px 0}.panel input,.panel select,.panel textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.panel textarea{min-height:130px}.toggle{display:flex;align-items:center;gap:10px;margin:20px 0}.toggle input{width:20px;height:20px}.primary,.secondary,.danger{display:inline-block;text-decoration:none;border:0;border-radius:13px;padding:13px 20px;margin:10px 4px;cursor:pointer}.primary{background:linear-gradient(135deg,#6049de,#7768f2);color:#fff}.secondary{background:#efedff;color:#5141cc}.danger{background:#fff0f0;color:#b62d38}.notice{padding:13px 16px;border-radius:13px;background:#e8fff3;color:#17603e;margin-bottom:16px}.notice.error{background:#fff0f0;color:#9a2230}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.links a{padding:16px;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none}#mfaQr{display:block;max-width:220px;margin:15px 0}#mfaSecret{display:block;word-break:break-all;margin:10px 0}html[data-theme=dark]{color:#f2f2f7;background:#12121a;--line:#333344}html[data-theme=dark] body{background:#12121a}html[data-theme=dark] .topbar,html[data-theme=dark] .nav,html[data-theme=dark] .panel,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#1b1b27;color:#f2f2f7}@media(max-width:760px){.shell{display:block;margin-top:16px}.nav{position:static;display:flex;overflow:auto;padding:12px;margin-bottom:14px}.nav h1{display:none}.nav button{white-space:nowrap;width:auto}.panel{padding:22px;min-height:0}.topbar{height:68px;padding:0 18px}.links{grid-template-columns:1fr}}
/* Native hidden must win over button and panel display rules. */
[hidden]{display:none!important}