@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";.auth-page{width:100%;min-height:100vh;display:flex;font-family:IBM Plex Sans,sans-serif}.auth-left{position:relative;overflow:hidden;width:480px;flex-shrink:0;padding:48px 44px;color:var(--text-hi-dark);display:flex;flex-direction:column;background:radial-gradient(circle at 18% 12%,rgba(11,165,164,.22),transparent 42%),radial-gradient(circle at 82% 88%,rgba(11,165,164,.14),transparent 40%),var(--ink)}.auth-right{flex-grow:1;display:flex;align-items:center;justify-content:center}.auth-card{width:380px;display:flex;flex-direction:column;gap:20px}.auth-tabs{display:flex;background:var(--canvas);border:1px solid var(--line);border-radius:11px;padding:4px;gap:4px}.auth-tab{flex:1;text-align:center;padding:8px 0;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-lo);cursor:pointer;border:none;background:none;font-family:inherit}.auth-tab.active{background:var(--paper);color:var(--text-hi);box-shadow:var(--shadow-1)}.auth-error{font-size:12.5px;color:var(--danger);background:var(--danger-soft);border-radius:9px;padding:9px 12px}.test-card{border:1px dashed #C9902F;background:#fef8ee;border-radius:12px;padding:13px 15px}.test-title{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a5a15;margin-bottom:6px}.test-text{font-size:11.5px;color:#6b4712}:root{--ink:#0E1015;--ink-2:#171B26;--ink-3:#242A3A;--line-dark:#2A3040;--text-hi-dark:#F3F4F8;--text-lo-dark:#8B90A3;--canvas:#F5F6FA;--paper:#FFFFFF;--line:#E4E6EE;--text-hi:#12141C;--text-lo:#6B7180;--text-faint:#9CA1B0;--accent:#0BA5A4;--accent-ink:#054A49;--accent-soft:#E3F7F6;--accent-press:#088F8E;--warn:#B45309;--warn-soft:#FCEEDD;--danger:#C22B2B;--danger-soft:#FBE7E7;--success:#1E8E5A;--success-soft:#E4F5EC;--radius-s:8px;--radius-m:12px;--radius-l:18px;--shadow-1:0 1px 2px rgba(14,16,21,.06),0 1px 1px rgba(14,16,21,.04);--shadow-2:0 12px 32px rgba(14,16,21,.14)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;color:var(--text-hi);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}.font-display{font-family:Space Grotesk,sans-serif}.font-mono{font-family:IBM Plex Mono,monospace}.app-shell{display:flex;width:100%;height:100%;background:var(--canvas);overflow:hidden}.rail{width:236px;flex-shrink:0;height:100%;background:var(--ink);color:var(--text-hi-dark);display:flex;flex-direction:column;padding:18px 12px;gap:2px}.rail-brand{display:flex;align-items:center;gap:9px;padding:4px 6px 16px}.rail-mark{width:28px;height:28px;border-radius:9px;background:linear-gradient(155deg,var(--accent),#0B6E6D);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 1px #ffffff0f inset}.rail-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16.5px;letter-spacing:.1px}.org-pill{margin:0 4px 16px;padding:9px 10px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line-dark);font-size:12.5px;color:var(--text-hi-dark);display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:6px}.org-pill .sub{color:var(--text-lo-dark);font-size:11px;display:block;margin-top:1px}.nav-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-lo-dark);padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8.5px 10px;border-radius:9px;font-size:13.5px;color:var(--text-lo-dark)}.nav-item svg{flex-shrink:0;opacity:.85}.nav-item.active{background:var(--ink-3);color:var(--text-hi-dark)}.nav-item.active svg{opacity:1;color:var(--accent)}.nav-item.soon{opacity:.4;cursor:default}.nav-soon-tag{margin-left:auto;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--ink-3);padding:2px 6px;border-radius:5px;color:var(--text-lo-dark)}.rail-spacer{flex-grow:1}.rail-foot{display:flex;align-items:center;gap:9px;padding:10px 8px;border-top:1px solid var(--line-dark);margin-top:4px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;flex-shrink:0;font-family:Space Grotesk,sans-serif}.rail-foot-text{min-width:0;flex-grow:1}.rail-foot-name{font-size:12.5px;font-weight:500;color:var(--text-hi-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-foot-role{font-size:10.5px;color:var(--text-lo-dark)}.test-banner{margin:0 2px 14px;padding:7px 9px;border-radius:9px;background:#b4530929;border:1px solid rgba(180,83,9,.4);color:#f0b77c;font-size:10px;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase}.content{flex-grow:1;display:flex;flex-direction:column;min-width:0;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:14px 26px;border-bottom:1px solid var(--line);background:var(--paper);flex-shrink:0}.page-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;flex-shrink:0}.page-sub{font-size:12px;color:var(--text-lo);margin-top:1px}.search{flex-grow:1;max-width:400px;display:flex;align-items:center;gap:8px;background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:8px 11px;color:var(--text-faint);font-size:12.5px}.kbd{font-family:IBM Plex Mono,monospace;font-size:10.5px;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--text-lo);margin-left:auto}.spacer{flex-grow:1}.btn{font-family:IBM Plex Sans,sans-serif;font-size:12.5px;font-weight:600;border-radius:9px;padding:8px 13px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text-hi)}.btn-ghost:hover{background:var(--canvas)}.btn-danger-ghost{background:transparent;border-color:var(--danger-soft);color:var(--danger)}.btn-sm{padding:5px 10px;font-size:11.5px;border-radius:7px}.icon-btn{width:33px;height:33px;border-radius:9px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--text-lo);cursor:pointer;flex-shrink:0}.icon-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.chip-row{display:flex;gap:8px;padding:12px 26px;border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;flex-shrink:0}.chip{font-size:12px;font-weight:500;padding:6.5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--text-lo);background:var(--paper);cursor:pointer}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.badge{font-size:10.5px;font-weight:600;padding:3px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-neutral{background:var(--canvas);color:var(--text-lo);border:1px solid var(--line)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m)}.split{flex-grow:1;display:flex;min-height:0}.list-pane{width:392px;flex-shrink:0;border-right:1px solid var(--line);overflow-y:auto;background:var(--paper)}.list-row{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer}.list-row.selected{background:var(--accent-soft)}.list-row:hover:not(.selected){background:var(--canvas)}.tile{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;color:#fff;flex-shrink:0}.list-text{min-width:0;flex-grow:1}.list-title{font-size:13px;font-weight:600;color:var(--text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-sub{font-size:11.5px;color:var(--text-lo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.list-flag{flex-shrink:0}.chevron{flex-shrink:0;color:var(--text-faint)}.detail-pane{flex-grow:1;overflow-y:auto;padding:26px 34px 40px}.detail-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.detail-tile{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;color:#fff;flex-shrink:0}.detail-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:19px}.detail-meta{font-size:12px;color:var(--text-lo);margin-top:2px}.tab-row{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{padding:9px 4px;margin-right:20px;font-size:12.5px;font-weight:600;color:var(--text-lo);border-bottom:2px solid transparent;cursor:pointer}.tab.active{color:var(--accent-ink);border-color:var(--accent)}.field-group{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.field-row{display:flex;align-items:center;gap:8px;background:var(--canvas);border:1px solid var(--line);border-radius:9px;padding:9px 11px}.field-value{flex-grow:1;font-size:13.5px;color:var(--text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-value.mono{font-family:IBM Plex Mono,monospace}.field-actions{display:flex;gap:4px;flex-shrink:0}.mini-btn{width:27px;height:27px;border-radius:7px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--text-lo);cursor:pointer}.totp-box{display:flex;align-items:center;gap:14px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:11px;padding:12px 15px;margin-bottom:26px}.totp-code{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:500;letter-spacing:3px;color:var(--accent-ink)}.totp-ring{width:30px;height:30px;border-radius:50%;flex-shrink:0}.section-label{font-size:12px;font-weight:600;color:var(--text-hi);margin-bottom:10px;display:flex;align-items:center;gap:7px}.recovery-list{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.recovery-row{display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--line);border-radius:9px}.recovery-row.used{opacity:.45}.recovery-code{font-family:IBM Plex Mono,monospace;font-size:13px;flex-grow:1;letter-spacing:1px}.recovery-row.used .recovery-code{text-decoration:line-through}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.tag{font-size:11px;padding:4px 9px;border-radius:999px;background:var(--canvas);border:1px solid var(--line);color:var(--text-lo)}.history-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.history-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0}.history-text{font-size:12.5px}.history-when{font-size:11px;color:var(--text-faint);margin-top:2px}.empty-note{font-size:12.5px;color:var(--text-lo);background:var(--canvas);border:1px dashed var(--line);border-radius:10px;padding:16px;text-align:center}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:600;padding:8px 14px;border-bottom:1px solid var(--line)}.table td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.input-shell{display:flex;flex-direction:column;gap:5px}.input-label{font-size:12px;font-weight:600;color:var(--text-hi)}.input-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper)}.input-box input{border:none;outline:none;font-size:13.5px;font-family:IBM Plex Sans,sans-serif;flex-grow:1;color:var(--text-hi);background:transparent}.full-btn{width:100%;justify-content:center;padding:11px 0;font-size:13.5px}.settings-section{margin-bottom:30px}.settings-title{font-family:Space Grotesk,sans-serif;font-size:15.5px;font-weight:600;margin-bottom:4px}.settings-desc{font-size:12.5px;color:var(--text-lo);margin-bottom:16px}.opt-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.opt-row:last-child{border-bottom:none}.opt-label{font-size:13px;font-weight:500}.opt-sub{font-size:11.5px;color:var(--text-lo);margin-top:2px}.toggle{width:38px;height:22px;border-radius:999px;border:1px solid var(--line);background:var(--canvas);position:relative;cursor:pointer;flex-shrink:0}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle-dot{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:left .12s}.toggle.on .toggle-dot{left:18px}.grid-cards{display:grid;gap:16px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d5d8e2;border-radius:5px}