body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-app:#fefcf8;--bg-sidebar:#f7f3ec;--bg-list:#f2ece3;--bg-main:#fff;--bg-card:#f7f3ec;--bg-input:#eee8de;--bg-hover:#ece5d8;--bg-selected:#4a7cf81a;--text-primary:#1c1610;--text-secondary:#7a6a5a;--text-muted:#b0a090;--text-on-accent:#fff;--accent:#4a7cf8;--accent-hover:#6593ff;--accent-subtle:#4a7cf81a;--success:#16a34a;--success-sub:#16a34a1a;--warning:#d97706;--warning-sub:#d977061a;--danger:#dc2626;--danger-subtle:#dc26261a;--border:#e4ddd0;--border-focus:#4a7cf8;--shadow-xs:0 1px 4px #1c161012;--shadow-sm:0 2px 12px #1c161017;--shadow-fab:#4a7cf859;--color-text-main:var(--text-primary);--color-text-muted:var(--text-muted);--color-text-light:var(--text-on-accent);--color-bg-light:var(--bg-card);--color-bg-card:var(--bg-card);--color-bg-accent:var(--accent);--color-border:var(--border);--color-accent:var(--accent);--color-hover-bg:var(--bg-hover);--color-shadow-inset:#0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius:12px;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"Cascadia Code","Fira Code","Consolas","Courier New",monospace;--text-xs:0.72rem;--text-sm:0.83rem;--text-base:0.93rem;--text-lg:1.05rem;--text-xl:1.3rem;--text-2xl:1.7rem;--header-height:52px;--nav-width:220px;--list-width:280px}[data-theme=dark]{--bg-app:#0c0c0c;--bg-sidebar:#111;--bg-list:#161616;--bg-main:#1a1a1a;--bg-card:#202020;--bg-input:#161616;--bg-hover:#272727;--bg-selected:#4a7cf826;--text-primary:#f0f0f0;--text-secondary:#909090;--text-muted:#505050;--text-on-accent:#fff;--accent:#4a7cf8;--accent-hover:#6593ff;--accent-subtle:#4a7cf821;--success:#4ade80;--success-sub:#4ade801f;--warning:#fb923c;--warning-sub:#fb923c1f;--danger:#f87171;--danger-subtle:#f871711f;--border:#222;--border-focus:#4a7cf8;--shadow-xs:none;--shadow-sm:none;--shadow-fab:#4a7cf866;--color-text-main:var(--text-primary);--color-text-muted:var(--text-muted);--color-text-light:var(--text-on-accent);--color-bg-light:var(--bg-card);--color-bg-card:var(--bg-card);--color-bg-accent:var(--accent);--color-border:var(--border);--color-accent:var(--accent);--color-hover-bg:var(--bg-hover);--color-shadow-inset:#00000040}.appHeader,.credItem,.credListPanel,.detailPane,.fieldInput,.fieldValue,.listSectionHeader,.mobileAutofillBar,.mobileDetailHeader,body{transition:background-color .2s ease,border-color .18s ease,color .15s ease}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#fefcf8;background:var(--bg-app);color:#1c1610;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.93rem;font-size:var(--text-base);margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.appHeader{align-items:center;background:#f7f3ec;background:var(--bg-sidebar);border-bottom:1px solid #e4ddd0;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #1c161012;box-shadow:var(--shadow-xs);display:flex;flex-shrink:0;height:52px;height:var(--header-height);justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.appLogo{color:#1c1610;color:var(--text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.appLogo:hover{color:#4a7cf8;color:var(--accent)}.appHeaderRight{gap:6px}.appHeaderRight,.userChip{align-items:center;display:flex}.userChip{background:#f7f3ec;background:var(--bg-card);border:1px solid #e4ddd0;border:1px solid var(--border);border-radius:24px;gap:8px;padding:4px 10px 4px 4px}.userAvatar{border-radius:50%;display:block;height:28px;width:28px}.userName{font-size:.83rem;font-size:var(--text-sm);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerIconBtn,.userName{color:#7a6a5a;color:var(--text-secondary)}.headerIconBtn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:6px;transition:color .15s,background .15s}.headerIconBtn:hover{background:#ece5d8;background:var(--bg-hover);color:#1c1610;color:var(--text-primary)}.vaultLoading{align-items:center;background:#fefcf8;background:var(--bg-app);display:flex;height:calc(100vh - 52px);height:calc(100vh - var(--header-height));justify-content:center}.vaultSpinner{animation:spin .7s linear infinite;border:3px solid #e4ddd0;border-top-color:#4a7cf8;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.notes{white-space:pre-wrap}.mobileSignIn{align-items:center;background:#fefcf8;background:var(--bg-app);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100vh;padding:32px 24px}.mobileSignInBrand{color:#1c1610;color:var(--text-primary);font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-top:8px}.mobileSignInSub{color:#7a6a5a;color:var(--text-secondary);font-size:.83rem;font-size:var(--text-sm);margin-bottom:8px}.mobileSignInInput{background:#eee8de;background:var(--bg-input);border:1px solid #e4ddd0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1c1610;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;max-width:340px;padding:13px 16px;text-align:center;transition:border-color .15s,box-shadow .15s;width:100%}.mobileSignInInput:focus{border-color:#4a7cf8;border-color:var(--accent);box-shadow:0 0 0 3px #4a7cf81a;box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.mobileSignInInput::placeholder{color:#b0a090;color:var(--text-muted)}.mobileSignInError{color:#dc2626;color:var(--danger);font-size:.83rem;font-size:var(--text-sm);margin-top:-4px}.mobileSignInBtn{background:#4a7cf8;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--text-on-accent);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;margin-top:4px;max-width:340px;padding:13px;transition:background .12s;width:100%}.mobileSignInBtn:hover:not(:disabled){background:#6593ff;background:var(--accent-hover)}.mobileSignInBtn:disabled{cursor:not-allowed;opacity:.5}.nativeAccountRow{align-items:center;background:#f7f3ec;background:var(--bg-card);border:1px solid #e4ddd0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;max-width:340px;padding:20px 16px 16px;width:100%}.nativeAccountAvatar{border-radius:50%;height:56px;object-fit:cover;width:56px}.nativeAccountInfo{align-items:center;display:flex;flex-direction:column;gap:2px}.nativeAccountName{color:#1c1610;color:var(--text-primary);font-size:.93rem;font-size:var(--text-base);font-weight:600}.nativeAccountEmail{color:#7a6a5a;color:var(--text-secondary)}.nativeAccountEmail,.nativeSwitchBtn{font-size:.83rem;font-size:var(--text-sm)}.nativeSwitchBtn{background:none;border:none;color:#4a7cf8;color:var(--accent);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);padding:4px;text-decoration:underline;text-underline-offset:2px}.hero{align-items:center;background:#fefcf8;display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.heroBlob{border-radius:62% 38% 73% 27%/48% 64% 36% 52%;pointer-events:none;position:absolute}.heroBlob1{animation:drift1 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#f5e8d4 0,#fdf4e8 55%,#0000 100%);height:480px;opacity:.7;right:-140px;top:-120px;width:580px}.heroBlob2{animation:drift2 26s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#e6eeff 0,#f2f5ff 55%,#0000 100%);bottom:-80px;height:380px;left:-100px;opacity:.6;width:420px}.heroBlob3{animation:drift3 18s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#fde8d4 0,#0000 70%);bottom:30%;height:220px;opacity:.45;right:10%;width:260px}@keyframes drift1{0%{transform:translate(0) rotate(0deg)}to{transform:translate(20px,14px) rotate(7deg)}}@keyframes drift2{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-14px,18px) rotate(-5deg)}}@keyframes drift3{0%{transform:translate(0) rotate(0deg)}to{transform:translate(10px,-12px) rotate(4deg)}}.heroInner{align-items:center;display:flex;flex-direction:column;padding:48px 24px;position:relative;text-align:center;z-index:1}.heroMark{filter:drop-shadow(0 6px 24px rgba(184,115,64,.18));margin-bottom:22px}.heroTitle{color:#1c1610;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:0 0 14px}.heroTagline{color:#7a6a5c;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:400;letter-spacing:-.01em;line-height:1.5;margin:0 0 40px;max-width:380px}.heroCta{background:#1c1610;border-radius:100px;box-shadow:0 2px 16px #1c161024;color:#fefcf8;display:inline-block;font-size:.97rem;font-weight:600;letter-spacing:.01em;margin-bottom:48px;padding:15px 40px;text-decoration:none;transition:background .18s,transform .15s,box-shadow .18s}.heroCta:hover{background:#2e261e;box-shadow:0 6px 28px #1c161033;transform:translateY(-2px)}.heroSignInHint{color:#9a8a7c;font-size:.88rem;margin:0 0 48px}.heroPills{align-items:center;color:#b0a090;display:flex;font-size:.75rem;gap:10px;letter-spacing:.03em;text-transform:uppercase}.heroDot{color:#d8ccc0;font-size:.9rem}@media (max-width:480px){.heroBlob1{height:280px;width:340px}.heroBlob2{height:240px;width:260px}.heroBlob3{display:none}.heroPills{flex-wrap:wrap;gap:6px;justify-content:center}}.vaultLayout{display:grid;grid-template-columns:var(--nav-width) var(--list-width) 1fr;height:calc(100vh - var(--header-height));overflow:hidden}.vaultLayoutMobile{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.mobileContent{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.mobileDetailHeader{align-items:center;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;height:52px;justify-content:space-between;padding:0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobileHeaderBtn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:4px;min-width:64px;padding:8px 10px}.mobileHeaderBtn,.mobileHeaderBtn.back{color:var(--accent)}.mobileHeaderBtn.accent{color:var(--accent);justify-content:flex-end}.mobileHeaderBtn:active{opacity:.6}.mobileHeaderTitle{color:var(--text-primary);flex:1 1;font-size:var(--text-base);font-weight:700;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobileAutofillBar{background:var(--bg-app);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.mobileAutofillBtn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:7px;justify-content:center;padding:11px 12px;transition:background .12s,color .12s}.mobileAutofillBtn:disabled{cursor:not-allowed;opacity:.35}.mobileAutofillBtn:active:not(:disabled){background:var(--bg-hover)}.mobileAutofillBtn.pwd{background:var(--accent-subtle);border-color:var(--accent-subtle);color:var(--accent)}.mobileAutofillBtn.copied{background:var(--success-sub);border-color:var(--success);color:var(--success)}.mobileDetailActions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 32px}.mobileActionChip{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;gap:6px;padding:9px 14px;transition:background .12s}.mobileActionChip:active{background:var(--bg-hover)}.mobileActionChip.active-star{background:var(--warning-sub);border-color:var(--warning);color:var(--warning)}.mobileActionChip.active-archive{background:var(--accent-subtle);border-color:var(--accent-subtle);color:var(--accent)}.mobileActionChip.danger{border-color:var(--danger-subtle);color:var(--danger)}.detailPane.mobile{border-bottom:none;display:flex;flex:1 1;flex-direction:column;min-height:0}.detailPane.mobile .detailBody{padding:16px 16px 24px}.navRail{background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-x:hidden;overflow-y:auto;padding:12px 8px}.navRail,.navSection{display:flex;flex-direction:column;gap:2px}.navDivider{background:var(--border);height:1px;margin:8px 4px}.navItem{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:9px;padding:8px 10px;text-align:left;transition:background .12s,color .12s;width:100%}.navItem:hover{background:var(--bg-hover);color:var(--text-primary)}.navItem.active{color:var(--accent)}.navItem.active,.navItem.active:hover{background:var(--accent-subtle)}.navLabel{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navCount{background:var(--bg-hover);border-radius:10px;color:var(--text-muted);flex-shrink:0;font-size:.7rem;min-width:18px;padding:1px 6px;text-align:center}.navItem.active .navCount{background:var(--accent-subtle);color:var(--accent)}.navCatSection{flex:1 1}.navSectionHeader{align-items:center;display:flex;justify-content:space-between;padding:6px 10px 4px}.navSectionTitle{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.navAddCatBtn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:3px;transition:color .12s}.navAddCatBtn:hover{color:var(--text-primary)}.navCatRow{align-items:center;border-radius:var(--radius-sm);display:flex;position:relative}.navCatRow:hover .navCatActions{opacity:1}.navCatRow.active{background:var(--accent-subtle)}.navCatRow.active .navItem{color:var(--accent)}.navCatRow .navItem.catItem{flex:1 1}.navCatActions{display:flex;gap:2px;opacity:0;padding-right:4px;transition:opacity .12s}.navAddCatRow{align-items:center;display:flex;gap:4px;padding:4px 8px}.navAddCatInput{background:var(--bg-input);border:1px solid var(--border-focus);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);min-width:0;padding:5px 8px}.navAddCatInput:focus{outline:none}.navMicroBtn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;padding:3px;transition:color .12s}.navMicroBtn:hover{color:var(--text-primary)}.navMicroBtn.danger:hover{color:var(--danger)}.navBottom{margin-top:auto}.navAccountLink{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:9px;padding:8px 10px;text-decoration:none;transition:background .12s,color .12s;width:100%}.navAccountLink:hover{background:var(--bg-hover);color:var(--text-primary)}.navAccountLink:hover .navSettingsIcon{opacity:1}.navAvatar{border-radius:50%;flex-shrink:0;height:20px;width:20px}.navSettingsIcon{color:var(--text-muted);flex-shrink:0;opacity:0;transition:opacity .12s}.bottomNav{align-items:stretch;background:var(--bg-sidebar);border-top:1px solid var(--border);bottom:0;display:flex;height:calc(60px + env(safe-area-inset-bottom, 0px));left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}.bottomNavBtn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:center;padding:6px 4px;transition:color .12s}.bottomNavBtn.active{color:var(--accent)}.bottomNavBtn:active{opacity:.7}.bottomNavIcon{align-items:center;display:flex;justify-content:center;position:relative}.bottomNavLabel{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.02em}.bottomNavBadge{background:var(--accent);border-radius:10px;color:#fff;font-size:9px;font-weight:700;line-height:1.4;min-width:14px;padding:1px 4px;position:absolute;right:-8px;text-align:center;top:-5px}.mobileFab{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--accent);border:none;border-radius:50%;bottom:calc(72px + env(safe-area-inset-bottom, 0px));box-shadow:0 4px 20px var(--shadow-fab);color:var(--text-on-accent);cursor:pointer;display:flex;height:52px;justify-content:center;position:fixed;right:20px;transition:transform .15s,background .12s;width:52px;z-index:101}.mobileFab:active{transform:scale(.93)}.mobileFab:hover{background:var(--accent-hover)}.catSheetBackdrop{background:#00000080;inset:0;position:fixed;z-index:200}.catSheet{animation:sheetSlideUp .22s ease;background:var(--bg-sidebar);border-radius:18px 18px 0 0;border-top:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;max-height:65vh;position:fixed;right:0;z-index:201}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.catSheetHandle{background:var(--border);border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}.catSheetHeader{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px 8px}.catSheetTitle{color:var(--text-primary);font-size:var(--text-base);font-weight:700}.catSheetClose{align-items:center;background:var(--bg-hover);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.catSheetList{overflow-y:auto;padding:4px 0 max(20px,env(safe-area-inset-bottom,20px))}.catSheetItem{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-base);gap:12px;padding:14px 20px;text-align:left;transition:background .1s;width:100%}.catSheetItem:active{background:var(--bg-hover)}.catSheetItem.active{background:var(--accent-subtle);color:var(--accent)}.catSheetItemLabel{flex:1 1}.catSheetCount{color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.catSheetChevron{color:var(--text-muted);flex-shrink:0}.catSheetItem.active .catSheetChevron{color:var(--accent)}.catSheetEmpty{color:var(--text-muted);font-size:var(--text-sm);padding:24px 20px;text-align:center}.credListPanel{background:var(--bg-list);border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.listPanelHeader{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 16px 8px}.listPanelTitle{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;margin:0}.listAddBtn{align-items:center;background:var(--accent-subtle);border:none;border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;display:flex;padding:6px;transition:background .12s}.listAddBtn:hover{background:var(--accent);color:var(--text-on-accent)}.listSearchBar{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-shrink:0;gap:8px;margin:0 12px 8px;padding:7px 10px}.listSearchIcon{color:var(--text-muted);flex-shrink:0}.listSearchInput{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);min-width:0}.listSearchInput:focus{outline:none}.listSearchClear,.listSearchInput::placeholder{color:var(--text-muted)}.listSearchClear{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0}.listItems{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px;touch-action:pan-y}.credItem{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:11px;padding:10px;position:relative;transition:background .1s}.credItem:hover{background:var(--bg-hover)}.credItem.selected{background:var(--bg-selected)}.credItemAvatar{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:36px;justify-content:center;width:36px}.credItemText{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.credItemTitle{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.credItemSub,.credItemTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credItemSub{color:var(--text-secondary);font-size:var(--text-xs)}.credItemStar{color:var(--warning);flex-shrink:0;font-size:.8rem}.credItem.mobile{-webkit-tap-highlight-color:transparent;min-height:64px;padding:12px 10px}.credItemQuickCopy{align-items:center;display:flex;flex-shrink:0;gap:4px}.credItemStarMobile{color:var(--warning);font-size:.75rem;margin-right:2px}.credItemCopyBtn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-hover);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .1s,color .1s;width:36px}.credItemCopyBtn.pwd,.credItemCopyBtn:active:not(:disabled){background:var(--accent-subtle);color:var(--accent)}.credItemCopyBtn.copied{background:var(--success-sub);color:var(--success)}.credItemCopyBtn:disabled{cursor:not-allowed;opacity:.3}.listEmptyHint{color:var(--text-muted);font-size:var(--text-xs);margin:0}.listSectionHeader{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.65rem;font-weight:700;justify-content:space-between;letter-spacing:.08em;padding:10px 10px 4px;text-transform:uppercase;transition:color .1s;-webkit-user-select:none;user-select:none;width:100%}.listSectionHeader:hover{color:var(--text-secondary)}.listSectionHeader.recent{color:var(--accent)}.listSectionHeader.recent:hover{color:var(--accent-hover)}.sectionChevron{flex-shrink:0;opacity:.6;transform:rotate(0deg);transition:transform .15s ease}.sectionChevron.open{transform:rotate(90deg)}.listAddBtn.active{background:var(--accent);color:var(--text-on-accent)}.credItemCheckbox{align-items:center;border:2px solid var(--border);border-radius:50%;color:#0000;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .12s,border-color .12s;width:36px}.credItemCheckbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.credItem.checked{background:var(--bg-selected)}.listSelectBar{align-items:center;background:var(--bg-list);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.listSelectCount{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.listSelectDelete{align-items:center;background:var(--danger);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:6px;padding:7px 14px;transition:opacity .12s}.listSelectDelete:hover{opacity:.85}.credItemUsed{color:var(--accent);font-size:.6rem;font-weight:500;margin-left:6px;opacity:.8}.listEmpty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.listEmpty p{font-size:var(--text-sm);margin:0}.listEmptyAddBtn{align-items:center;background:var(--accent-subtle);border:none;border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:6px;padding:8px 16px;transition:background .12s}.listEmptyAddBtn:hover{background:var(--accent);color:var(--text-on-accent)}.detailPane{border-bottom:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.detailPane.empty{align-items:center;border-bottom:none;justify-content:center}.detailEmptyState{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:40px}.detailEmptyState p{font-size:var(--text-sm);margin:0}.detailTopBar{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px 0}.detailTopLeft,.detailTopRight{align-items:center;display:flex;gap:6px}.iconBtn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;padding:6px;transition:color .12s,background .12s}.iconBtn:hover{background:var(--bg-hover);color:var(--text-primary)}.iconBtn.active-star,.iconBtn.active-star:hover{color:var(--warning)}.iconBtn.active-archive{color:var(--accent)}.iconBtn.danger:hover{background:var(--danger-subtle);color:var(--danger)}.iconBtn.danger.confirming,.mobileActionChip.danger.confirming{background:var(--danger)!important;color:#fff!important}.iconBtn.sm{padding:4px}.actionBtn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:6px;padding:7px 14px;transition:background .12s}.actionBtn.primary{background:var(--accent);color:#fff}.actionBtn.primary:hover{background:var(--accent-hover)}.actionBtn.primary.small{font-size:var(--text-xs);padding:5px 10px}.actionBtn.ghost{background:var(--bg-hover);color:var(--text-secondary)}.actionBtn.ghost:hover{color:var(--text-primary)}.detailBody{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:16px 24px 24px}.detailTitleRow{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:14px;margin-bottom:8px;padding-bottom:16px}.detailTitleAvatar{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:48px;justify-content:center;width:48px}.detailTitleBlock{flex:1 1;min-width:0}.detailTitle{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;margin:0 0 4px}.detailUrl{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);gap:4px;max-width:360px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.detailUrl:hover{color:var(--accent);text-decoration:underline}.detailTitleInput{background:#0000;border:none;border-bottom:2px solid var(--accent);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;padding:2px 0;width:100%}.detailTitleInput:focus{outline:none}.detailField{display:flex;flex-direction:column;gap:6px}.fieldLabel{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);font-weight:600;gap:4px;letter-spacing:.05em;text-transform:uppercase}.fieldInput{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.fieldInput:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.fieldInput::placeholder{color:var(--text-muted)}.fieldInput.mono{font-family:var(--font-mono);letter-spacing:.05em}.notesArea{line-height:1.5;min-height:80px;resize:vertical}.fieldValue{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:var(--text-base);gap:10px;justify-content:space-between;min-height:42px;padding:10px 12px;word-break:break-all}.fieldValue .mono{font-family:var(--font-mono);letter-spacing:.08em}.fieldValue.notes{align-items:flex-start;color:var(--text-secondary);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word}.fieldActions{gap:4px}.copyBtn,.fieldActions{display:flex;flex-shrink:0}.copyBtn{align-items:center;background:var(--bg-hover);border:none;border-radius:5px;color:var(--text-secondary);cursor:pointer;padding:5px 7px;transition:background .1s,color .1s}.catChip,.copyBtn:hover{background:var(--accent-subtle);color:var(--accent)}.catChip{border-radius:4px;font-size:var(--text-xs);font-weight:600;padding:3px 9px}.pwdEditBlock{display:flex;flex-direction:column;gap:8px}.pwdInputRow{align-items:center;display:flex;gap:6px}.pwdInputRow .fieldInput{flex:1 1}.strengthBar{align-items:center;display:flex;gap:10px}.strengthTrack{background:var(--border);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strengthFill{border-radius:2px;height:100%;transition:width .3s ease,background .3s ease}.strengthLabel{flex-shrink:0;font-size:var(--text-xs);font-weight:600}.genPanel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:10px;padding:12px 14px}.genLengthRow{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:12px;justify-content:space-between}.genSlider{accent-color:var(--accent);flex:1 1}.genOptions{display:flex;gap:16px}.genOption{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:6px}.genOption input[type=checkbox]{accent-color:var(--accent)}.totpBlock{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;padding:12px 14px}.totpBlock.warn{border-color:var(--warning)}.totpBlock.urgent{border-color:var(--danger)}.totpCodeRow{align-items:center;display:flex;justify-content:space-between}.totpCode{color:var(--text-primary);font-family:var(--font-mono);font-size:1.6rem;font-weight:700;letter-spacing:.12em}.totpTimer{align-items:center;display:flex;gap:10px}.totpTimerBar{background:var(--accent);border-radius:2px;flex:1 1;height:3px;transition:width 1s linear}.totpBlock.warn .totpTimerBar{background:var(--warning)}.totpBlock.urgent .totpTimerBar{background:var(--danger)}.totpTimerText{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs)}.totpLoading{color:var(--text-muted);font-size:var(--text-sm)}.categoryTagBox{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:6px;min-height:44px;padding:8px 10px}.categoryTag{background:var(--bg-hover);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:600;padding:4px 11px;transition:all .1s;-webkit-user-select:none;user-select:none}.categoryTag.selected{background:var(--accent-subtle);color:var(--accent)}.categoryTag:hover{background:var(--bg-selected);color:var(--text-primary)}.categoryTagInput{background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);min-width:100px;outline:none}.categoryTagInput::placeholder{color:var(--text-muted)}.copyToast{animation:toastIn .15s ease,toastOut .2s ease 1.4s forwards;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);bottom:16px;box-shadow:0 8px 24px #0006;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;padding:8px 14px;pointer-events:none;position:absolute;right:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@media (max-width:767px){.fieldInput{font-size:16px;padding:13px 14px}.fieldValue{min-height:50px;padding:13px 14px}.copyBtn{height:40px;justify-content:center;width:40px}.iconBtn{padding:9px}.genSlider{height:28px}.detailBody,.genOption{gap:10px}.notesArea{min-height:100px}}.statsPane{display:flex;flex-direction:column;flex-shrink:0;gap:14px;padding:20px 24px}.statsPaneHeader{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.statsStrengthBlock{display:flex;flex-direction:column;gap:7px}.statsStrengthLabel{display:flex;font-size:var(--text-sm);justify-content:space-between}.statsStrengthLabel span:first-child{color:var(--text-secondary)}.statsStrengthLabel span:last-child{font-weight:600}.statsStrengthTrack{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.statsStrengthFill{border-radius:3px;height:100%;transition:width .35s ease,background .35s ease}.statsList{display:flex;flex-direction:column;gap:2px}.statRow{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.statRow:last-child{border-bottom:none}.statRowLeft{align-items:center;display:flex;gap:8px}.statIcon{color:var(--text-muted);flex-shrink:0}.statLabel{color:var(--text-secondary)}.statLabel,.statValue{font-size:var(--text-sm)}.statValue{color:var(--text-primary);font-weight:600}.statValue.danger{color:var(--danger)}.statValue.warn{color:var(--warning)}.statValue.ok,.statValue.strong{color:var(--success)}.credentialPanel{background:var(--bg-main);display:flex;flex-direction:column;overflow-y:auto}.importOverlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.importModal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;max-height:85vh;max-width:540px;overflow:hidden;width:100%}.importHeader{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px}.importTitle{color:var(--text-primary);font-size:var(--text-base);font-weight:700;margin:0}.importCloseBtn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;padding:4px}.importCloseBtn:hover{background:var(--bg-hover);color:var(--text-primary)}.importDropZone{align-items:center;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:24px 20px;padding:40px 24px;transition:border-color .15s,background .15s}.importDropZone:hover{background:var(--accent-subtle);border-color:var(--accent)}.importDropIcon{color:var(--text-muted)}.importDropZone:hover .importDropIcon{color:var(--accent)}.importDropText{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;margin:0}.importDropSub{color:var(--text-muted);font-size:var(--text-xs);margin:0}.importResults{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.importSummary{display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:14px 20px}.importSummaryItem{align-items:center;border-radius:20px;display:flex;font-size:var(--text-sm);font-weight:600;gap:6px;padding:6px 12px}.importSummaryItem--ok{background:#22c55e1a;color:var(--success)}.importSummaryItem--warn{background:#eab3081a;color:var(--warning)}.importReviewHint{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs);margin:0 20px 8px}.importReviewList{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:0 20px 12px}.importGoodItem{border-radius:var(--radius-sm);padding:7px 10px;transition:background .1s}.importGoodItem:hover{background:var(--bg-hover)}.importGoodItem.skipped{opacity:.4}.importGoodCheck{align-items:center;cursor:pointer;display:flex;gap:10px;width:100%}.importGoodCheck input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0}.importGoodTitle{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.importGoodSub{color:var(--text-muted);font-size:var(--text-xs);margin-left:auto}.importReviewCardHeader{align-items:center;display:flex;gap:8px;justify-content:space-between}.importReviewCard.skipped{opacity:.45}.importReviewCard{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:10px;padding:14px}.importReviewError{align-items:center;color:var(--warning);display:flex;font-size:var(--text-xs);font-weight:600;gap:6px}.importReviewFields{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.importReviewLabel{color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--text-xs);font-weight:600;gap:3px;letter-spacing:.04em;text-transform:uppercase}.importReviewInput{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:6px 8px;width:100%}.importReviewInput:focus{border-color:var(--accent);outline:none}.importReviewInput::placeholder{color:var(--text-muted)}.importReviewActions{display:flex;gap:8px;justify-content:flex-end}.importBtn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:6px;padding:7px 14px;transition:background .12s,opacity .12s}.importBtn--primary{background:var(--accent);color:#fff}.importBtn--primary:hover:not(:disabled){background:var(--accent);background:var(--accent-hover,var(--accent));opacity:.9}.importBtn--primary:disabled{cursor:not-allowed;opacity:.4}.importBtn--ghost{background:var(--bg-hover);color:var(--text-secondary)}.importBtn--ghost:hover{background:var(--border)}.importBtn--sm{font-size:var(--text-xs);padding:4px 10px}.importFooter{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:12px 20px 16px}.importDoneMsg,.importFooter{align-items:center;display:flex}.importDoneMsg{color:var(--text-muted);flex:1 1;font-size:var(--text-sm);justify-content:center;padding:20px}.cancelBtn,.editBtn,.saveBtn{background:var(--color-bg-accent);border:none;border-radius:6px;color:var(--color-text-light);cursor:pointer;flex-shrink:0;font-size:.9rem;padding:6px 12px}.credGrid{padding-top:5px}.copyBtn:hover,.revealBtn:hover{color:var(--color-hover-bg)}.copyBtn:active,.copyBtn:hover,.revealBtn:active,.revealBtn:hover{background:var(--color-hover-bg)}.accountDetailWrapper{box-shadow:6px 10px 20px 0 var(--color-text-muted);display:flex;gap:20px;height:90vh;justify-content:center;transition:border-color .3s ease-in-out,border-width .3s ease-in-out}.accountDetailCard{animation:fadeIn .3s ease;box-sizing:border-box;color:var(--color-text-main);justify-content:center;padding:40px;width:calc(50vw - 150px)}.credHeader{border-bottom:1px solid var(--color-border);padding-bottom:20px}.credTitle{color:var(--color-text-main);font-size:2rem;font-weight:600;margin:0 0 10px}.credUrl{color:var(--color-text-muted);font-size:1rem;text-decoration:none}.credUrl:hover{text-decoration:underline}.credContent{flex:1 1 auto;gap:25px;overflow-y:auto;padding-top:20px}.credContent,.credField{display:flex;flex-direction:column}.credField{gap:8px}.credField label{color:var(--color-text-main);font-size:.95rem;font-weight:600}.credSubtitle{color:var(--color-text-muted);font-size:.95rem;margin:4px 0 0}.pwChangeForm{background:var(--color-bg-light);border-radius:10px;box-shadow:inset 0 1px 3px var(--color-shadow-inset);display:flex;flex-direction:column;gap:10px;padding:16px}.pwField{display:flex}.pwInput{background:var(--color-bg-light);background:var(--color-bg-card,var(--color-bg-light));border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-main);flex:1 1;font-size:.95rem;outline:none;padding:8px 12px}.pwInput:focus{border-color:var(--color-accent)}.pwActions{gap:10px;margin-top:4px}.pwActions,.pwReveal{align-items:center;display:flex}.pwReveal{background:none;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;gap:5px;padding:4px 6px}.pwReveal:hover{color:var(--color-text-main)}.pwError{color:var(--danger)}.pwError,.pwSuccess{font-size:.85rem;padding:2px 0}.pwSuccess{color:var(--success)}.credValue{background:var(--color-bg-light);border-radius:10px;box-shadow:inset 0 1px 3px var(--color-shadow-inset);color:var(--color-text-main);font-size:1rem;justify-content:space-between;min-height:44px;padding:12px 16px}.adminGate,.credValue{align-items:center;display:flex}.adminGate{background:var(--bg-app);justify-content:center;min-height:calc(100vh - var(--header-height));padding:24px}.adminGateCard{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;max-width:380px;padding:40px 36px;width:100%}.adminGateIcon{color:var(--accent);margin-bottom:4px}.adminGateTitle{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;margin:0}.adminGateSub{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 12px}.adminGateForm{display:flex;flex-direction:column;gap:10px;width:100%}.adminGateInput{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:11px 14px;transition:border-color .15s;width:100%}.adminGateInput:focus{border-color:var(--border-focus);outline:none}.adminGateInput::placeholder{color:var(--text-muted)}.adminGateError{color:var(--danger);font-size:var(--text-sm);margin:0}.adminGateBtn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--text-on-accent);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;padding:11px;transition:background .12s;width:100%}.adminGateBtn:hover:not(:disabled){background:var(--accent-hover)}.adminGateBtn:disabled{cursor:not-allowed;opacity:.5}.adminPage{background:var(--bg-app);min-height:calc(100vh - var(--header-height));padding:32px 24px}.adminInner{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:680px}.adminSection{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.adminSectionHeader{align-items:center;border-bottom:1px solid var(--border);color:var(--text-secondary);display:flex;gap:8px;padding:16px 20px}.adminSectionTitle{color:var(--text-primary);flex:1 1;font-size:var(--text-base);font-weight:700;margin:0}.adminBadge{background:var(--accent-subtle);border-radius:20px;color:var(--accent);font-size:var(--text-xs);font-weight:600;padding:2px 9px}.adminList{list-style:none;margin:0;padding:0}.adminListItem{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:13px 20px}.adminListItem:last-child{border-bottom:none}.adminListItemMain{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.adminListEmail{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:600;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminListMeta{color:var(--text-muted);font-size:var(--text-xs)}.adminAllowedChip{background:var(--success-sub);border-radius:10px;color:var(--success);flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:1px 7px;text-transform:uppercase}.adminActionBtn{align-items:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;padding:5px 7px;transition:color .12s,background .12s,border-color .12s}.adminActionBtn.danger:hover{background:var(--danger-subtle);border-color:var(--danger-subtle);color:var(--danger)}.adminAddForm{border-top:1px solid var(--border);display:flex;gap:8px;padding:14px 20px}.adminAddInput{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);min-width:0;padding:8px 12px;transition:border-color .15s}.adminAddInput:focus{border-color:var(--border-focus);outline:none}.adminAddInput::placeholder{color:var(--text-muted)}.adminAddBtn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--text-on-accent);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:5px;padding:8px 14px;transition:background .12s;white-space:nowrap}.adminAddBtn:hover{background:var(--accent-hover)}.adminFormError{color:var(--danger)}.adminFormError,.adminFormOk{font-size:var(--text-xs);margin:0 20px 12px}.adminFormOk{align-items:center;color:var(--success);display:flex;gap:4px}.adminEmptyNote{color:var(--text-muted);font-size:var(--text-sm);margin:0;padding:16px 20px}.unlockScreen{background:var(--bg-app);justify-content:center;min-height:calc(100vh - var(--header-height));padding:24px}.unlockCard,.unlockScreen{align-items:center;display:flex}.unlockCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000080;flex-direction:column;gap:20px;max-width:420px;padding:40px 44px;width:100%}.unlockIcon{background:var(--accent-subtle);border-radius:50%;color:var(--accent);height:72px;justify-content:center;width:72px}.unlockIcon,.unlockUser{align-items:center;display:flex}.unlockUser{gap:12px}.unlockAvatar{border:2px solid var(--border);border-radius:50%;height:40px;width:40px}.unlockName{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.unlockEmail{color:var(--text-secondary);font-size:var(--text-sm)}.unlockTitle{color:var(--text-primary);font-size:var(--text-xl);font-weight:700}.unlockHint,.unlockTitle{margin:0;text-align:center}.unlockHint{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.unlockForm{display:flex;flex-direction:column;gap:12px;width:100%}.unlockField{align-items:center;display:flex;position:relative}.unlockInput{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:12px 44px 12px 16px;transition:border-color .15s,box-shadow .15s;width:100%}.unlockInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.unlockInput::placeholder{color:var(--text-muted)}.unlockReveal{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px}.unlockReveal:hover{color:var(--text-primary)}.unlockError{background:var(--danger-subtle);border:1px solid #ef44444d;border-radius:var(--radius-sm);color:var(--danger);font-size:var(--text-sm);padding:10px 14px}.unlockBtn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:13px;transition:background .15s,transform .1s}.unlockBtn:hover:not(:disabled){background:var(--accent-hover)}.unlockBtn:active:not(:disabled){transform:scale(.98)}.unlockBtn:disabled{cursor:not-allowed;opacity:.6}.bioSection{flex-direction:column;gap:12px}.bioDivider,.bioSection{align-items:center;display:flex;width:100%}.bioDivider{color:var(--text-muted);font-size:var(--text-xs);gap:10px}.bioDivider:after,.bioDivider:before{background:var(--border);content:"";flex:1 1;height:1px}.bioBtn{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;gap:10px;justify-content:center;padding:13px;transition:background .15s,border-color .15s;width:100%}.bioBtn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.bioBtn:disabled{cursor:default;opacity:.6}.bioFirst{flex-direction:column;gap:16px;padding:8px 0;width:100%}.bioFirst,.bioRing{align-items:center;display:flex}.bioRing{background:var(--accent-subtle);border:2px solid #0000;border-radius:50%;color:var(--accent);height:92px;justify-content:center;transition:border-color .2s,box-shadow .2s;width:92px}.bioRing--active{animation:bioPulse 1.2s ease-in-out infinite;border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-subtle)}@keyframes bioPulse{0%,to{box-shadow:0 0 0 4px var(--accent-subtle)}50%{box-shadow:0 0 0 10px #0000}}.bioFirstTitle{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0}.bioFirstActions{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:4px}.bioSkipBtn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);gap:5px;padding:6px 10px;transition:color .12s,background .12s}.bioSkipBtn:hover{background:var(--bg-hover);color:var(--text-secondary)}.bioSkipBtn--danger:hover{background:var(--danger-subtle);color:var(--danger)}