:root{color-scheme:dark;font-family:IBM Plex Sans,system-ui,sans-serif;--bg: #071112;--bg-soft: #0d1d20;--panel: rgba(15, 31, 35, .9);--panel-strong: #132a2f;--line: rgba(133, 179, 183, .2);--text: #e4f0ef;--muted: #9db3b4;--teal: #2dd4bf;--teal-dark: #0f766e;--amber: #f2c166;--danger: #f97373;--radius: 18px;--shadow: 0 24px 80px rgba(0, 0, 0, .36)}*{box-sizing:border-box}body{min-width:360px;margin:0;background:radial-gradient(circle at 18% 8%,rgba(45,212,191,.16),transparent 32rem),linear-gradient(135deg,#071112,#0b1a1d 48%,#091315);color:var(--text)}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;letter-spacing:-.02em}h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.4rem)}h2{margin:0 0 1rem;font-size:1.35rem}.auth-shell,.center-screen{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.auth-card{width:min(100%,460px);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:linear-gradient(180deg,#142a2ff2,#081417f2);box-shadow:var(--shadow);padding:2rem}.brand-mark{display:inline-grid;width:56px;height:56px;margin-bottom:1.5rem;place-items:center;border:1px solid rgba(45,212,191,.36);border-radius:16px;background:#2dd4bf1a;color:var(--teal);font-weight:700}.auth-language{display:flex;justify-content:flex-end;margin:-4.25rem 0 2.5rem}.stack{display:grid;gap:1rem}.ui-field{display:grid;gap:.45rem}.ui-field__label,.info-row span{color:var(--muted);font-size:.9rem}.ui-input,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#060f11d6;color:var(--text);padding:.75rem .9rem}.ui-field__error{color:var(--danger);font-size:.9rem}.ui-button{border:1px solid transparent;border-radius:999px;cursor:pointer;font-weight:700;padding:.72rem 1rem}.ui-button:disabled{cursor:not-allowed;opacity:.62}.ui-button--primary{background:linear-gradient(180deg,#32d9c8,#13a394);color:#061315}.ui-button--secondary,.ui-button--ghost{border-color:var(--line);background:#ffffff0a;color:var(--text)}.ui-button--danger{background:#f973731f;border-color:#f973736b;color:#ffd0d0}.ui-alert{display:grid;gap:.3rem;border:1px solid var(--line);border-radius:14px;padding:1rem}.ui-alert--danger{border-color:#f9737385;background:#f973731a}.ui-alert--warning{border-color:#f2c16675;background:#f2c1661a}.ui-alert--success{border-color:#2dd4bf80;background:#2dd4bf1a}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#050f11c7;padding:1.25rem}.shell-brand{margin-bottom:1.5rem;color:var(--teal);font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;font-weight:700}.nav-list{display:grid;gap:.35rem}.nav-list a,.bottom-nav a,.bottom-nav button{border-radius:12px;color:var(--muted);padding:.78rem .9rem}.nav-list a.active,.bottom-nav a.active{background:#2dd4bf1f;color:var(--text)}.shell-body{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:1rem;border-bottom:1px solid var(--line);background:#071112d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1rem 1.5rem}.topbar>div:first-of-type{display:grid;margin-right:auto}.topbar span{color:var(--muted);font-size:.88rem}.content{padding:2rem}.page{display:grid;gap:1.25rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 18px 54px #0000002e;padding:1.25rem}.info-row{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:.75rem 0}.info-row:first-of-type{border-top:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{border-bottom:1px solid var(--line);padding:.9rem;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.82rem;text-transform:uppercase}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:2rem;text-align:center}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.chip-list li{border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:.35rem .65rem}.qr{width:180px;height:180px;border-radius:16px;background:#fff;padding:.6rem}.manual-secret{display:grid;gap:.4rem}.manual-secret code{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:12px;padding:.75rem}.tablet-menu,.bottom-nav,.drawer-backdrop{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1279px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.tablet-menu{display:inline-flex}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:block;background:#00000094}.drawer{width:min(86vw,340px);height:100%;background:var(--panel-strong);padding:1rem}}.recovery-codes{display:grid;gap:.5rem;margin:1rem 0;padding:0;list-style:none}.recovery-codes code{display:block;overflow-wrap:anywhere;padding:.55rem .75rem;border:1px solid var(--line);border-radius:.5rem;background:#ffffff08}@media(max-width:767px){.content{padding:1rem 1rem 5.5rem}.topbar{gap:.5rem;padding:.8rem}.topbar .ui-button--secondary{display:none}.grid{grid-template-columns:1fr}.auth-card{width:min(100%,24rem);margin-inline:auto}.qr{max-width:min(180px,70vw);height:auto}.table-wrap,table,thead,tbody,th,td,tr{display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}tr{margin-bottom:.85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}td{border-bottom:0;padding:.65rem .9rem}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:#071112f2}.bottom-nav a,.bottom-nav button{border:0;background:none;color:var(--muted);font-size:.78rem;text-align:center}}