.vault-page{max-width:860px;margin:0 auto;padding:1.5rem}.vault-lock-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60vh;display:flex}.vault-lock-icon{font-size:3.5rem}.vault-lock-title{color:var(--fg,#f1f5f9);font-size:1.4rem;font-weight:700}.vault-lock-subtitle{color:var(--muted,#94a3b8);margin-top:-1rem;font-size:.9rem}.vault-lock-form{flex-direction:column;gap:.75rem;width:100%;max-width:340px;display:flex}.vault-pw-input{background:var(--input-bg,#0f172a);border:1px solid var(--border,#334155);color:var(--fg,#f1f5f9);box-sizing:border-box;border-radius:10px;width:100%;padding:12px 16px;font-size:1rem}.vault-pw-input:focus{border-color:var(--brand,#3b82f6);outline:none}.vault-error{color:#ef4444;text-align:center;font-size:.8rem}.vault-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.vault-title{flex:1;font-size:1.25rem;font-weight:700}.vault-lock-btn{border:1px solid var(--border,#334155);color:var(--muted,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:.8rem;transition:all .15s}.vault-lock-btn:hover{border-color:var(--brand,#3b82f6);color:var(--brand,#3b82f6)}.vault-toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.vault-search{background:var(--input-bg,#0f172a);border:1px solid var(--border,#334155);min-width:200px;color:var(--fg,#f1f5f9);border-radius:10px;flex:1;padding:9px 14px;font-size:.9rem}.vault-cat-filter{background:var(--input-bg,#0f172a);border:1px solid var(--border,#334155);color:var(--fg,#f1f5f9);border-radius:10px;padding:9px 14px;font-size:.9rem}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.vault-entry-card{background:var(--card,#1e293b);border:1px solid var(--border,#334155);border-radius:14px;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem;display:flex}.vault-entry-label{color:var(--fg,#f1f5f9);font-size:.95rem;font-weight:600}.vault-entry-username{color:var(--muted,#94a3b8);font-family:monospace;font-size:.8rem}.vault-entry-password{color:var(--fg,#f1f5f9);letter-spacing:.05em;font-family:monospace;font-size:.85rem}.vault-entry-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.vault-cat-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;background:#3b82f626;border-radius:99px;align-self:flex-start;padding:2px 8px;font-size:.65rem}.vault-cat-badge.werk{color:#4ade80;background:#22c55e26}.vault-cat-badge.prive{color:#c084fc;background:#a855f726}.vault-cat-badge.financieel{color:#fbbf24;background:#f59e0b26}.vault-cat-badge.overige{color:#94a3b8;background:#64748b26}.vault-copy-countdown{color:#f59e0b;font-size:.7rem}.vault-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:8000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.vault-modal-box{background:var(--card,#1e293b);border:1px solid var(--border,#334155);border-radius:18px;flex-direction:column;gap:1rem;width:100%;max-width:460px;max-height:90vh;padding:1.75rem;display:flex;overflow-y:auto}.vault-modal-title{font-size:1.1rem;font-weight:700}.vault-form-row{flex-direction:column;gap:5px;display:flex}.vault-form-label{color:var(--muted,#94a3b8);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.vault-form-input,.vault-form-select,.vault-form-textarea{background:var(--input-bg,#0f172a);border:1px solid var(--border,#334155);color:var(--fg,#f1f5f9);box-sizing:border-box;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem}.vault-form-textarea{resize:vertical;min-height:60px}.vault-form-input:focus,.vault-form-select:focus,.vault-form-textarea:focus{border-color:var(--brand,#3b82f6);outline:none}.vault-pw-row{align-items:flex-end;gap:8px;display:flex}.vault-pw-row .vault-form-input{flex:1}.vault-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.vault-generator-box{background:var(--input-bg,#0f172a);border:1px solid var(--border,#334155);border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.vault-gen-row{color:var(--muted,#94a3b8);align-items:center;gap:8px;font-size:.8rem;display:flex}.vault-gen-row input[type=checkbox]{cursor:pointer;width:16px;height:16px}.vault-gen-row input[type=range]{flex:1}.vault-gen-preview{color:var(--fg,#f1f5f9);word-break:break-all;background:#0003;border-radius:6px;min-height:2em;padding:6px 8px;font-family:monospace;font-size:.85rem}.vault-empty{text-align:center;color:var(--muted,#94a3b8);padding:3rem 1rem;font-size:.9rem}.vault-empty-icon{margin-bottom:.75rem;font-size:2.5rem}@media (pointer:coarse) and (width>=600px){.vault-page{padding-bottom:80px}}.vault-required{color:#ef4444}.vault-input-error{border-color:#ef4444!important}.vault-field-error{color:#ef4444;margin-top:3px;font-size:.72rem}