:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--brand-blue: #0778aa;--brand-blue-dark: #05628c;--brand-blue-soft: #0f88bb;--brand-graphite: #344d56;--brand-graphite-soft: #4d6570;--brand-surface: #f4f8fb;--brand-tint: #e8f4f9;--brand-border: #cfe3ec;background:var(--brand-surface);color:#10242c}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:var(--brand-surface)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}input,select,textarea{width:100%;min-height:46px;color:#10242c;background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:12px 13px;outline:none}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0778aa24}.field{position:relative;display:block;min-width:0}.field input,.field select,.field textarea{padding-top:16px;padding-bottom:8px}.field span{position:absolute;left:12px;top:50%;max-width:calc(100% - 24px);padding:0 5px;color:var(--brand-graphite-soft);background:#fff;border-radius:6px;transform:translateY(-50%);transform-origin:left center;transition:top .15s ease,transform .15s ease,color .15s ease,font-size .15s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.textarea-field span{top:23px}.field input:focus+span,.field input:not(:placeholder-shown)+span,.field input:-webkit-autofill+span,.field.filled input+span,.field textarea:focus+span,.field textarea:not(:placeholder-shown)+span,.field.filled textarea+span,.select-field span{top:0;color:var(--brand-blue-dark);font-size:12px;font-weight:800;transform:translateY(-50%)}.field input:disabled+span,.field textarea:disabled+span,.field select:disabled+span{color:#94a3b8}.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 12%,rgba(7,120,170,.18),transparent 30%),linear-gradient(160deg,var(--brand-blue-dark) 0%,var(--brand-graphite) 42%,#f7fbfd 42.2%,var(--brand-surface) 100%)}.login-panel{width:min(430px,100%);display:grid;gap:16px;background:#fffffff5;border:1px solid rgba(255,255,255,.75);border-radius:18px;padding:28px;box-shadow:0 22px 70px #10242c3d}.login-brand{display:grid;justify-items:center;gap:12px;text-align:center}.brand-mark{width:64px;height:64px;display:grid;place-items:center;color:#fff;background:var(--brand-blue);border-radius:18px;box-shadow:0 12px 28px #0778aa47}.login-panel h1{margin:2px 0 6px;font-size:36px;line-height:1.04;letter-spacing:0}.login-panel p{margin:0;color:var(--brand-graphite-soft);line-height:1.5}.login-form{display:grid;gap:12px}.primary,.login-form button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;color:#fff;background:var(--brand-blue);border-radius:8px;padding:12px 16px;font-weight:800;box-shadow:0 8px 20px #0778aa2e}.primary:disabled,.login-form button:disabled{opacity:.68;cursor:wait}.compact-action{min-height:38px;padding:9px 13px;font-size:14px}.biometric-login{width:100%;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;color:var(--brand-blue-dark);background:var(--brand-tint);border:1px solid var(--brand-border);border-radius:8px;padding:12px 16px;font-weight:800}.check{display:flex;align-items:center;gap:10px;color:var(--brand-graphite-soft)}.check input{width:auto;min-height:auto}.biometric-check{align-items:flex-start;font-size:13px;line-height:1.35}.app-shell{min-height:100vh;background:var(--brand-surface)}.workspace{width:min(1160px,calc(100vw - 32px));margin:0 auto;padding:18px 0 28px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:18px;align-items:center;margin-bottom:16px;padding:14px 16px;color:#fff;background:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-graphite) 100%);border-radius:16px;box-shadow:0 14px 36px #10242c29}.app-heading{display:flex;align-items:center;gap:12px;min-width:0}.header-logo{width:42px;height:42px;min-width:42px;display:grid;place-items:center;color:var(--brand-blue);background:#fff;border-radius:50%}.app-title{display:flex;gap:10px;align-items:center;margin-bottom:3px;font-size:24px;letter-spacing:0}.topbar p{margin:0;color:#ffffffc7}.top-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px auto;gap:8px;align-items:center}.search{min-width:0;display:flex;align-items:center;gap:8px;color:var(--brand-graphite-soft);background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding-left:12px;box-shadow:0 1px 2px #0f172a0a}.search input{min-height:44px;border:0;box-shadow:none;padding-left:0}.logout,.ghost,.secret-actions button,.secret-actions .action-link,.modal header button,.authenticator-card button,.scan-action,.totp-copy{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;color:var(--brand-graphite);background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:9px 12px;font-weight:700;text-decoration:none}.icon-only{width:42px;min-width:42px;height:40px;padding:0}.icon-only:disabled{opacity:.45;cursor:not-allowed}.icon-action{width:46px;height:46px;padding:0}.logout{color:#b42318}.top-logout{min-width:84px}.view-tabs{display:inline-flex;gap:6px;margin:0 0 16px;padding:5px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0f172a0a}.view-tabs button,.mfa-shortcut{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;color:var(--brand-graphite-soft);background:transparent;border:1px solid transparent;border-radius:8px;padding:9px 12px;font-weight:800}.view-tabs button.selected{color:#fff;background:var(--brand-blue);box-shadow:0 8px 18px #0778aa29}.content-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start}.vault-view{display:grid;gap:12px}.section-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.secret-form,.secret-card,.authenticator-head,.authenticator-card,.modal,.home-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0f}.home-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.home-card h2{margin:0 0 4px;font-size:20px;color:#10242c}.home-card p{margin:0;color:var(--brand-graphite-soft)}.secret-form{display:grid;gap:10px;padding:16px}.secret-form h2{margin:0;font-size:18px;line-height:1.2}.form-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mfa-shortcut{min-height:36px;color:var(--brand-blue-dark);background:var(--brand-tint);border-color:var(--brand-border);padding:7px 10px;font-size:13px}.secret-list{display:grid;gap:12px;max-height:calc(100vh - 176px);overflow:auto;padding-right:4px;min-width:0}.secret-card{padding:15px;border-radius:14px}.secret-card.expired{border-color:#f97316}.secret-head{display:flex;justify-content:space-between;gap:12px}.secret-card h3,.authenticator-card h3{margin:0;color:#10242c;font-size:17px;line-height:1.25}.secret-card p,.authenticator-card p{margin:5px 0 0;color:var(--brand-graphite-soft)}.secret-card a{display:inline-block;margin-top:8px;color:var(--brand-blue-dark);word-break:break-all;font-weight:700}.star{color:#eab308;fill:#eab308}.secret-actions{display:flex;flex-wrap:nowrap;gap:8px;margin-top:12px;max-width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.secret-actions .danger-action,.authenticator-actions .danger-action{color:#b42318;border-color:#fecaca;background:#fff5f5}.revealed{margin-top:12px;background:#f8fbfd;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.revealed code{display:block;color:var(--brand-blue-dark);white-space:pre-wrap;word-break:break-all;font-weight:800}dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:7px 10px;margin:0}dt{color:var(--brand-graphite-soft);font-weight:800}dd{margin:0;min-width:0;word-break:break-word}.totp-card,.auth-code{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:10px;background:var(--brand-tint);border:1px solid var(--brand-border)}.totp-card{margin-bottom:12px;padding:14px}.totp-card div{display:grid;gap:4px}.totp-card .totp-meta{display:flex;align-items:center;gap:8px}.totp-card span{color:var(--brand-graphite-soft);font-size:12px;font-weight:900;text-transform:uppercase}.totp-card strong,.auth-code strong{color:#10242c;font-size:36px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}.totp-card small,.auth-code small{min-width:50px;height:50px;display:grid;place-items:center;color:#fff;background:var(--brand-graphite);border-radius:50%;font-weight:900}.totp-copy{width:40px;min-width:40px;height:40px;color:var(--brand-blue-dark)}.authenticator-view{display:grid;gap:14px}.authenticator-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.authenticator-head h2{margin:0 0 4px;font-size:20px}.authenticator-head p{margin:0;color:var(--brand-graphite-soft)}.authenticator-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.authenticator-card{display:grid;gap:12px;padding:15px}.auth-code{padding:14px}.authenticator-actions{display:flex;flex-wrap:wrap;gap:8px}.empty-authenticator{min-height:260px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--brand-graphite-soft);border:1px dashed #cbd5e1;border-radius:12px;background:#fff}.empty-authenticator strong{color:#10242c}.error{display:block;color:#b42318;margin-top:10px}.notice{display:block;color:var(--brand-blue-dark);font-size:13px;font-weight:800}.floating{position:fixed;right:18px;bottom:18px;z-index:30;max-width:520px;padding:12px;color:#b42318;background:#fff5f5;border:1px solid #fecaca;border-radius:8px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#0f172a5c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.modal{width:min(430px,100%);display:grid;gap:13px;padding:16px}.modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal h2{margin:0;font-size:18px}.modal header button{width:36px;height:36px;min-height:36px;padding:0;color:#b42318}.color-line{display:grid;grid-template-columns:1fr 58px;gap:12px;align-items:center;color:var(--brand-graphite-soft)}.color-line input{height:42px;padding:4px}.scan-action{width:100%;color:var(--brand-blue-dark);background:var(--brand-tint);border-color:var(--brand-border)}.qr-scanner{display:grid;gap:9px;padding:10px;background:#f8fbfd;border:1px solid #dbe4ee;border-radius:10px}.scanner-preview{position:relative;overflow:hidden;border-radius:8px;background:var(--brand-graphite)}.scanner-preview video{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.scanner-preview span{position:absolute;inset:16%;border:2px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 0 0 999px #10242c2e;pointer-events:none}.qr-scanner small{color:var(--brand-graphite-soft);font-weight:700}.zoom-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:var(--brand-graphite-soft);font-size:13px;font-weight:800}.zoom-control input{min-height:34px;padding:0;accent-color:var(--brand-blue)}@media(max-width:1180px){.workspace{width:min(960px,calc(100vw - 32px))}.content-grid{grid-template-columns:minmax(0,1fr)}.secret-list{max-height:none}}@media(max-width:720px){body{background:var(--brand-surface)}.workspace{width:100%;padding:0 12px 96px}.topbar{grid-template-columns:1fr;gap:12px;margin:0 -12px 14px;padding:20px 18px 16px;border-radius:0 0 22px 22px}.app-title{font-size:21px}.top-actions{grid-template-columns:1fr 46px}.top-logout{position:absolute;top:18px;right:14px;width:44px;min-width:44px;height:42px;padding:0;color:#b42318;background:#fff}.top-logout span,.top-logout:not(.force-text){font-size:0}.top-logout svg{margin:0}.view-tabs{position:fixed;left:12px;right:12px;bottom:12px;z-index:25;display:grid;grid-template-columns:1fr 1fr;margin:0;box-shadow:0 10px 32px #0f172a2e}.content-grid{gap:12px}.home-card{align-items:stretch;flex-direction:column;border-radius:16px}.section-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.section-actions button{width:100%}.secret-form,.secret-card,.authenticator-card,.authenticator-head{border-radius:16px}.authenticator-head{align-items:stretch;flex-direction:column}.authenticator-head .primary{width:100%}.authenticator-actions,.secret-actions{gap:7px}.floating{right:12px;bottom:84px;left:12px}.modal-backdrop{align-items:start;overflow:auto}.modal{margin-top:12px}}@media(max-width:430px){.login-shell{padding:18px}.login-panel{padding:22px;border-radius:16px}.login-panel h1{font-size:32px}.secret-form,.secret-card,.authenticator-card{padding:13px}.form-block{padding:10px}dl{grid-template-columns:1fr}.totp-card strong,.auth-code strong{font-size:32px}}