:root{--md-sys-color-background:#f8fafd;--md-sys-color-surface:#f8fafd;--md-sys-color-surface-container-low:#f8fafd;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container:#eef3fa;--md-sys-color-surface-container-high:#e3ecf7;--md-sys-color-on-surface:#0f172a;--md-sys-color-on-surface-variant:#42526b;--md-sys-color-outline:#64748b;--md-sys-color-outline-variant:#d5dfec;--md-sys-color-primary:#0b57d0;--md-sys-color-primary-hover:#0842a0;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#d3e3fd;--md-sys-color-on-primary-container:#041e49;--md-sys-color-secondary-container:#e2e8f0;--md-sys-color-on-secondary-container:#1e293b;--md-sys-color-tertiary-container:#dcfce7;--md-sys-color-on-tertiary-container:#14532d;--md-sys-color-warning-container:#fef3c7;--md-sys-color-on-warning-container:#78350f;--md-sys-color-error:#b3261e;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#f9dedc;--md-sys-color-on-error-container:#410e0b;--md-sys-color-scrim:#0f172a7a;--conn-dot-connected:#16a34a;--conn-dot-disconnected:#94a3b8}[data-theme=dark]{--md-sys-color-background:#0b111e;--md-sys-color-surface:#0b111e;--md-sys-color-surface-container-low:#0b111e;--md-sys-color-surface-container-lowest:#131c2e;--md-sys-color-surface-container:#1a253b;--md-sys-color-surface-container-high:#24324d;--md-sys-color-on-surface:#f1f5f9;--md-sys-color-on-surface-variant:#b6c3d6;--md-sys-color-outline:#8b9bb4;--md-sys-color-outline-variant:#2a3954;--md-sys-color-primary:#a8c7fa;--md-sys-color-primary-hover:#c2d9fc;--md-sys-color-on-primary:#062e6f;--md-sys-color-primary-container:#0842a0;--md-sys-color-on-primary-container:#e8f0fe;--md-sys-color-secondary-container:#24324d;--md-sys-color-on-secondary-container:#e2e8f0;--md-sys-color-tertiary-container:#14532d;--md-sys-color-on-tertiary-container:#dcfce7;--md-sys-color-warning-container:#78350f;--md-sys-color-on-warning-container:#fef3c7;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:#f9dedc;--md-sys-color-scrim:#030712b8;--conn-dot-connected:#4ade80;--conn-dot-disconnected:#64748b}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--md-sys-color-surface-container-low);min-height:100vh;color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.material-symbols-outlined{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-family:Material Symbols Outlined;font-size:19px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.tabular{font-variant-numeric:tabular-nums}.app-shell{background-color:var(--md-sys-color-surface-container-low);flex-direction:column;min-height:100vh;display:flex}@media (width>=861px){.app-shell.app-shell-unlocked{height:100dvh;max-height:100dvh;overflow:hidden}}.topbar{background-color:var(--md-sys-color-surface-container-lowest);border-bottom:1px solid var(--md-sys-color-outline-variant);z-index:25;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 20px;display:flex;position:sticky;top:0}.brand-cluster{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background-color:var(--md-sys-color-primary);width:34px;height:34px;color:var(--md-sys-color-on-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-title{letter-spacing:-.02em;color:var(--md-sys-color-on-surface);white-space:nowrap;margin:0;font-size:17px;font-weight:700}.brand-subtitle{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conn-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.conn-dot.connected{background-color:var(--conn-dot-connected);box-shadow:0 0 0 2px #16a34a38}.conn-dot.disconnected{background-color:var(--conn-dot-disconnected)}.search-subheader{background-color:var(--md-sys-color-surface-container-lowest);border-bottom:1px solid var(--md-sys-color-outline-variant);z-index:20;flex-shrink:0;padding:10px 20px;position:sticky;top:58px}.search-subheader-inner{align-items:center;gap:12px;max-width:1520px;margin:0 auto;display:flex}.global-search-shell{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-low);border-radius:10px;flex:1;align-items:center;gap:8px;height:40px;padding:0 12px;transition:border-color .15s,background-color .15s;display:flex}.global-search-shell:focus-within{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-lowest)}.global-search-shell input{min-width:0;height:100%;box-shadow:none;color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.global-search-shell input::placeholder{color:var(--md-sys-color-on-surface-variant)}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 13px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.52;cursor:not-allowed}.btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--md-sys-color-primary-hover)}.btn-tonal{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.btn-tonal:hover:not(:disabled){background-color:var(--md-sys-color-surface-container-high)}.btn-ghost{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.btn-ghost:hover:not(:disabled){background-color:var(--md-sys-color-surface-container-high)}.btn-danger{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.btn-sm{border-radius:6px;height:28px;padding:0 10px;font-size:12px}.btn-icon{width:34px;height:34px;padding:0}.status-pill{white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-readonly{background-color:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}.pill-editable{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.pill-neutral{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.input-shell{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-lowest);border-radius:8px;align-items:center;gap:8px;height:42px;padding:0 12px;transition:border-color .15s;display:flex}.input-shell:focus-within{border-color:var(--md-sys-color-primary)}.input-shell input,.input-shell select{min-width:0;height:100%;box-shadow:none;color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.input-shell input::placeholder{color:var(--md-sys-color-on-surface-variant)}.textarea-field{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-lowest);width:100%;min-height:86px;color:var(--md-sys-color-on-surface);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.45}.textarea-field:focus{border-color:var(--md-sys-color-primary)}.field-label{color:var(--md-sys-color-on-surface-variant);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.unlock-stage{flex:1;justify-content:center;align-items:center;padding:28px 16px;display:flex}.unlock-card{background-color:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:520px;padding:28px;display:flex}.unlock-header{flex-direction:column;gap:6px;display:flex}.unlock-heading{letter-spacing:-.02em;color:var(--md-sys-color-on-surface);margin:0;font-size:21px;font-weight:700}.unlock-desc{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:13.5px}.source-tabs{background-color:var(--md-sys-color-surface-container);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.source-tab{height:34px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.source-tab.active{background-color:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface)}.mode-toggle-row{background-color:var(--md-sys-color-surface-container);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.alert-banner{border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.alert-error{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.alert-info{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.alert-success{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.vault-grid{flex:1;grid-template-columns:240px minmax(310px,370px) minmax(0,1fr);gap:16px;width:100%;max-width:1520px;min-height:0;margin:0 auto;padding:14px 20px 18px;display:grid;overflow:hidden}.surface-panel{background-color:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);border-radius:14px;flex-direction:column;gap:12px;height:100%;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.panel-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.04em;color:var(--md-sys-color-on-surface-variant);margin:0;font-size:12.5px;font-weight:700}.lane-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding-right:2px;overflow-y:auto}.group-list{flex-direction:column;gap:4px;display:flex}.group-item{width:100%;height:36px;color:var(--md-sys-color-on-surface);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.group-item:hover{background-color:var(--md-sys-color-surface-container)}.group-item.active{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:600}.group-count{color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;font-size:12px}.entry-list{flex-direction:column;gap:6px;display:flex}.entry-card{background-color:var(--md-sys-color-surface-container-low);width:100%;color:var(--md-sys-color-on-surface);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:background-color .12s,border-color .12s;display:flex}.entry-card:hover{background-color:var(--md-sys-color-surface-container)}.entry-card.selected{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary)}.entry-row-select{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:0;font-family:inherit;display:flex}.entry-row-title-line{align-items:center;gap:6px;min-width:0;display:flex}.entry-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.entry-row-sub{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.entry-card.selected .entry-row-sub{color:var(--md-sys-color-on-primary-container)}.entry-quick-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.mobile-detail-backbar{display:none}.detail-header{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.detail-title{letter-spacing:-.015em;color:var(--md-sys-color-on-surface);margin:0;font-size:20px;font-weight:700}.detail-grid{flex-direction:column;gap:12px;display:flex}.credential-box{background-color:var(--md-sys-color-surface-container-low);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.credential-meta{flex:1;min-width:0}.credential-key{text-transform:uppercase;letter-spacing:.04em;color:var(--md-sys-color-on-surface-variant);font-size:11.5px;font-weight:600}.credential-val{color:var(--md-sys-color-on-surface);word-break:break-all;margin-top:3px;font-size:14px}.credential-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.totp-code{letter-spacing:.08em;color:var(--md-sys-color-primary);font-size:22px;font-weight:700}.clipboard-bar{z-index:50;background-color:var(--md-sys-color-on-surface);color:var(--md-sys-color-surface-container-lowest);border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:18px;right:20px}.modal-backdrop{z-index:40;background-color:var(--md-sys-color-scrim);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--md-sys-color-surface-container-lowest);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:620px;max-height:90vh;padding:24px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-title{margin:0;font-size:18px;font-weight:700}.code-snippet{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:8px;margin:0;padding:12px;font-size:12px;overflow-x:auto}.backup-table{border-collapse:collapse;width:100%;font-size:13px}.backup-table th,.backup-table td{border-bottom:1px solid var(--md-sys-color-outline-variant);text-align:left;padding:9px 10px}.backup-table th.num,.backup-table td.num{text-align:right;font-variant-numeric:tabular-nums}.mobile-only{display:none}.desktop-only{display:inline-flex}.drawer-backdrop{background-color:var(--md-sys-color-scrim);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-panel{background-color:var(--md-sys-color-surface-container-lowest);border-right:1px solid var(--md-sys-color-outline-variant);z-index:60;flex-direction:column;width:320px;max-width:86vw;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000003d}.drawer-panel.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.drawer-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;padding:14px 12px 28px;display:flex;overflow-y:auto}.drawer-section{flex-direction:column;gap:6px;display:flex}.drawer-section-title-row{justify-content:space-between;align-items:center;padding:0 6px;display:flex}.drawer-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:700}.drawer-status-card{background-color:var(--md-sys-color-surface-container);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.drawer-menu-list{flex-direction:column;gap:4px;display:flex}.drawer-menu-item{width:100%;height:40px;color:var(--md-sys-color-on-surface);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background-color .15s;display:flex}.drawer-menu-item:hover{background-color:var(--md-sys-color-surface-container)}.drawer-menu-danger{color:var(--md-sys-color-error)}.drawer-menu-danger:hover{background-color:var(--md-sys-color-error-container)}@media (width<=860px){.mobile-only{display:inline-flex}.desktop-only{display:none!important}.topbar{gap:8px;height:52px;padding:0 12px}.brand-subtitle{display:none}.topbar-actions{flex-wrap:nowrap;gap:6px}.btn-label-desktop{display:none}.search-subheader{padding:8px 12px;top:52px}.vault-grid{flex-direction:column;padding:8px 12px 24px;display:flex;overflow:visible}.lane-folders-desktop,.vault-grid.mobile-view-list .lane-detail,.vault-grid.mobile-view-detail .lane-entries{display:none}.surface-panel{height:auto;padding:12px;overflow:visible}.lane-scroll{overflow-y:visible}.mobile-detail-backbar{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.unlock-card{padding:20px 16px}.source-tabs{grid-template-columns:1fr}.credential-box{flex-wrap:wrap}}