:root{--bg-canvas:#090d16;--bg-primary:#090d16;--bg-secondary:#0f131c;--bg-surface:#111827;--surface-container-lowest:#060910;--surface-container-low:#111827;--surface-container:#181b25;--surface-container-high:#222736;--surface-container-highest:#2c3245;--bg-input:#111827;--border-color:#ffffff14;--border-subtle:#ffffff0d;--border-focus:#6366f1;--border-highlight:#ffffff1f;--text-primary:#f9fafb;--text-secondary:#c7c4d8;--text-muted:#9ca3af;--outline:#9ca3af;--outline-variant:#4b5563;--accent-primary:#4f46e5;--accent-hover:#4338ca;--primary:#c3c0ff;--primary-container:#4f46e5;--on-primary:#fff;--on-primary-container:#dad7ff;--accent-cyan:#06b6d4;--secondary:#06b6d4;--secondary-container:#0891b2;--on-secondary-container:#cffafe;--accent-emerald:#10b981;--tertiary:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--error:#ffb4ab;--badge-bg:#4f46e526;--badge-border:#4f46e559;--badge-text:#c3c0ff;--card-bg:#111827;--card-hover:#181b25;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-glow:0 0 16px -2px #4f46e559;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}@media (prefers-color-scheme:light){:root{--bg-canvas:#f8fafc;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#fff;--surface-container-lowest:#fff;--surface-container-low:#f8fafc;--surface-container:#f1f5f9;--surface-container-high:#e2e8f0;--surface-container-highest:#cbd5e1;--bg-input:#fff;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#4f46e5;--border-highlight:#0000000d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--outline:#64748b;--outline-variant:#cbd5e1;--accent-primary:#4f46e5;--accent-hover:#4338ca;--primary:#4f46e5;--primary-container:#4f46e5;--on-primary:#fff;--on-primary-container:#fff;--accent-cyan:#0891b2;--secondary:#0891b2;--secondary-container:#e0f2fe;--on-secondary-container:#0369a1;--accent-emerald:#059669;--tertiary:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--error:#ba1a1a;--badge-bg:#4f46e514;--badge-border:#4f46e533;--badge-text:#4338ca;--card-bg:#fff;--card-hover:#f8fafc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 12px -2px #4f46e533;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}[data-theme=light]{--bg-canvas:#f8fafc;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#fff;--surface-container-lowest:#fff;--surface-container-low:#f8fafc;--surface-container:#f1f5f9;--surface-container-high:#e2e8f0;--surface-container-highest:#cbd5e1;--bg-input:#fff;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#4f46e5;--border-highlight:#0000000d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--outline:#64748b;--outline-variant:#cbd5e1;--accent-primary:#4f46e5;--accent-hover:#4338ca;--primary:#4f46e5;--primary-container:#4f46e5;--on-primary:#fff;--on-primary-container:#fff;--accent-cyan:#0891b2;--secondary:#0891b2;--secondary-container:#e0f2fe;--on-secondary-container:#0369a1;--accent-emerald:#059669;--tertiary:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--error:#ba1a1a;--badge-bg:#4f46e514;--badge-border:#4f46e533;--badge-text:#4338ca;--card-bg:#fff;--card-hover:#f8fafc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 12px -2px #4f46e533;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-canvas:#090d16;--bg-primary:#090d16;--bg-secondary:#0f131c;--bg-surface:#111827;--surface-container-lowest:#060910;--surface-container-low:#111827;--surface-container:#181b25;--surface-container-high:#222736;--surface-container-highest:#2c3245;--bg-input:#111827;--border-color:#ffffff14;--border-subtle:#ffffff0d;--border-focus:#6366f1;--border-highlight:#ffffff1f;--text-primary:#f9fafb;--text-secondary:#c7c4d8;--text-muted:#9ca3af;--outline:#9ca3af;--outline-variant:#4b5563;--accent-primary:#4f46e5;--accent-hover:#4338ca;--primary:#c3c0ff;--primary-container:#4f46e5;--on-primary:#fff;--on-primary-container:#dad7ff;--accent-cyan:#06b6d4;--secondary:#06b6d4;--secondary-container:#0891b2;--on-secondary-container:#cffafe;--accent-emerald:#10b981;--tertiary:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--error:#ffb4ab;--badge-bg:#4f46e526;--badge-border:#4f46e559;--badge-text:#c3c0ff;--card-bg:#111827;--card-hover:#181b25;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-glow:0 0 16px -2px #4f46e559;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-canvas);flex-direction:column;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit}.tabular-nums,.nav-count,.stat-value,.vault-section-count{font-variant-numeric:tabular-nums}.dashboard-app-container{background-color:var(--bg-primary);width:100%;min-height:100vh;display:flex}.dashboard-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;gap:1.5rem;width:280px;min-width:280px;padding:1.5rem 1rem;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.5rem .5rem 1rem;display:flex}.brand-identity{align-items:center;gap:.75rem;display:flex}.brand-logo-wrap{color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.brand-shield-svg{display:block}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.brand-version{color:var(--accent-primary);font-size:.75rem;font-weight:600}.sidebar-nav{flex:1}.sidebar-nav ul{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.nav-button{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.nav-button:hover{background-color:var(--card-hover);color:var(--text-primary)}.nav-button.active{background-color:var(--badge-bg);color:var(--badge-text);border-color:var(--badge-border);font-weight:600}.nav-count{background-color:var(--bg-primary);color:var(--text-muted);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}.nav-button.active .nav-count{background-color:var(--accent-primary);color:#fff}.sidebar-section{border-top:1px dashed var(--border-color);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.sidebar-section-header{justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.6875rem;font-weight:700}.sidebar-clear-filter{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.6875rem;text-decoration:underline}.sidebar-sublist{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-subbutton{padding:.45rem .75rem;font-size:.8125rem}.sidebar-tags-container{flex-wrap:wrap;gap:.375rem;padding:0 .25rem;display:flex}.tag-filter-pill{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6875rem;transition:all .15s;display:inline-flex}.tag-filter-pill:hover{border-color:var(--accent-primary);color:var(--text-primary)}.tag-filter-pill.active{background-color:var(--badge-bg);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.tag-count{opacity:.75;font-size:.625rem}.sidebar-footer{margin-top:auto}.security-status-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;align-items:center;gap:.625rem;padding:.75rem .875rem;display:flex}.status-indicator{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #10b98133}.status-title{color:var(--text-primary);font-size:.75rem;font-weight:600}.status-detail{color:var(--text-muted);font-size:.6875rem}.dashboard-main-content{flex-direction:column;flex:1;gap:1.75rem;width:100%;min-width:0;margin:0;padding:1.75rem 2rem;display:flex}@media (width>=1200px){.dashboard-main-content{padding:2rem 2.5rem}}@media (width>=1600px){.dashboard-main-content{padding:2.25rem 3rem}}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.header-branding-row{align-items:center;gap:.875rem;display:flex}.dashboard-header h1{color:var(--text-primary);font-size:1.625rem;font-weight:700}.dashboard-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.header-meta-actions{align-items:center;gap:.75rem;display:flex}.demo-badge,.demo-bagde{background-color:var(--badge-bg);border:1px solid var(--badge-border);color:var(--badge-text);white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.demo-banner{background-color:var(--surface-container-low,#111827);border:1px solid var(--border-color);border-left:4px solid var(--accent-cyan,#06b6d4);border-radius:var(--radius-lg,8px);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.125rem;display:flex}.demo-banner-content{align-items:center;gap:.75rem;min-width:0;display:flex}.demo-banner-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.demo-banner-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.demo-banner-title{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:600}.demo-banner-desc{color:var(--text-secondary);margin:0;font-size:.75rem}.demo-banner-badge{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan,#06b6d4);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background-color:#06b6d41f;border:1px solid #06b6d44d;border-radius:9999px;padding:.2rem .6rem}.search-shortcut-kbd{font-family:var(--font-mono);border-radius:var(--radius-xs,4px);background-color:var(--surface-container-high,#222736);color:var(--text-muted);border:1px solid var(--border-color);pointer-events:none;justify-content:center;align-items:center;padding:.15rem .4rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.btn-shortcut-kbd{font-family:var(--font-mono);border-radius:var(--radius-xs,4px);color:#ffffffe6;background-color:#00000040;border:1px solid #fff3;justify-content:center;align-items:center;margin-left:.35rem;padding:.125rem .35rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.sidebar-shortcut-kbd{font-family:var(--font-mono);border-radius:var(--radius-xs,4px);background-color:var(--surface-container-lowest,#060910);color:var(--text-muted);border:1px solid var(--border-color);justify-content:center;align-items:center;margin-left:auto;padding:.125rem .35rem;font-size:.625rem;font-weight:600;line-height:1;display:inline-flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.625rem;flex-direction:column;gap:.375rem;padding:1rem 1.125rem;transition:border-color .15s,transform .15s,background-color .15s;display:flex}.stat-card:hover{background-color:var(--card-hover);border-color:var(--border-focus)}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-icon{font-size:1.1rem;line-height:1}.stat-card-body{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.25rem;display:flex}.stat-badge{background-color:var(--surface-container-high,#222736);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:9999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:600}.stat-badge-cyan{color:var(--accent-cyan,#06b6d4);background-color:#06b6d41f;border-color:#06b6d440}.stat-badge-amber{color:var(--accent-amber,#f59e0b);background-color:#f59e0b1f;border-color:#f59e0b40}.stat-card-footer{margin-top:.25rem}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-hint{color:var(--text-muted);font-size:.75rem}.vault-section{flex-direction:column;gap:1.25rem;display:flex}.vault-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.vault-section-title-wrap{align-items:baseline;gap:.75rem;display:flex}.vault-section-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.vault-section-count{color:var(--text-muted);font-size:.8125rem}.vault-section-actions{align-items:center;gap:.5rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{border-color:var(--border-color);color:var(--text-secondary);background-color:#0000}.btn-secondary:hover{background-color:var(--card-hover);color:var(--text-primary)}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0006}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.5rem;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.modal-form{flex-direction:column;gap:1.125rem;padding:1.5rem;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.required-mark{color:#ef4444}.category-toggle{gap:.5rem;margin-top:.25rem;display:flex}.toggle-option{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:.375rem;flex:1;padding:.5rem .75rem;font-size:.8125rem;transition:all .15s}.toggle-option.active{background-color:var(--badge-bg);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.form-input,.form-textarea{border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:.375rem;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.form-input:focus,.form-textarea:focus{border-color:var(--border-focus)}.form-input.input-error,.form-textarea.input-error{border-color:#ef4444}.form-input.input-error:focus,.form-textarea.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.error-message{color:#ef4444;margin-top:.125rem;font-size:.75rem}.form-checkbox-group{align-items:center;margin-top:.25rem;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding-top:.75rem;display:flex}.search-container{width:100%;display:flex;position:relative}.search-input{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-primary);border-radius:.5rem;outline:none;padding:.75rem 2.25rem .75rem 1rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f133}.search-input::placeholder{color:var(--text-muted)}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-primary)}.vault-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.vault-toolbar .search-container{flex:1;min-width:240px}.vault-sort-container{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.vault-sort-label{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.vault-sort-select{border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);cursor:pointer;border-radius:.5rem;outline:none;padding:.55rem 1.75rem .55rem .75rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.vault-sort-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f133}.view-mode-toggle{background-color:var(--surface-container-high,#222736);border:1px solid var(--border-color);border-radius:var(--radius-md,6px);align-items:center;gap:2px;padding:2px;display:inline-flex}.view-mode-btn{color:var(--text-muted);border-radius:var(--radius-sm,4px);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;transition:all .15s;display:inline-flex}.view-mode-btn:hover{color:var(--text-primary);background-color:var(--card-hover)}.view-mode-btn.active{background-color:var(--surface-container-highest,#2c3245);color:var(--text-primary);box-shadow:var(--shadow-sm)}.vault-list{flex-direction:column;gap:.75rem;display:flex}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.vault-grid .vault-item{flex-direction:column;justify-content:space-between;height:100%;display:flex}.vault-item{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:.625rem;flex-direction:column;gap:.625rem;padding:1.125rem 1.25rem;transition:transform .15s,border-color .15s,background-color .15s;display:flex}.vault-item:hover,.vault-item:focus-visible{border-color:var(--border-focus);background-color:var(--card-hover);outline:none;transform:translateY(-1px)}.vault-item-header{justify-content:space-between;align-items:center;display:flex}.vault-item-title-row{align-items:center;gap:.75rem;min-width:0;display:flex}.vault-item-icon-box{border-radius:var(--radius-md,6px);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.1rem;display:flex}.icon-box-login{color:var(--primary,#c3c0ff);background-color:#4f46e526;border:1px solid #4f46e540}.icon-box-note{color:var(--accent-cyan,#06b6d4);background-color:#06b6d426;border:1px solid #06b6d440}.vault-item-title-col{flex-direction:column;gap:.125rem;min-width:0;display:flex}.vault-item-folder-sub{color:var(--text-muted);font-size:.72rem}.vault-item-icon{font-size:1rem}.vault-item h3{color:var(--text-primary);font-size:1rem;font-weight:600}.vault-item-badges{align-items:center;gap:.5rem;display:flex}.favorite-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.125rem .25rem;font-size:1.1rem;line-height:1;transition:transform .15s,color .15s;display:inline-flex}.favorite-toggle-btn:hover{color:#f59e0b;transform:scale(1.15)}.favorite-toggle-btn.is-favorite{color:#f59e0b}.vault-category-badge{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.card-actions{align-items:center;gap:.375rem;margin-left:.25rem;display:flex}.card-action-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.375rem;padding:.25rem .375rem;font-size:.75rem;line-height:1;transition:all .15s}.card-action-btn:hover{background-color:var(--card-hover);color:var(--text-primary);border-color:var(--accent-primary)}.card-action-danger:hover{background-color:#ef44441a;border-color:#ef4444}.modal-dialog-sm{max-width:420px}.modal-dialog-detail{max-width:560px}.detail-header-info{align-items:center;gap:.75rem;display:flex}.detail-header-actions{align-items:center;gap:.5rem;display:flex}.detail-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.detail-field-group{flex-direction:column;gap:.375rem;display:flex}.detail-field-label-row{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.detail-field-actions{align-items:center;gap:.375rem;display:flex}.btn-action-small{background-color:var(--surface-container-high,#222736);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm,4px);cursor:pointer;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-action-small:hover{background-color:var(--surface-container-highest,#2c3245);color:var(--text-primary);border-color:var(--accent-primary)}.wasm-engine-badge-bar{background-color:var(--surface-container-high,#222736);border:1px solid var(--border-color);border-radius:var(--radius-md,6px);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.75rem;display:flex}.wasm-engine-info{align-items:center;gap:.5rem;display:flex}.wasm-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.wasm-ready{background-color:#10b981;box-shadow:0 0 0 2px #10b98140}.wasm-fallback{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.wasm-engine-name{color:var(--text-primary)}.wasm-experimental-tag{font-size:.65rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-cyan,#06b6d4);letter-spacing:.05em;background-color:#06b6d41f;border:1px solid #06b6d44d;border-radius:9999px;padding:.125rem .45rem}.detail-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.detail-field-value{color:var(--text-primary);margin:0;font-size:.95rem}.detail-code{font-family:var(--font-mono);background-color:var(--bg-primary);border:1px solid var(--border-color);word-break:break-all;border-radius:.375rem;padding:.5rem .75rem}.detail-hint{color:var(--text-muted);font-size:.75rem;font-family:var(--font-sans);margin-left:.5rem}.detail-note-content{background-color:var(--bg-primary);border:1px solid var(--border-color);white-space:pre-wrap;color:var(--text-primary);border-radius:.375rem;max-height:250px;padding:.875rem 1rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.detail-link{color:var(--accent-primary);text-decoration:none}.detail-link:hover{text-decoration:underline}.detail-meta-group{border-top:1px dashed var(--border-color);padding-top:.75rem}.detail-meta-text{color:var(--text-muted);margin:0;font-size:.8125rem}.modal-body{padding:1.5rem}.confirm-delete-text{color:var(--text-secondary);font-size:.925rem;line-height:1.5}.confirm-delete-text strong{color:var(--text-primary)}.vault-item-body{justify-content:space-between;align-items:center;display:flex}.vault-item-username{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-mono)}.vault-item-date{color:var(--text-muted);font-size:.75rem}.vault-item-meta-row{flex-wrap:wrap;align-items:center;gap:.375rem;padding-top:.25rem;display:flex}.vault-folder-badge{color:var(--accent-primary);background-color:var(--badge-bg);border:1px solid var(--badge-border);border-radius:.375rem;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.vault-tag-pill{color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:9999px;align-items:center;padding:.125rem .45rem;font-size:.6875rem;display:inline-flex}.detail-tags-wrap{flex-wrap:wrap;gap:.375rem;display:flex}.vault-empty{text-align:center;background-color:var(--card-bg);border:1px dashed var(--border-color);border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.vault-empty-icon{opacity:.7;font-size:2rem;line-height:1}.vault-empty-message{color:var(--text-muted);max-width:420px;margin:0;font-size:.95rem}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background-color:#000000bf;animation:.2s ease-out fadeInBackdrop;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.nav-drawer{background-color:var(--surface-container-lowest,#060910);border-right:1px solid var(--border-color);z-index:1100;width:320px;max-width:85vw;box-shadow:var(--shadow-lg);flex-direction:column;padding:1.25rem 1rem;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.nav-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.875rem;display:flex}.drawer-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:700}.drawer-close-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md,6px);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;transition:all .15s;display:inline-flex}.drawer-close-btn:hover{background-color:var(--card-hover);color:var(--text-primary);border-color:var(--accent-primary)}.drawer-content{flex-direction:column;flex:1;display:flex}.drawer-content .dashboard-sidebar{background-color:#0000;border-right:none;width:100%;min-width:100%;padding:0}@media (width>=769px){.drawer-backdrop,.nav-drawer,.mobile-menu-toggle-btn{display:none!important}.desktop-sidebar-pane{flex-shrink:0;display:block}}@media (width<=768px){.desktop-sidebar-pane{display:none}.mobile-menu-toggle-btn{background-color:var(--surface-container-low,#111827);border:1px solid var(--border-color);border-radius:var(--radius-md,6px);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;width:2.25rem;height:2.25rem;padding:.45rem;transition:background-color .15s,border-color .15s;display:flex}.mobile-menu-toggle-btn:hover{background-color:var(--card-hover);border-color:var(--accent-primary)}.hamburger-line{background-color:var(--text-primary);border-radius:1px;width:100%;height:2px;display:block}.dashboard-main-content{padding:1.25rem 1rem}}.feedback-toast{background-color:var(--bg-surface);border:1px solid var(--border-color);z-index:1100;border-radius:.5rem;align-items:center;gap:.75rem;max-width:380px;padding:.875rem 1.125rem;animation:.2s ease-out slideInToast;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 15px -3px #0000004d}@keyframes slideInToast{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (width<=600px){.vault-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.vault-sort-container{justify-content:space-between;width:100%}.vault-sort-select{flex:1}.modal-dialog{max-height:96vh;margin:.5rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.stat-card{padding:.75rem}.feedback-toast{max-width:none;bottom:1rem;left:1rem;right:1rem}}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid var(--accent-primary)}.toast-icon{font-size:1rem;font-weight:700}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-text{color:var(--text-primary);flex:1;font-size:.875rem}.toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.25rem;line-height:1}.toast-close-btn:hover{color:var(--text-primary)}.settings-view{flex-direction:column;gap:1.5rem;display:flex}.settings-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.settings-header h2{color:var(--text-primary);margin-top:.5rem;font-size:1.375rem;font-weight:700}.settings-subtitle{color:var(--text-muted);font-size:.875rem}.back-to-vault-btn{margin-bottom:.25rem}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.settings-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.settings-section-header{align-items:flex-start;gap:.875rem;display:flex}.settings-section-icon{font-size:1.5rem;line-height:1}.settings-section-header h3{color:var(--text-primary);font-size:1.05rem;font-weight:600}.settings-section-header p{color:var(--text-muted);font-size:.8125rem}.settings-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.settings-fieldset{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.settings-radio-group{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.settings-radio-card{background-color:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem 1rem;transition:border-color .15s,background-color .15s;display:flex;position:relative}.settings-radio-card input{opacity:0;pointer-events:none;position:absolute}.settings-radio-card.active{border-color:var(--accent-primary);background-color:var(--badge-bg)}.settings-radio-card:hover{border-color:var(--border-focus)}.radio-card-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.radio-card-desc{color:var(--text-muted);font-size:.75rem}.settings-info-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;gap:.625rem;padding:1rem 1.25rem;display:flex}.info-item{justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem;display:flex}.info-label{color:var(--text-muted);font-weight:500}.info-value{color:var(--text-primary);font-family:var(--font-mono);font-size:.8125rem}.info-warning{color:#f59e0b;font-family:var(--font-sans);font-weight:500}.settings-notice{color:var(--text-muted);border-top:1px dashed var(--border-color);margin:0;padding-top:.5rem;font-size:.75rem;line-height:1.4}.settings-actions{justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}[data-density=compact] .vault-item{gap:.35rem;padding:.75rem 1rem}[data-density=compact] .vault-list{gap:.45rem}.form-label-with-action{justify-content:space-between;align-items:center;display:flex}.btn-link-action{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-link-action:hover{text-decoration:underline}.password-generator-dialog{width:90vw;max-width:520px}.password-generator-content{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.demo-disclaimer-box{background-color:var(--bg-secondary);border:1px dashed var(--border-color);color:var(--text-muted);border-radius:.5rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.45}.generator-display-wrap{gap:.5rem;margin-top:.375rem;display:flex}.monospace-input{font-family:var(--font-mono,monospace);letter-spacing:.05em;background-color:var(--bg-secondary);font-size:1.05rem;font-weight:600}.strength-container{flex-direction:column;gap:.375rem;margin-top:.75rem;display:flex}.strength-header{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.strength-label{color:var(--text-secondary);font-weight:600}.strength-level-tag{text-transform:uppercase;border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.strength-track{background-color:var(--border-color);border-radius:3px;height:6px;overflow:hidden}.strength-bar{height:100%;transition:width .3s,background-color .3s}.level-muito-fraca{color:#ef4444;background-color:#ef4444}.strength-level-tag.level-muito-fraca{background-color:#ef444426}.level-fraca{color:#f97316;background-color:#f97316}.strength-level-tag.level-fraca{background-color:#f9731626}.level-media{color:#ca8a04;background-color:#eab308}.strength-level-tag.level-media{background-color:#eab30826}.level-forte{color:#16a34a;background-color:#22c55e}.strength-level-tag.level-forte{background-color:#22c55e26}.level-muito-forte{color:#0891b2;background-color:#06b6d4}.strength-level-tag.level-muito-forte{background-color:#06b6d426}.strength-disclaimer{color:var(--text-muted);font-size:.72rem;font-style:italic}.generator-controls{flex-direction:column;gap:1rem;display:flex}.range-header{justify-content:space-between;margin-bottom:.375rem;display:flex}.range-slider{width:100%;accent-color:var(--accent-primary);cursor:pointer}.generator-checkbox-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.health-badge{border:1px solid #0000;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.health-badge-ok{color:#16a34a;background-color:#22c55e1f;border-color:#22c55e40}.health-badge-warning{color:#ca8a04;background-color:#eab3081f;border-color:#eab30840}.health-badge-alert{color:#dc2626;background-color:#ef44441f;border-color:#ef444440}.health-detail-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;gap:.5rem;margin-top:.35rem;padding:.75rem 1rem;display:flex}.health-detail-desc{color:var(--text-primary);margin:0;font-size:.8125rem;line-height:1.4}.health-disclaimer-note{color:var(--text-muted);font-size:.72rem;font-style:italic;line-height:1.35}.portability-modal-dialog{width:90vw;max-width:540px}.portability-content{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.portability-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;padding-bottom:.5rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem .85rem;font-size:.875rem;font-weight:500;transition:all .15s}.tab-btn:hover{background-color:var(--card-hover);color:var(--text-primary)}.tab-btn.active{background-color:var(--badge-bg);color:var(--badge-text);font-weight:600}.portability-pane{flex-direction:column;gap:1rem;display:flex}.portability-description{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.45}.portability-meta-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);border-radius:.375rem;flex-direction:column;gap:.35rem;padding:.75rem 1rem;font-size:.78rem;display:flex}.portability-action-row{justify-content:flex-start;padding-top:.5rem;display:flex}.file-input{cursor:pointer}.import-file-name{color:var(--text-secondary);margin:0;font-size:.8125rem}.error-message-box{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:.375rem;padding:.65rem .85rem;font-size:.8125rem;line-height:1.4}.success-preview-box{color:#16a34a;background-color:#22c55e1a;border:1px solid #22c55e4d;border-radius:.375rem;padding:.65rem .85rem;font-size:.8125rem;line-height:1.4}.vault-warning-badge{border-radius:var(--radius-sm,4px);color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-danger-outline{color:#ef4444;background:0 0;border-color:#ef444480}.btn-danger-outline:hover{background:#ef444426;border-color:#ef4444}.security-center-view{flex-direction:column;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.security-center-header{flex-direction:column;gap:.5rem;display:flex}.security-center-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.security-center-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.security-center-disclaimer{color:var(--text-secondary);background-color:#3b82f614;border:1px solid #3b82f640;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.security-score-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.score-main-col{flex-direction:column;gap:.5rem;display:flex}.score-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.875rem;font-weight:600}.score-value-row{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.score-number{font-size:2.75rem;font-weight:800;line-height:1}.score-number.score-good{color:#10b981}.score-number.score-medium{color:#f59e0b}.score-number.score-poor{color:#ef4444}.score-status-badge{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:9999px;padding:.25rem .625rem;font-size:.875rem;font-weight:600}.score-hint{color:var(--text-muted);margin:0;font-size:.8125rem}.security-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.security-metric-card{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:left;cursor:pointer;outline-offset:2px;border-radius:.75rem;flex-direction:column;gap:.375rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.security-metric-card:hover{border-color:var(--primary-color);transform:translateY(-1px)}.security-metric-card.active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);background:#3b82f60d}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-icon{font-size:1.25rem}.metric-count{color:var(--text-primary);font-size:1.5rem;font-weight:700}.metric-title{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.metric-desc{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.3}.security-issues-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.security-filter-bar{flex-direction:column;gap:.5rem;display:flex}.filter-title{color:var(--text-muted);text-transform:uppercase;font-size:.8125rem;font-weight:600}.filter-pills-row{flex-wrap:wrap;gap:.5rem;display:flex}.filter-pill{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:9999px;padding:.35rem .75rem;font-size:.8125rem;transition:all .15s}.filter-pill:hover{border-color:var(--text-muted)}.filter-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.security-empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.security-empty-icon{margin-bottom:.5rem;font-size:2rem;display:block}.security-issues-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.security-issue-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.issue-left{flex:1;align-items:center;gap:.875rem;min-width:200px;display:flex}.issue-severity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.issue-severity-dot.severity-alert{background-color:#ef4444}.issue-severity-dot.severity-warning{background-color:#f59e0b}.issue-severity-dot.severity-info{background-color:#3b82f6}.issue-details{flex-direction:column;gap:.2rem;display:flex}.issue-item-name{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.issue-item-user{color:var(--text-muted);font-size:.75rem}.issue-description{color:var(--text-secondary);font-size:.8125rem}.issue-right{align-items:center;gap:.75rem;display:flex}.lock-screen-backdrop{-webkit-backdrop-filter:blur(12px);z-index:9999;background-color:#0a0f1de0;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.lock-screen-dialog{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:1rem;outline:none;flex-direction:column;gap:1.5rem;width:100%;max-width:480px;padding:2.25rem 2rem;display:flex;box-shadow:0 20px 40px #0006,0 0 0 1px #3b82f626}.lock-screen-header{flex-direction:column;align-items:center;gap:.75rem;display:flex}.lock-screen-logo-wrap{margin-bottom:.25rem}.lock-icon-badge{font-size:2.5rem;line-height:1}.lock-screen-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:800}.lock-screen-desc{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.45}.lock-screen-info-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;display:flex}.lock-time-label{color:var(--text-muted)}.lock-time-value{color:var(--text-primary);font-family:monospace;font-weight:600}.lock-screen-disclaimer{color:var(--text-secondary);text-align:left;background-color:#3b82f614;border:1px solid #3b82f640;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.75rem;line-height:1.4;display:flex}.lock-screen-actions{flex-direction:column;gap:.75rem;display:flex}.btn-unlock-vault{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;display:flex}