:root{color-scheme:dark;--ps-bg:#071019;--ps-panel:#0e1a25;--ps-line:#263b4b;--ps-cyan:#59e8ff;--ps-green:#cfff4f;--ps-muted:#9fb1bd}*{box-sizing:border-box}.password-main{max-width:1180px;margin:auto;padding:48px 28px 80px;font-family:Orbitron,Inter,system-ui,sans-serif}.password-hero{padding:34px 0 26px}.password-hero h1{font-size:clamp(42px,7vw,78px);line-height:1;margin:10px 0 18px}.password-hero>p{max-width:850px;color:#c5d4dc;line-height:1.75;font-family:Inter,system-ui,sans-serif}.password-notice{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;padding:14px 16px;border-left:3px solid var(--ps-green);background:#0c1821;color:#dce8ed}.password-notice span{color:var(--ps-muted);font-family:Inter,system-ui,sans-serif}.password-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--ps-line);padding:8px 0 14px;margin-bottom:24px}.password-tabs button{border:1px solid transparent;background:transparent;color:#abc0cc;border-radius:9px;padding:11px 15px;font:600 12px Orbitron,system-ui,sans-serif;cursor:pointer}.password-tabs button.active{border-color:#2c5a68;background:#102633;color:var(--ps-cyan)}.password-grid,.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.password-panel{background:linear-gradient(145deg,#101d29,#0a151f);border:1px solid var(--ps-line);border-radius:15px;padding:22px;min-width:0}.password-panel h2{margin:5px 0 12px;font-size:26px}.password-panel p,.password-panel li{font-family:Inter,system-ui,sans-serif;color:#b8c9d2;line-height:1.65}.panel-tag{font:700 10px/1.4 Orbitron,system-ui,sans-serif!important;color:var(--ps-cyan)!important;letter-spacing:.14em}.password-panel label{display:block;color:#dcebf2;font-size:12px;margin:14px 0 7px}.password-panel input:not([type=checkbox]):not([type=range]),.password-panel textarea{width:100%;border:1px solid #345064;background:#07111a;color:#f4fbff;border-radius:9px;padding:12px;font:16px Inter,system-ui,sans-serif}.password-panel input[type=range]{width:100%;accent-color:var(--ps-cyan)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.option-grid label{display:flex;align-items:center;gap:8px;margin:0;padding:9px;border:1px solid #1d3444;border-radius:8px;background:#09151e}.option-grid input{accent-color:var(--ps-green)}button.primary-action,.secondary-action{border:0;border-radius:9px;padding:11px 14px;font-weight:800;cursor:pointer}button.primary-action{background:var(--ps-cyan);color:#041116}.secondary-action{background:#172838;color:#d8edf4;border:1px solid #315068}.password-output-row{display:flex;gap:8px;align-items:center}.password-output-row code{display:block;flex:1;min-height:52px;padding:14px;border-radius:9px;background:#061019;border:1px solid #22394a;color:#eafbff;font:700 16px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.strength{height:8px;background:#172531;border-radius:999px;overflow:hidden;margin:17px 0 8px}.strength div{height:100%;width:0;background:var(--ps-cyan);transition:width .2s}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.metrics div{padding:12px;background:#09141d;border:1px solid #1e3443;border-radius:9px}.metrics span,.metrics strong{display:block}.metrics span{color:#7f96a5;font-size:10px}.metrics strong{margin-top:5px}.micro{font-size:12px!important;color:#78909f!important}.vault-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.vault-meta span{padding:6px 8px;border:1px solid #2a4659;border-radius:999px;font-size:10px;color:#9dd9e7}.panel-head,.form-actions,.inline-input{display:flex;gap:9px;align-items:center}.panel-head{justify-content:space-between}.panel-head h2{margin:0}.inline-input input{flex:1}.credential-list{display:grid;gap:9px;margin-top:18px}.credential-item{padding:12px;border:1px solid #213848;border-radius:10px;background:#08131c}.credential-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.credential-head b{overflow-wrap:anywhere}.credential-meta{font:13px/1.5 Inter,system-ui,sans-serif;color:#91a7b4;margin-top:5px;overflow-wrap:anywhere}.credential-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.credential-actions button{font-size:11px;padding:7px 9px}.learning-grid{margin-bottom:16px}.checklist ul{columns:2;gap:34px}.checklist li{break-inside:avoid;margin-bottom:8px}#vaultStatus{min-height:24px;color:var(--ps-green)}[hidden]{display:none!important}@media(max-width:760px){.password-main{padding:30px 18px 60px}.password-grid,.learning-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.password-output-row,.inline-input{align-items:stretch;flex-direction:column}.checklist ul{columns:1}.panel-head{align-items:flex-start;flex-direction:column}}
.backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.import-label{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:10px 13px;border:1px solid #315068;border-radius:9px;background:#172838;color:#d8edf4!important;cursor:pointer;font:800 12px Inter,system-ui,sans-serif}.import-label input{display:none}

.password-panel select{width:100%;border:1px solid #345064;background:#07111a;color:#f4fbff;border-radius:9px;padding:12px;font:16px Inter,system-ui,sans-serif}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.breach-status{min-height:24px;color:var(--ps-green)!important}.audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.audit-summary .password-panel{padding:18px}.audit-summary strong{font-size:32px;display:inline-block}.audit-summary span{color:#7f96a5;margin-left:4px}.score-panel strong{color:var(--ps-green)}.audit-list{display:grid;gap:9px;margin-top:16px}.audit-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px;border:1px solid #203747;border-radius:10px;background:#08131c}.audit-row div{min-width:0}.audit-row b,.audit-row span{display:block}.audit-row span{margin-top:4px;color:#8da3b0;font:12px/1.5 Inter,system-ui,sans-serif;overflow-wrap:anywhere}.score-badge{min-width:72px;text-align:center;color:var(--ps-cyan);font-size:18px!important}.hibp-panel{margin-top:16px}.password-panel>label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.password-panel input[type=checkbox]{accent-color:var(--ps-green)}@media(max-width:900px){.audit-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.audit-summary{grid-template-columns:1fr}.audit-row{align-items:flex-start;flex-direction:column}}

.security-node{margin-top:18px;padding:16px;border:1px solid #31546a;border-radius:12px;background:#08151f}.security-node h3{margin:4px 0 8px;font-size:17px}.security-node p{margin:6px 0}.security-node-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.security-node .secondary-action:disabled{opacity:.45;cursor:not-allowed}

.sync-panel{margin-bottom:16px}.sync-badge{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #315068;border-radius:999px;color:var(--ps-cyan);font-size:10px;letter-spacing:.08em}.auth-box{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px}.auth-box label{margin:0}.auth-box .form-actions{grid-column:1/-1}.sync-user-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.sync-user-row div{padding:12px;border:1px solid #203747;border-radius:10px;background:#08131c}.sync-user-row span,.sync-user-row strong{display:block}.sync-user-row span{font-size:10px;color:#7f96a5}.sync-user-row strong{margin-top:5px;overflow-wrap:anywhere}.device-panel{margin-top:15px}.device-panel summary{cursor:pointer;color:#dcebf2}.device-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #203747}.device-row:last-child{border-bottom:0}.device-row b,.device-row span{display:block}.device-row span{margin-top:4px;color:#8da3b0;font:12px/1.5 Inter,system-ui,sans-serif}.device-row button{flex:0 0 auto}#syncStatus{min-height:24px;color:var(--ps-green)}@media(max-width:760px){.auth-box,.sync-user-row{grid-template-columns:1fr}.auth-box .form-actions{grid-column:auto}.device-row{align-items:flex-start;flex-direction:column}}