:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182236;background:#f3f5f9;font-synthesis:none;--surface:#fff;--line:#e0e5ef;--muted:#63718a;--accent:#365edc;--danger:#a5283a;--shadow:0 12px 36px #16274b09}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--accent)}.topbar{min-height:92px;flex-wrap:wrap;padding:20px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--accent);color:white;border-radius:13px;width:44px;height:44px;font-size:24px;font-weight:750}.brand b{color:var(--accent)}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.03em}#account-menu{display:flex;align-items:center;gap:15px;font-size:14px}.shell{max-width:1280px;margin:36px auto;padding:0 24px;display:flex;gap:36px}nav{width:208px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;position:sticky;top:24px;align-self:flex-start}nav button{background:none;border:0;text-align:left;padding:12px 15px;border-radius:10px;color:var(--muted);font-weight:580}nav button.active{background:#e6ebff;color:#254db8}nav .nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin:20px 15px 6px;color:var(--muted)}main{flex:1;min-width:0}h1{font-size:30px;letter-spacing:-.04em;line-height:1.2;margin:0 0 10px}h2{font-size:19px;margin:0 0 16px;letter-spacing:-.015em}h3{font-size:16px;margin:0 0 8px}p{line-height:1.6;margin:8px 0 16px}.intro{color:var(--muted);max-width:740px;margin-bottom:26px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid .card{margin:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2,.card-head h3{margin:0}.badge{font-size:12px;padding:4px 9px;display:inline-block;border-radius:99px;background:#eaf5ed;color:#296642;white-space:nowrap}.badge.dim{background:#edf0f6;color:var(--muted)}.badge.warn{background:#fff2d6;color:#8b5a12}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;background:var(--accent);color:#fff;font-weight:600;padding:11px 16px;text-decoration:none;gap:8px;min-height:44px}.secondary{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:9px;padding:10px 15px;min-height:42px}.danger{color:var(--danger);border-color:#e7c5cb;background:var(--surface)}.text-button{border:0;background:none;padding:8px;color:var(--accent)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.actions .push{margin-left:auto}.muted,.help{color:var(--muted)}.help{font-size:13px;line-height:1.55}.empty{text-align:center;padding:32px;color:var(--muted)}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:14px;font-weight:550}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd3e1;border-radius:8px;background:var(--surface);color:inherit;min-height:44px}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:18px;min-height:18px}label.check{display:flex;align-items:center;gap:9px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #809bff66;outline-offset:2px;border-color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-error{color:var(--danger);font-size:14px;line-height:1.5;margin:0}.login-wrap{max-width:480px;margin:40px auto}.login-wrap .card{padding:32px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.login-wrap h1{font-size:32px}.full{width:100%}.divider{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin:24px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}dl{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 20px;font-size:13px;margin:16px 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#213d79;color:white;padding:13px 22px;border-radius:12px;max-width:min(650px,90vw);z-index:100;box-shadow:0 5px 25px #0003}#notice.error{background:#912d3f}dialog{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--surface);color:inherit;width:min(570px,calc(100vw - 28px));max-height:90vh;box-shadow:0 24px 100px #0004}dialog::backdrop{background:#15234370;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{margin:0}.icon-button{border:0;background:none;color:var(--muted);font-size:28px;padding:0 8px}.secret{display:block;padding:14px;border:1px dashed #bdc7de;border-radius:8px;background:#f4f6fa;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:14px;white-space:pre-wrap;user-select:all}.security-tip{border-left:3px solid var(--accent);padding:10px 16px;background:#edf2ff;color:#2f4776;font-size:13px;border-radius:0 8px 8px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}td button{white-space:nowrap}.paging{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.stat{font-size:30px;font-weight:700;color:var(--accent);margin:8px 0}.search{max-width:350px;margin:0 0 20px}.loading{text-align:center;color:var(--muted);margin-top:70px}[hidden]{display:none!important}.mono{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.banner{padding:16px 20px;background:#fff4db;border:1px solid #edcf8d;border-radius:12px;color:#825915;margin-bottom:22px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.warning-copy{color:var(--danger)}
@media(max-width:800px){.topbar{height:auto;padding:16px 20px}.shell{display:block;margin-top:20px;padding:0 18px}nav{position:static;width:100%;flex-direction:row;overflow:auto;margin-bottom:26px;padding-bottom:6px;gap:4px}nav button{white-space:nowrap;padding:10px 12px}nav .nav-label{display:none}.card{padding:20px}h1{font-size:26px}.login-wrap{margin:24px auto}.form-grid{grid-template-columns:1fr}.account-name{display:none}dl{grid-template-columns:1fr 1.25fr;font-size:12px}dialog{padding:22px}.grid{grid-template-columns:1fr}}
:root[data-theme="dark"]{color-scheme:dark;background:#111722;color:#e0e7f1;--surface:#1a2332;--line:#303d51;--muted:#a4b2c9;--accent:#8ea9ff;--danger:#ff99aa;--shadow:none}:root[data-theme="dark"] .brand-mark,:root[data-theme="dark"] button.primary,:root[data-theme="dark"] .button{background:#4064d6;color:white}:root[data-theme="dark"] nav button.active{background:#263555;color:#b8c9ff}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{border-color:#40506a}:root[data-theme="dark"] .badge{background:#203e32;color:#a1dab7}:root[data-theme="dark"] .badge.dim{background:#293548}:root[data-theme="dark"] .badge.warn,:root[data-theme="dark"] .banner{background:#413820;color:#f1d08a}:root[data-theme="dark"] .secret{background:#121b29;border-color:#495979}:root[data-theme="dark"] .security-tip{background:#24334f;color:#bfcef1}:root[data-theme="dark"] .danger{border-color:#70414d}

.section-title{margin:30px 0 18px}.key-list{margin-top:22px}
.totp-qr{display:block;max-width:100%;height:auto;margin:18px auto;background:#fff;image-rendering:pixelated}

.topbar-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px}.theme-toggle svg{width:22px;height:22px}.theme-toggle .theme-sun{display:none}:root[data-theme="dark"] .theme-toggle .theme-moon{display:none}:root[data-theme="dark"] .theme-toggle .theme-sun{display:block}#account-menu:empty{display:none}