:root{--bg:#07131f;--panel:#0b1b2a;--panel2:#102435;--line:#1f3a4d;--text:#edf6f7;--muted:#88a3ae;--mint:#61e6c2;--mint2:#2bcba7;--danger:#ff707d;--amber:#ffc862;--shadow:0 28px 80px rgba(0,0,0,.42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--mint);font-weight:800}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.brand-panel{padding:7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 30%,rgba(40,203,167,.12),transparent 35%),linear-gradient(145deg,#07131f,#0b2232);position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(97,230,194,.13);border-radius:50%;right:-190px;top:15%;box-shadow:0 0 0 60px rgba(97,230,194,.03),0 0 0 130px rgba(97,230,194,.025)}.brand-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--mint),#23bfa2);color:#06231e;display:grid;place-items:center;font-weight:900;font-size:29px;box-shadow:0 12px 34px rgba(43,203,167,.25)}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:18px}.brand-panel h1{font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}.brand-panel h1 em{color:var(--mint);font-style:normal}.brand-panel p{max-width:560px;font-size:18px;line-height:1.7;color:#aac0c8}.assurances{display:flex;gap:28px;color:#8da8b2;font-size:12px;letter-spacing:.05em}.auth-panel{display:grid;place-items:center;padding:28px;background:#f1f6f5;color:#11232c}.auth-card{width:min(450px,100%);background:#fff;padding:40px;border:1px solid #dbe6e4;border-radius:24px;box-shadow:0 30px 80px rgba(14,47,54,.12)}.mobile-brand{display:none;font-weight:800;align-items:center;gap:10px}.tabs{display:flex;border-bottom:1px solid #dce7e5;margin-bottom:30px}.tab{flex:1;background:none;border:0;padding:14px;color:#7a8f95;font-weight:700;border-bottom:2px solid transparent}.tab.active{color:#087b69;border-bottom-color:#19ad91}.auth-card h2{font-size:28px;letter-spacing:-.03em;margin:0 0 6px}.muted{color:#71878f;line-height:1.5}.auth-card form>label:not(.check),dialog label:not(.check){display:grid;gap:8px;margin:18px 0 0;font-size:13px;font-weight:700;color:#3a515a}input,textarea,select{border:1px solid #cbdad8;background:#f9fcfb;color:#10232b;border-radius:10px;padding:12px 14px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:#24b99c;box-shadow:0 0 0 3px rgba(36,185,156,.12)}.primary,.ghost,.danger{border-radius:10px;padding:11px 16px;font-weight:750;border:1px solid transparent}.primary{background:linear-gradient(135deg,#39dbb8,#18b897);color:#062c25}.primary:hover{filter:brightness(1.07)}.full{width:100%}.auth-card .primary{margin-top:24px;display:flex;justify-content:space-between}.micro{text-align:center;font-size:11px;color:#829499}.check{display:flex!important;align-items:center;gap:9px!important;margin-top:16px;color:#587078!important;font-size:12px!important}.check input{width:16px;accent-color:#1ab494}.strength{height:4px;background:#e3ecea;border-radius:5px;margin-top:8px}.strength i{display:block;height:100%;width:0;border-radius:5px;transition:.2s}.vault-shell{height:100vh;display:grid;grid-template-columns:248px 1fr;background:#08131f}.sidebar{display:flex;flex-direction:column;padding:22px 15px 14px;background:#0a1927;border-right:1px solid #183044}.logo{display:flex;align-items:center;gap:11px;font-size:18px;padding:0 8px 24px}.new-button{width:100%;margin-bottom:22px}.sidebar nav{display:grid;gap:3px;overflow:auto}.nav-item{border:0;background:transparent;color:#93abb5;border-radius:9px;padding:10px 12px;display:flex;gap:11px;align-items:center;text-align:left;font-size:13px}.nav-item:hover{background:#10283a;color:#dcebed}.nav-item.active{background:#133344;color:var(--mint)}.nav-item b{margin-left:auto;background:#1e4050;padding:2px 7px;border-radius:10px;font-size:10px}.nav-label{font-size:9px;letter-spacing:.16em;font-weight:800;color:#4f7180;padding:18px 12px 7px}.sidebar-foot{margin-top:auto;border-top:1px solid #183044;padding:15px 5px 0;display:flex;align-items:center;justify-content:space-between}.shield{display:flex;gap:9px;color:var(--mint);font-size:13px}.shield span{display:grid}.shield small{color:#6f8994;font-size:10px;margin-top:2px}.icon-button{border:0;background:transparent;color:inherit;font-size:20px;border-radius:8px;padding:7px}.icon-button:hover{background:rgba(100,180,170,.12)}.workspace{min-width:0;display:grid;grid-template-rows:68px 1fr}.topbar{display:flex;align-items:center;gap:10px;padding:0 22px;border-bottom:1px solid #183044;background:rgba(8,19,31,.92)}.search{height:40px;flex:1;max-width:620px;border:1px solid #1c384a;border-radius:10px;background:#0d2030;display:flex;align-items:center;padding:0 12px;color:#6f8c98}.search input{border:0!important;box-shadow:none!important;background:transparent;color:#e5f0f1;padding:8px;min-width:0}.search kbd{font-size:10px;border:1px solid #315063;border-radius:5px;padding:3px 6px}.ghost{background:#102536;border-color:#274253;color:#bdd0d5}.ghost:hover{background:#163247}.avatar{width:37px;height:37px;border-radius:50%;background:#244658;color:var(--mint);border:1px solid #3a6173;font-weight:800}.content-grid{min-height:0;display:grid;grid-template-columns:minmax(340px,42%) 1fr}.item-column{min-width:0;border-right:1px solid #183044;display:flex;flex-direction:column;overflow:auto}.column-head{padding:25px 24px 18px;display:flex;justify-content:space-between;align-items:end}.column-head h2{margin:0;font-size:23px;letter-spacing:-.03em}.column-head p{margin:5px 0 0;color:#6e8994;font-size:12px}.column-head select{width:auto;background:#0d2030;color:#94aeb8;border-color:#234153;padding:8px}.item-list{padding:0 13px 25px}.item-row{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid transparent;border-bottom-color:#132c3e;background:transparent;color:inherit;padding:13px 11px;text-align:left;border-radius:10px}.item-row:hover{background:#0e2232}.item-row.active{background:#123144;border-color:#205168}.item-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#163449;color:var(--mint);font-size:19px}.item-main{min-width:0}.item-main b,.item-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-main b{font-size:14px}.item-main small{color:#6e8994;margin-top:4px}.favorite{color:var(--amber)}.detail-panel{overflow:auto;padding:32px clamp(28px,5vw,72px);background:radial-gradient(circle at 80% 0,rgba(37,186,154,.04),transparent 32%)}.no-selection,.empty{min-height:60vh;display:grid;place-content:center;text-align:center;color:#627f8b}.no-selection>div,.empty>div{font-size:42px}.no-selection h3,.empty h3{color:#bdd0d5;margin:12px 0 2px}.no-selection p,.empty p{font-size:13px}.empty .primary{margin:12px auto}.detail-head{display:flex;align-items:center;gap:17px;padding-bottom:27px;border-bottom:1px solid #1b3446}.detail-head .item-icon{width:54px;height:54px;font-size:24px}.detail-head h2{margin:0;font-size:27px}.detail-head p{margin:5px 0 0;color:#6f8b96}.detail-actions{margin-left:auto;display:flex;gap:8px}.field-group{margin-top:28px}.field-group h3{font-size:10px;letter-spacing:.16em;color:#65838f}.detail-field{border-bottom:1px solid #173142;padding:14px 0;display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center}.detail-field>span:first-child{color:#688792;font-size:12px}.detail-value{word-break:break-word;white-space:pre-wrap}.detail-field button{font-size:13px}.tag{display:inline-block;background:#123348;color:#8ddbc8;padding:5px 9px;border-radius:12px;font-size:11px;margin:3px}.danger{background:rgba(255,92,108,.08);border-color:rgba(255,92,108,.3);color:#ff8490}.toast{position:fixed;z-index:100;right:24px;bottom:24px;background:#eafaf6;color:#0a332a;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);font-weight:700;font-size:13px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.22s}.toast.show{transform:none;opacity:1}.toast.error{background:#ffe9eb;color:#6d1821}dialog{width:min(600px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#f7fbfa;color:#142830;border:1px solid #d5e3e0;border-radius:20px;padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,10,16,.72);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:4px 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.type-picker{display:flex;gap:7px;overflow:auto;padding:18px 0 5px}.type-picker button{white-space:nowrap;border:1px solid #cfdfdc;background:#fff;color:#50666e;border-radius:9px;padding:9px}.type-picker button.active{border-color:#1aaf91;background:#ddf8f1;color:#087561}.field-inline{display:grid;grid-template-columns:1fr auto;gap:7px}.field-inline .ghost{margin-top:18px;color:#287564;background:#e5f3f0;border-color:#c5e1db}.generated-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;background:#0d2230;color:#70f2d0;border-radius:12px;margin:22px 0;padding:14px;word-break:break-all}.generated-wrap output{font-family:ui-monospace,monospace;font-size:18px}.options-grid{display:grid;grid-template-columns:1fr 1fr;margin:18px 0}.setting-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #d8e5e2;border-radius:12px;padding:16px;margin:14px 0}.setting-card h3,.setting-card p{margin:0}.setting-card p{font-size:12px;color:#73878e;margin-top:4px}.status-pill{background:#dff8f1;color:#08735f;padding:5px 9px;border-radius:14px;font-size:11px;font-weight:800}.audit-list{max-height:220px;overflow:auto;margin:10px 0 22px}.audit-entry{border-bottom:1px solid #dae7e4;padding:10px 2px;display:flex;justify-content:space-between;font-size:12px}.audit-entry span:last-child{color:#829499}.secret-box,.recovery{background:#102534;color:#65e5c3;padding:16px;border-radius:10px;word-break:break-all;font-family:ui-monospace,monospace;white-space:pre-wrap}.watchtower{padding:0 22px 25px}.score-card{border:1px solid #1d4352;background:linear-gradient(145deg,#0c2634,#102d3b);border-radius:16px;padding:20px}.score-line{display:flex;justify-content:space-between;align-items:center}.score{font-size:38px;color:var(--mint);font-weight:800}.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.risk{background:#0a1d2b;border-radius:10px;padding:13px}.risk strong{display:block;font-size:22px;color:var(--amber)}.risk small{color:#7e9aa5}.watch-list{margin-top:15px}.watch-list p{font-size:12px;color:#8ea8b1}.loading{opacity:.6;pointer-events:none}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.brand-panel{display:none}.auth-panel{padding:18px;min-height:100vh}.mobile-brand{display:flex;margin-bottom:24px}.vault-shell{grid-template-columns:72px 1fr}.sidebar{padding:15px 8px}.logo b,.nav-item:not(.active){font-size:0}.logo{padding-left:10px}.nav-item{justify-content:center;padding:12px}.nav-item span{font-size:18px}.nav-item b,.nav-label,.sidebar .new-button,.shield span{display:none}.sidebar-foot{justify-content:center}.content-grid{grid-template-columns:1fr}.detail-panel{display:none}.mobile-detail .item-column{display:none}.mobile-detail .detail-panel{display:block}.mobile-back{display:inline-block!important}.topbar{padding:0 10px}.topbar .ghost{font-size:0}.topbar .ghost:first-letter{font-size:16px}}
@media(min-width:901px){.mobile-back{display:none!important}}
@media(max-width:520px){.auth-card{padding:25px 20px;border-radius:16px}.vault-shell{grid-template-columns:58px 1fr}.sidebar .brand-mark{width:32px;height:32px}.column-head{padding:18px 14px}.item-list{padding:0 5px}.search kbd{display:none}}
.qr-box{width:224px;min-height:224px;margin:18px auto;padding:12px;background:#fff;border:1px solid #d5e3e0;border-radius:14px;display:grid;place-items:center}.qr-box svg{display:block;width:200px;height:200px}.download-link{text-decoration:none;display:inline-block}.otp-live{background:linear-gradient(135deg,#0f3040,#154454);border:1px solid #246276;border-radius:14px;padding:17px;margin-top:12px;color:#e9fffa}.otp-code{font-family:ui-monospace,monospace;font-size:30px;letter-spacing:.16em;color:var(--mint);font-weight:800}.otp-progress{height:4px;background:#244858;border-radius:4px;margin-top:10px;overflow:hidden}.otp-progress i{display:block;height:100%;background:var(--mint);transition:width 1s linear}.form-help{font-size:11px;color:#71878f;margin:6px 0 0;line-height:1.5}.type-picker{flex-wrap:wrap}.type-picker button{flex:0 0 auto}