:root{--bg:#0b0d10;--panel:#12151a;--panel2:#181c22;--line:#272d35;--text:#f3f5f7;--muted:#929ba7;--accent:#63e6be;--accent2:#29c998;--danger:#ff7b87;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0,#14221e 0,transparent 30%),var(--bg)}button,input,textarea{font:inherit}button{border:0;border-radius:9px;padding:.75rem 1rem;background:var(--accent);color:#072019;font-weight:750;cursor:pointer}button:hover{background:var(--accent2)}button:disabled{opacity:.55;cursor:wait}.gate{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:2rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid #4dd8ae;border-radius:10px;color:var(--accent);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.72rem;margin-top:.15rem}.gate-card{width:min(440px,100%);margin:auto;padding:2.25rem;background:rgba(18,21,26,.92);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #0008}.gate-card h1{font-size:2rem;margin:.35rem 0 .75rem}.eyebrow{color:var(--accent);font-size:.69rem;font-weight:850;letter-spacing:.15em;margin:0}.muted,.privacy-note{color:var(--muted);line-height:1.55}.privacy-note{text-align:center;font-size:.78rem}form label{display:grid;gap:.45rem;color:#c9cfd6;font-size:.83rem;margin-top:1rem}input,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#0d1014;color:var(--text);padding:.78rem .9rem;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #63e6be18}.gate form button{width:100%;margin-top:1.3rem}.error{color:var(--danger);min-height:1.2rem;font-size:.82rem}.app{min-height:100vh;grid-template-columns:250px 1fr}.app:not([hidden]){display:grid}aside{position:sticky;top:0;height:100vh;padding:1.5rem;border-right:1px solid var(--line);background:#0e1115;display:flex;flex-direction:column}nav{margin-top:2.5rem}nav button{width:100%;display:flex;gap:.7rem;align-items:center;color:#cbd1d7;background:transparent;text-align:left;padding:.75rem}nav button b{margin-left:auto;background:#222830;padding:.1rem .45rem;border-radius:20px;font-size:.72rem}.nav-active{background:#19201f!important;color:var(--accent)!important}.aside-footer{margin-top:auto}.ghost{background:transparent;color:#cbd1d7;border:1px solid var(--line)}.ghost:hover{background:var(--panel2);color:white}.aside-footer button{width:100%}.workspace{padding:2rem 3rem;max-width:1300px;width:100%;margin:0 auto}.workspace header{display:flex;align-items:end;justify-content:space-between}.workspace h2,.dialog-title h2{font-size:1.8rem;margin:.3rem 0}.toolbar{margin:2rem 0 1.2rem}.toolbar input{max-width:600px;background:var(--panel)}.entries{display:grid;gap:.65rem}.entry{display:grid;grid-template-columns:2.5rem minmax(150px,1.2fr) minmax(140px,1fr) minmax(120px,.8fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:12px}.entry:hover{border-color:#3a444e}.entry-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:9px;background:#1b2925;color:var(--accent);font-weight:850}.entry strong,.entry small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry small{color:var(--muted);margin-top:.25rem}.entry-actions{display:flex;gap:.35rem}.icon-button,.entry-actions button,.field-button{background:transparent;color:#bdc5cd;border:1px solid var(--line);padding:.5rem .65rem}.icon-button:hover,.entry-actions button:hover,.field-button:hover{background:#242a31;color:white}.empty{text-align:center;padding:6rem 1rem;color:var(--muted)}.empty h3{color:white}.empty-icon{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;margin:auto;font-size:1.5rem;color:var(--accent)}dialog{width:min(720px,calc(100% - 2rem));color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:#050607cc;backdrop-filter:blur(4px)}dialog form{padding:1.7rem}.dialog-title{display:flex;justify-content:space-between;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.wide{grid-column:1/-1}.password-field{display:flex}.password-field input{border-radius:9px 0 0 9px}.password-field button{border-radius:0 9px 9px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.toast{position:fixed;right:1.5rem;bottom:1.5rem;background:#20272c;border:1px solid #35413f;border-radius:10px;padding:.8rem 1rem;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:800px){.app:not([hidden]){display:block}aside{height:auto;position:static;display:flex;flex-direction:row;align-items:center;padding:1rem}.aside-footer{margin-left:auto}.aside-footer button{width:auto}nav{display:none}.workspace{padding:1.3rem}.entry{grid-template-columns:2.5rem 1fr auto}.entry>div:nth-child(3),.entry>div:nth-child(4){display:none}}@media(max-width:550px){.gate{padding:1rem}.gate-card{padding:1.4rem}.form-grid{display:block}.workspace header{align-items:center}.workspace header h2{font-size:1.4rem}.workspace header button{font-size:.8rem}.entry-actions .edit-label{display:none}}