:root{--bw-blue: #175ddc;--bw-blue-dark: #1252b8;--bw-nav-bg: #2f3d4f;--bw-nav-bg-2: #263340;--bw-nav-active: #175ddc;--bg: #f0f0f0;--panel: #ffffff;--border: #dddfe9;--text: #212529;--text-muted: #6c757d;--danger: #c62828;--radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .12);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}button{font-family:inherit;cursor:pointer}a{color:var(--bw-blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius);padding:8px 14px;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s}.btn svg{flex-shrink:0}.btn-primary{background:var(--bw-blue);color:#fff}.btn-primary:hover{background:var(--bw-blue-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;border-color:var(--border);color:var(--text)}.btn-outline:hover{background:#f6f7fb}.btn-danger{background:var(--danger);color:#fff}.btn-danger-ghost{background:transparent;color:var(--danger);border-color:transparent;padding:8px}.btn-danger-ghost:hover{background:#fdecec}.btn-block{width:100%;justify-content:center;margin-top:8px}.icon-btn{background:transparent;border:none;color:var(--text-muted);padding:6px;border-radius:var(--radius);display:inline-flex}.icon-btn:hover{background:#f0f1f5;color:var(--bw-blue)}.auth-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#175ddc,#1b6ec2 40%,#f0f0f0 40.2%)}.auth-card{background:var(--panel);width:100%;max-width:420px;padding:32px;border-radius:10px;box-shadow:0 8px 30px #0000002e}.auth-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--bw-blue);justify-content:center;margin-bottom:18px}.auth-card h1{font-size:20px;margin:0 0 6px;text-align:center}.auth-sub{color:var(--text-muted);font-size:13px;text-align:center;margin:0 0 20px;line-height:1.5}.auth-error{background:#fdecec;color:var(--danger);border:1px solid #f5c6cb;border-radius:var(--radius);padding:10px 12px;font-size:13px;margin:6px 0}.auth-info{background:#eef4ff;color:#1257c9;border:1px solid #cfe0ff;border-radius:var(--radius);padding:10px 12px;font-size:13px;margin:6px 0}.auth-devcode{background:#fff8e1;color:#7a5c00;border:1px dashed #ffcc33;border-radius:var(--radius);padding:8px 12px;font-size:13px;margin:6px 0}.code-input{letter-spacing:10px;font-size:24px;text-align:center;font-family:SFMono-Regular,Consolas,monospace}.auth-footer{color:var(--text-muted);font-size:12px;margin-top:20px;text-align:center}.auth-footer a{color:var(--bw-blue);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-switch{text-align:center;font-size:13px;color:var(--text-muted);margin:16px 0 0}.link-btn{background:none;border:none;color:var(--bw-blue);font-weight:600;font-size:13px;padding:0;text-decoration:underline}.link-btn:hover{color:var(--bw-blue-dark)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field>span{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--bw-blue);box-shadow:0 0 0 3px #175ddc26}.field-row{display:flex;gap:10px}.field-row .field{flex:1}.checkbox-field{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:14px}.checkbox-field input{width:16px;height:16px;accent-color:var(--bw-blue)}.input-with-actions{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.input-with-actions input{border:none;flex:1}.input-with-actions input:focus{box-shadow:none}.input-with-actions button{background:#f6f7fb;border:none;border-left:1px solid var(--border);padding:9px 10px;color:var(--text-muted);display:flex}.input-with-actions button:hover{color:var(--bw-blue);background:#eef0f6}.strength{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;font-weight:600}.strength-bar{flex:1;height:6px;background:#e6e8ef;border-radius:4px;overflow:hidden}.strength-bar.small{margin-top:6px}.strength-bar>div{height:100%;transition:width .2s,background .2s}.app-with-banner{display:flex;flex-direction:column;height:100%}.app-with-banner .vault-layout{flex:1 1 auto;min-height:0;height:auto}.vault-layout{display:grid;grid-template-columns:240px 340px 1fr;grid-template-rows:minmax(0,1fr);height:100%;overflow:hidden}.email-banner{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff8e1;border-bottom:1px solid #f0d98a;color:#8a6d0b;font-size:13.5px}.email-banner>svg{flex-shrink:0;color:#c9950a}.email-banner-text{flex:1 1 auto;line-height:1.4}.email-banner-err{color:var(--danger)}.email-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.email-banner-close{background:transparent;border:none;color:#8a6d0b;font-size:20px;line-height:1;padding:0 4px;border-radius:4px}.email-banner-close:hover{background:#0000000f}@media(max-width:560px){.email-banner{flex-wrap:wrap}}.sidebar{background:var(--bw-nav-bg);color:#cfd6e0;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sidebar-brand{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:18px;font-size:18px;font-weight:700;color:#fff;background:var(--bw-nav-bg-2)}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 8px}.nav-group{margin-bottom:16px}.nav-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8b97a7;padding:6px 10px}.nav-add{background:transparent;border:none;color:#8b97a7;display:flex;padding:2px;border-radius:4px}.nav-add:hover{color:#fff}.nav-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:#cfd6e0;padding:8px 10px;border-radius:var(--radius);text-align:left;font-size:13.5px}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:var(--bw-nav-active);color:#fff}.nav-icon{display:flex;opacity:.9}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{font-size:11px;background:#ffffff24;padding:1px 7px;border-radius:10px}.nav-item.active .nav-count{background:#ffffff40}.nav-folder-row{display:flex;align-items:center}.nav-folder-row .nav-item{flex:1}.folder-del{background:transparent;border:none;color:#8b97a7;font-size:18px;padding:0 8px}.folder-del:hover{color:#fff}.nav-hint{font-size:12px;color:#8b97a7;padding:4px 10px;font-style:italic}.nav-title-context{justify-content:flex-start;gap:7px;color:#7fa8ee}.nav-title-context span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-add-row{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:1px dashed rgba(255,255,255,.18);color:#9fb0c4;padding:7px 10px;border-radius:var(--radius);font-size:13px;margin-top:4px;cursor:pointer}.nav-add-row:hover{border-color:#fff6;color:#fff}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px}.invite-label{font-size:13px;color:#cfd6e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-desc{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0 0 16px}.success-hint{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;border-radius:var(--radius);padding:12px;font-size:13px}.sidebar-footer{flex-shrink:0;padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.tool-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#cfd6e0;padding:8px 10px;border-radius:var(--radius);font-size:13.5px}.tool-btn:hover{background:#ffffff14;color:#fff}.sidebar-user{font-size:12px;color:#8b97a7;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-indicator{display:flex;align-items:center;gap:7px;font-size:12px;color:#8b97a7;padding:4px 10px}.sync-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sync-dot.idle{background:#4caf50}.sync-dot.syncing{background:#f9a825;animation:pulse 1s infinite}.sync-dot.offline{background:#90a4ae}.sync-dot.error{background:#e53935}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.list-panel{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.list-header{flex-shrink:0;display:flex;flex-wrap:wrap;gap:10px;padding:14px;border-bottom:1px solid var(--border);align-items:stretch}.vault-title-badge{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--bw-blue);white-space:nowrap;width:100%}.header-actions{display:flex;gap:8px;align-items:stretch;flex-shrink:0}.btn-sm{padding:5px 10px;font-size:12px}.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:#f2f3f7;border-radius:var(--radius);padding:0 10px;height:38px;color:var(--text-muted)}.search-box svg{flex-shrink:0}.search-box input{border:none;background:transparent;flex:1;min-width:0;font-size:14px;outline:none;color:var(--text)}.add-wrap{position:relative;flex-shrink:0}.list-header .btn{height:38px}.add-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;min-width:190px;padding:4px}.add-menu button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;padding:9px 12px;border-radius:4px;font-size:14px;text-align:left;color:var(--text)}.add-menu button:hover{background:#f2f3f7;color:var(--bw-blue)}.passkey-note{flex-shrink:0;display:flex;align-items:flex-start;gap:10px;margin:12px 14px 0;padding:10px 12px;border:1px solid #d0e0fb;background:#f0f6ff;border-radius:8px;font-size:12.5px;line-height:1.45;color:#33475b}.passkey-note svg{flex:none;color:var(--bw-blue);margin-top:1px}.kdf-reco{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;background:#f0f6ff;border:1px solid #d0e0fb;border-radius:8px}.item-list{flex:1 1 auto;min-height:0;overflow-y:auto}.item-row{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:none;border-bottom:1px solid #f0f1f4;padding:12px 14px;text-align:left}.item-row:hover{background:#f7f8fc}.item-row.active{background:#e9f0fd;box-shadow:inset 3px 0 0 var(--bw-blue)}.item-icon{display:flex;align-items:center;justify-content:center;color:var(--bw-blue);background:#e9f0fd;padding:8px;border-radius:8px;width:36px;height:36px;box-sizing:border-box}.item-favicon{width:20px;height:20px;border-radius:4px;object-fit:contain;display:block}.detail-title{display:flex;align-items:center;gap:10px}.detail-title-icon{display:flex;align-items:center;justify-content:center}.detail-title-icon .item-favicon{width:28px;height:28px;border-radius:6px}.item-main{display:flex;flex-direction:column;min-width:0;flex:1}.item-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-sub{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-fav{color:#f5b301;display:flex}.list-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);background:#fafbfd}.list-toolbar-count{font-size:12.5px;color:var(--text-muted)}.list-toolbar-actions{display:flex;align-items:center;gap:14px}.linkish{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;color:var(--bw-blue);font-size:12.5px;font-weight:600;cursor:pointer}.linkish:hover{text-decoration:underline}.folder-group{border-bottom:1px solid #f0f1f4}.folder-group-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;background:#f4f6fa;border-bottom:1px solid var(--border)}.folder-group-head:hover{background:#eef1f7}.folder-group-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:none;padding:9px 14px;text-align:left;color:var(--text-muted);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}.folder-group-head:hover .folder-group-toggle{color:var(--text)}.folder-chevron{display:flex;color:var(--text-muted)}.folder-group-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-group-count{background:#e2e6ee;color:var(--text-muted);border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:700}.folder-group-actions{display:flex;align-items:center;padding-right:6px}.folder-group-act{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);padding:8px;cursor:pointer;opacity:.5}.folder-group-act:hover{color:var(--bw-blue);opacity:1}.folder-group-act.danger:hover{color:var(--danger)}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted);text-align:center}.detail-panel{overflow-y:auto;min-height:0}.detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.detail-content{padding:24px 28px;max-width:640px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.detail-head h2{margin:0;font-size:20px}.detail-head-actions{display:flex;gap:8px;align-items:center}.detail-section{background:#fff;border:1px solid var(--border);border-radius:8px;padding:4px 16px;margin-bottom:16px}.detail-row{padding:12px 0;border-bottom:1px solid #f0f1f4}.detail-row:last-child{border-bottom:none}.detail-row-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600;margin-bottom:3px}.detail-row-value{display:flex;align-items:center;justify-content:space-between;gap:10px;word-break:break-all}.detail-row-value .masked{letter-spacing:2px}.detail-row-actions{display:flex;gap:2px}.detail-row-actions button{background:transparent;border:none;color:var(--text-muted);padding:6px;border-radius:4px;display:flex}.detail-row-actions button:hover{color:var(--bw-blue);background:#eef2fb}.detail-notes{white-space:pre-wrap;line-height:1.5;padding:6px 0 12px}.detail-meta{color:var(--text-muted);font-size:12px;margin-top:8px}.copied-hint{color:#2e7d32;font-size:12px;margin-top:4px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}.modal{background:#fff;border-radius:10px;width:100%;max-width:520px;box-shadow:0 12px 40px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:17px}.modal-close{background:transparent;border:none;font-size:26px;line-height:1;color:var(--text-muted)}.modal-close:hover{color:var(--text)}.modal-body{padding:22px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-lg{max-width:600px}.modal-head h2{display:flex;align-items:center;gap:8px}.btn-lg{padding:13px 20px;font-size:15px}.install-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:20px}.install-steps{margin:0 0 8px;padding-left:22px;display:flex;flex-direction:column;gap:12px}.install-steps li{line-height:1.5;font-size:14px}.install-steps code{background:#f2f3f7;border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.badge-dot{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--bw-blue);vertical-align:middle;margin:0 2px}.install-notice{display:flex;flex-direction:column;gap:6px;background:#eef4ff;border:1px solid #cfe0ff;border-radius:var(--radius);padding:14px 16px;margin-bottom:18px;font-size:14px}.install-manual{margin-top:18px;border-top:1px solid var(--border);padding-top:16px}.install-manual h3{margin:0 0 12px;font-size:15px}.install-foot{margin-top:18px;color:var(--text-muted);font-size:12px;text-align:right}.install-section-title{margin:20px 0 12px;font-size:15px}.install-pending-block{margin-bottom:8px}.install-cta-pending{opacity:.55;cursor:not-allowed}.install-pending-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.install-pending-badge{display:inline-block;background:#fff3cd;color:#856404;border:1px solid #ffeeba;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.install-pending-link{font-size:13px;color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace}.install-pending-hint{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}.seg-tabs{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:16px 0 20px}.seg-tabs button{flex:1;padding:10px;border:none;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-muted)}.seg-tabs button.active{background:var(--bw-blue);color:#fff}.about-hero{display:flex;align-items:center;gap:14px;margin-bottom:16px}.about-logo{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:#e9f0fd;color:var(--bw-blue)}.about-name{font-size:20px;font-weight:700}.about-version{color:var(--text-muted);font-size:13px}.about-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}.about-links .btn{flex:1;min-width:180px;text-align:center}.changelog{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:16px}.changelog-entry{border-left:3px solid #e9f0fd;padding-left:14px}.changelog-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.changelog-version{font-weight:700;color:var(--bw-blue)}.changelog-date{font-size:12.5px;color:var(--text-muted)}.changelog-changes{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.changelog-changes li{font-size:13.5px;line-height:1.5;color:#2c333f}.twofa-badge{display:inline-block;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px}.twofa-badge.on{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.twofa-badge.off{background:#f2f3f7;color:var(--text-muted);border:1px solid var(--border)}.twofa-qr{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:0 auto 16px;width:fit-content}.twofa-qr img{display:block}.twofa-qr-loading{color:var(--text-muted);font-size:13px;padding:90px 40px}.twofa-manual-intro{margin-top:4px}.twofa-secret-block{display:flex;align-items:center;gap:10px;margin-bottom:12px}.twofa-secret{flex:1;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;letter-spacing:.08em;background:#f2f3f7;padding:12px;border-radius:var(--radius);word-break:break-all}.twofa-details{margin:12px 0 20px;font-size:13px}.twofa-details summary{cursor:pointer;color:var(--bw-blue);font-weight:600}.twofa-link{display:block;margin-top:8px;font-size:12px;word-break:break-all;color:var(--text-muted)}.gen-output{display:flex;align-items:center;gap:10px;background:#f2f3f7;border-radius:var(--radius);padding:14px 16px}.gen-value{flex:1;font-family:SFMono-Regular,Consolas,monospace;font-size:17px;word-break:break-all}.gen-output-actions{display:flex;gap:4px}.gen-output-actions button{background:#fff;border:1px solid var(--border);color:var(--bw-blue);padding:8px;border-radius:4px;display:flex}.gen-output-actions button:hover{background:var(--bw-blue);color:#fff}.gen-options{margin-top:6px}.range-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-weight:600;font-size:13px}.range-field input[type=range]{accent-color:var(--bw-blue)}.tabs{display:flex;gap:4px;background:#f2f3f7;padding:4px;border-radius:var(--radius);margin:16px 0}.tabs button{flex:1;background:transparent;border:none;padding:8px;border-radius:4px;font-weight:600;color:var(--text-muted)}.tabs button.active{background:#fff;color:var(--bw-blue);box-shadow:var(--shadow)}.app-booting{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);font-size:14px}.app-booting img{opacity:.85;animation:booting-pulse 1.2s ease-in-out infinite}@keyframes booting-pulse{0%,to{opacity:.4}50%{opacity:1}}.detail-back{display:none;align-items:center;gap:6px;background:transparent;border:none;color:var(--bw-blue);font-weight:600;font-size:15px;padding:14px 16px}.menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:38px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-shrink:0}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:65}@media(max-width:900px){.vault-layout{grid-template-columns:1fr}.menu-btn{display:flex}.sidebar-backdrop{display:block}.tool-btn-desktop{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:264px;max-width:82vw;z-index:70;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 16px #00000040}.sidebar.open{transform:translate(0)}.detail-panel{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--panel);overflow-y:auto}.detail-panel.has-selection{display:block}.detail-back{display:flex}}.muted{color:var(--text-muted);font-size:13px}.pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.pill.on{background:#e8f5e9;color:#2e7d32}.pill.off{background:#f0f1f5;color:var(--text-muted)}.modal-xl{max-width:760px}.sec-top{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:20px}.score-gauge{flex-shrink:0}.score-num{font-size:26px;font-weight:700}.score-lbl{font-size:12px;fill:var(--text-muted)}.sec-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;flex:1;min-width:240px}.sec-stat{background:#f6f7fb;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.sec-stat-num{font-size:22px;font-weight:700}.sec-stat-lbl{font-size:12px;color:var(--text-muted)}.sec-stat.ok .sec-stat-num{color:#2e7d32}.sec-stat.warn .sec-stat-num{color:#f9a825}.sec-stat.danger .sec-stat-num{color:var(--danger)}.sec-breach{display:flex;align-items:center;gap:16px;background:#eef4ff;border:1px solid #cfe0ff;border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.sec-breach-txt{flex:1}.sec-breach-txt strong{font-size:14px}.sec-breach .modal-desc{margin:4px 0 0}.sec-breach .btn{flex-shrink:0}.sec-progress{position:relative;height:22px;background:#eef1f6;border-radius:999px;overflow:hidden;margin-bottom:12px}.sec-progress-bar{height:100%;background:var(--bw-blue);transition:width .2s}.sec-progress-lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text)}.sec-allgood{display:flex;align-items:center;gap:10px;background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;border-radius:var(--radius);padding:14px 16px;font-size:14px;font-weight:600}.sec-section{margin-top:22px}.sec-section-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.sec-section-head.warn{color:#b7791f}.sec-section-head.danger{color:var(--danger)}.sec-section-hint{color:var(--text-muted);font-size:12.5px;margin:2px 0 10px}.sec-list{display:flex;flex-direction:column;gap:6px}.sec-group{border:1px solid var(--border);border-radius:var(--radius);padding:8px}.sec-group-head{font-size:12px;font-weight:600;color:var(--text-muted);padding:2px 4px 8px}.sec-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.sec-row:hover{border-color:var(--bw-blue);background:#f8faff}.sec-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.sec-row-action{font-size:12.5px;color:var(--bw-blue);font-weight:600;flex-shrink:0}.sec-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:#f0f1f5;color:var(--text-muted);flex-shrink:0}.sec-badge.warn{background:#fff3cd;color:#856404}.sec-badge.danger{background:#fdecec;color:var(--danger)}.settings-modal{max-width:780px}.settings-body{display:flex;min-height:420px}.settings-tabs{flex:0 0 200px;border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:4px}.settings-tab{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-radius:var(--radius);padding:10px 12px;font-size:14px;color:var(--text);text-align:left}.settings-tab:hover{background:#f2f3f7}.settings-tab.active{background:#eef4ff;color:var(--bw-blue);font-weight:600}.settings-tab-icon{display:inline-flex}.settings-content{flex:1;padding:22px 24px;min-width:0;overflow-y:auto;max-height:70vh}.settings-h3{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin:22px 0 10px}.settings-h3:first-child{margin-top:0}.settings-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.settings-row-label{color:var(--text-muted)}.settings-row-value{font-weight:500;text-align:right}.settings-actions{display:flex;gap:10px;margin-top:24px}.settings-feature{display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.settings-feature>div:first-child{flex:1}.settings-feature .modal-desc{margin:4px 0 0}.settings-feature-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.settings-feature .btn{flex-shrink:0}.settings-select{flex-shrink:0;min-width:140px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--surface);color:var(--text)}.audit-log{border:1px solid var(--border);border-radius:var(--radius);max-height:280px;overflow-y:auto}.audit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.audit-row:last-child{border-bottom:none}.audit-event{font-weight:600}.audit-detail{color:var(--text-muted);margin-top:2px;font-size:12px}.audit-time{flex-shrink:0;color:var(--text-muted);font-size:12px;white-space:nowrap}.audit-log-full{max-height:60vh}.audit-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.audit-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.emergency-invite-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.emergency-email-field{flex:1;min-width:200px}.emergency-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;flex-wrap:wrap}.emergency-card-title{font-weight:600;font-size:14px}.emergency-card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.emergency-card-actions{display:flex;gap:8px;flex-wrap:wrap}.emergency-vault-list{list-style:none;padding:0;margin:0;max-height:50vh;overflow-y:auto}.emergency-vault-list li{padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.emergency-vault-user{color:var(--text-muted)}.settings-foot{margin-top:24px;text-align:center}.device-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.device-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.device-icon{color:var(--text-muted);display:inline-flex}.device-main{flex:1;min-width:0}.device-name{font-size:14px;font-weight:600;display:flex;align-items:center}.device-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.import-privacy{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;border-radius:var(--radius);padding:10px 12px;font-size:13px;margin-bottom:14px}.import-file{display:block;width:100%;font-size:13px;padding:10px;border:1px dashed var(--border);border-radius:var(--radius);background:#fafbfe}.import-preview{margin-top:16px;border:1px solid var(--border);border-radius:var(--radius);padding:14px}.import-preview-file{font-size:13px;font-weight:600;margin-bottom:8px}.import-preview-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.import-preview-stats span{background:#f0f1f5;border-radius:999px;padding:4px 10px;font-size:12.5px}.import-preview-stats span.muted{background:transparent}.import-warn{display:flex;align-items:flex-start;gap:10px;background:#fff3cd;color:#856404;border:1px solid #ffe69c;border-radius:var(--radius);padding:12px 14px;font-size:13px;margin-bottom:14px;line-height:1.5}.import-warn svg{flex-shrink:0;margin-top:1px}.export-form{display:flex;flex-direction:column;gap:10px}.export-form .field{margin-bottom:0}.email-monitor{margin:8px 0 4px}.email-add{display:flex;gap:8px;margin-bottom:12px}.email-add input{flex:1;border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;font-size:14px}.email-list{display:flex;flex-direction:column;gap:8px}.email-row{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.email-main{flex:1;min-width:0}.email-addr{font-size:14px;font-weight:600;display:block}.email-status{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;margin-top:3px}.email-status.ok{color:#2e7d32}.email-status.danger{color:var(--danger)}.email-breaches{margin-top:3px}.email-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.email-tag{background:#fdecec;color:var(--danger);border-radius:4px;padding:2px 7px;font-size:11.5px}@media(max-width:720px){.settings-body{flex-direction:column;min-height:0}.settings-tabs{flex-basis:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.settings-tab{flex-direction:column;gap:4px;font-size:12px;padding:8px;white-space:nowrap}.settings-content{max-height:none}.sec-top{justify-content:center}}.item-sub{display:flex;align-items:center;gap:8px}.item-vault-tag{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;background:#eef1f8;color:var(--bw-blue);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.move-wrap{position:relative}.move-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:30;min-width:210px;padding:4px}.move-menu-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 12px 4px}.move-menu button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;padding:9px 12px;border-radius:4px;font-size:14px;text-align:left;color:var(--text)}.move-menu button:hover{background:#f2f3f7;color:var(--bw-blue)}.field-hint{font-size:12.5px;margin:-6px 0 4px;color:var(--text-muted)}.field-hint.warn{color:var(--danger)}.tool-btn-admin{color:var(--bw-blue)}.admin-body{padding:20px 24px;overflow-y:auto;max-height:calc(90vh - 60px)}.admin-muted{color:var(--text-muted)}.admin-error{color:var(--danger);background:#fdecec;padding:8px 12px;border-radius:var(--radius)}.admin-empty{text-align:center;padding:20px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.admin-stat{display:flex;align-items:center;gap:10px;background:#f6f7fb;border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--bw-blue)}.admin-stat>div{display:flex;flex-direction:column}.admin-stat-num{font-size:22px;font-weight:700;color:var(--text);line-height:1.1}.admin-stat-label{font-size:12px;color:var(--text-muted)}.admin-chart{margin-bottom:22px}.admin-chart h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 10px}.admin-bars{display:flex;align-items:flex-end;gap:3px;height:90px;padding:4px;background:#f6f7fb;border-radius:8px}.admin-bar-col{flex:1;height:100%;display:flex;align-items:flex-end}.admin-bar{width:100%;min-height:2px;background:var(--bw-blue);border-radius:2px 2px 0 0}.admin-users-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.admin-users-head h3{font-size:15px;margin:0}.admin-users-head input{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;min-width:220px}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-weight:600;color:var(--text-muted);padding:9px 12px;border-bottom:1px solid var(--border);background:#f6f7fb;white-space:nowrap}.admin-table td{padding:9px 12px;border-bottom:1px solid #eef0f5;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-email{font-weight:600;display:flex;align-items:center;gap:6px}.admin-badge{font-size:10.5px;font-weight:600;text-transform:uppercase;background:var(--bw-blue);color:#fff;padding:1px 6px;border-radius:10px}.admin-yes{color:var(--success, #1a7f37);font-weight:600}.admin-no{color:var(--text-muted)}.admin-kdf{font-family:monospace;font-size:12px;background:#eef0f5;padding:1px 6px;border-radius:4px}.admin-actions{text-align:right;white-space:nowrap}.admin-del:hover{color:var(--danger)}.admin-confirm{display:inline-flex;gap:6px}.btn-lg{padding:13px 26px;font-size:15px;border-radius:10px}.btn-ghost-light{background:transparent;color:#fff;border-color:transparent}.btn-ghost-light:hover{background:#ffffff1f}.btn-outline-light{background:transparent;color:#fff;border-color:#ffffff80}.btn-outline-light:hover{background:#ffffff1f;border-color:#fff}.auth-back{display:inline-block;background:transparent;border:none;color:var(--text-muted);font-size:13px;padding:0 0 12px}.auth-back:hover{color:var(--bw-blue)}.landing{min-height:100%;background:var(--panel);color:var(--text);overflow-x:hidden}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,6vw,64px);position:absolute;top:0;left:0;right:0;z-index:3}.landing-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff}.landing-nav-actions{display:flex;gap:10px}.landing-hero{position:relative;background:radial-gradient(1200px 600px at 80% -10%,#2f6be8 0%,transparent 60%),linear-gradient(160deg,#10245c,#175ddc 55%,#1b74f0);color:#fff;padding:130px clamp(20px,6vw,64px) 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.landing-hero-inner{max-width:620px}.landing-pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);padding:6px 13px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:22px}.landing-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 20px;font-weight:800;letter-spacing:-.03em}.landing-accent{color:#bcd4ff}.landing-lead{font-size:clamp(16px,2vw,19px);line-height:1.55;color:#ffffffe0;margin:0 0 30px}.landing-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}.landing-trust{list-style:none;display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:0;font-size:14px;color:#ffffffd9}.landing-trust li{display:flex;align-items:center;gap:7px}.landing-trust svg{color:#8fe3a6}.landing-hero-visual{display:flex;justify-content:center}.landing-vault-card{width:320px;max-width:100%;background:#fff;color:var(--text);border-radius:16px;box-shadow:0 30px 60px #00000059;padding:18px;transform:rotate(2deg)}.landing-vault-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--bw-blue);padding:4px 4px 14px;border-bottom:1px solid var(--border)}.landing-lock-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#2e7d32;box-shadow:0 0 0 4px #2e7d3226}.landing-vault-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #f0f1f5;color:var(--text-muted)}.landing-vault-row:last-child{border-bottom:none}.landing-vault-row div{display:flex;flex-direction:column;margin-right:auto}.landing-vault-row strong{color:var(--text);font-size:14px}.landing-vault-row em{font-style:normal;letter-spacing:2px;font-size:12px}.lv-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;color:#fff;background:#f90}.lv-avatar.lv-g{background:#4285f4}.lv-avatar.lv-b{background:#0a7d34}.landing-features{padding:clamp(56px,8vw,90px) clamp(20px,6vw,64px);max-width:1120px;margin:0 auto;text-align:center}.landing-features h2{font-size:clamp(26px,3.5vw,36px);margin:0 0 10px;letter-spacing:-.02em}.landing-section-sub{color:var(--text-muted);font-size:16px;max-width:620px;margin:0 auto 44px}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;text-align:left}.landing-feature{background:#f8f9fc;border:1px solid var(--border);border-radius:14px;padding:26px;transition:transform .15s,box-shadow .15s}.landing-feature:hover{transform:translateY(-4px);box-shadow:0 12px 28px #175ddc1f}.landing-feature-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e7effe;color:var(--bw-blue);margin-bottom:16px}.landing-feature h3{margin:0 0 8px;font-size:18px}.landing-feature p{margin:0;color:var(--text-muted);line-height:1.55;font-size:14.5px}.landing-band{background:linear-gradient(135deg,#10245c,#175ddc);color:#fff;padding:clamp(56px,8vw,84px) 24px;text-align:center}.landing-band-inner{max-width:620px;margin:0 auto}.landing-band svg{color:#bcd4ff;margin-bottom:14px}.landing-band h2{font-size:clamp(24px,3.2vw,32px);margin:0 0 14px;letter-spacing:-.02em}.landing-band p{color:#ffffffe0;font-size:16px;line-height:1.6;margin:0 0 28px}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;text-align:center;color:var(--text-muted);font-size:13px}.landing-footer .landing-brand{color:var(--text);font-size:17px}.landing-footer p{margin:4px 0 0}@media(max-width:860px){.landing-hero{grid-template-columns:1fr;padding-top:104px}.landing-hero-visual{display:none}}.support-btn{position:fixed;left:20px;bottom:20px;z-index:50;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:#fd0;color:#1a1a1a;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 6px 20px #00000038;transition:transform .15s,box-shadow .15s}.support-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000047}.support-btn svg{flex-shrink:0}.support-btn-inline{position:static;box-shadow:none}.support-btn-inline:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.settings-support{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.settings-support p{margin:0;color:var(--text-muted);font-size:13.5px;line-height:1.5}@media(max-width:560px){.support-btn{left:14px;bottom:14px;padding:12px;font-size:13px}.support-btn span{display:none}.support-btn-inline{padding:11px 16px}.support-btn-inline span{display:inline}.landing-nav{padding:14px 16px;gap:8px}.landing-brand{font-size:17px}.landing-nav-actions{gap:6px}.landing-nav-actions .btn{padding:8px 12px;font-size:13px;border-radius:8px}.landing-hero{padding:96px 18px 64px}.landing-hero h1{margin-bottom:16px}.landing-cta{flex-direction:column;align-items:stretch}.landing-cta .btn{width:100%}.landing-trust{gap:10px 16px}.landing-features,.landing-band{padding:48px 18px}}