:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12151c;--surface:#1a1f2b;--border:#2a3040;--text:#e6e9f0;--muted:#8a93a6;--accent:#4f8cff;--danger:#ff5c5c;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.5rem .9rem}button:hover{border-color:var(--accent)}button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}input,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem .7rem}label{color:var(--muted);flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.9rem;display:flex}a{color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.centered-screen{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;padding:2rem}.card h1{text-transform:capitalize;margin-top:0;font-size:1.3rem}.vault-list{max-width:720px;margin:0 auto;padding:1.5rem 1rem}.vault-header{justify-content:space-between;align-items:center;display:flex}.vault-header-actions{gap:.5rem;display:flex}.vault-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.vault-toolbar input[type=search]{flex:1;min-width:200px}.add-buttons{gap:.6rem;display:flex}.item-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.item-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;padding:.2rem .5rem;display:flex}.item-row{color:var(--text);flex:1;align-items:center;gap:.7rem;padding:.7rem .3rem;text-decoration:none;display:flex}.item-type-badge{text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.item-title{font-weight:600}.item-subtitle{color:var(--muted);font-size:.85rem}.delete-button{color:var(--danger);background:0 0;border-color:#0000}.password-row{gap:.5rem;display:flex}.form-row{gap:.7rem;display:flex}.form-row label{flex:1}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}