:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8edf5;background:#080c12;font-synthesis:none;--bg: #080c12;--panel: #101722;--panel2: #151e2b;--line: #233043;--muted: #8491a5;--accent: #4ce0a1;--accent2: #132c25;--danger: #ff6b75}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 0,#111c2a 0,transparent 35%),var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:42px;background:#101722f0;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px #0008}.brand-mark{width:52px;height:52px;display:grid;place-items:center;color:#07140f;background:var(--accent);border-radius:14px;margin-bottom:26px}.brand-mark svg{width:30px;height:30px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 8px}.login h1,.page-title h1,.generator h2{font-size:32px;margin:0 0 6px}.muted,.fine{color:var(--muted)}.fine{font-size:12px;text-align:center;margin:22px 0 0}.login label,.modal label,.generator>label{display:grid;gap:8px;font-size:13px;color:#aeb9c9;margin-top:20px}input,select,textarea{color:#edf2f9;background:#0b111a;border:1px solid #2b394c;border-radius:9px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4ce0a117}.primary,.secondary,.copy,.icon{border:0;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--accent);color:#07140f;font-weight:700;padding:12px 17px}.login .primary{width:100%;margin-top:24px}.primary:hover{filter:brightness(1.08)}.secondary{background:#1b2634;border:1px solid #304056;padding:9px 12px}.error{color:#ff8e96;font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{position:fixed;inset:0 auto 0 0;width:245px;padding:26px 18px;border-right:1px solid var(--line);background:#0b1018;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;padding:0 9px 24px}.logo svg{color:var(--accent)}nav{display:grid;gap:3px}nav p{font-size:10px;letter-spacing:.14em;color:#59667a;margin:24px 10px 8px}nav button,.logout{border:0;background:transparent;color:#8997aa;text-align:left;padding:10px 11px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer}nav button svg,.logout svg{width:17px}.dot{width:7px;height:7px;border-radius:50%;background:#56667a}nav button.active{background:var(--accent2);color:var(--accent)}nav button b{margin-left:auto;font-size:11px}.logout{margin-top:auto}.content{grid-column:2;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 38px;position:sticky;top:0;background:#080c12e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3}.search{flex:1;max-width:620px;display:flex;align-items:center;background:#101722;border:1px solid var(--line);border-radius:9px;padding:0 12px}.search svg{width:18px;color:#68778b}.search input{border:0;background:transparent;box-shadow:none;flex:1}.search kbd{font-size:11px;color:#667388;border:1px solid #2c3849;padding:3px 6px;border-radius:5px}.page-title,.generator{padding:38px 42px 24px}.page-title h1{font-size:28px}.cards{padding:0 42px 60px;display:grid;gap:13px}.entry{background:linear-gradient(135deg,#111925,#0e151f);border:1px solid var(--line);border-radius:13px;padding:20px;transition:border-color .15s}.entry:hover{border-color:#34465e}.entry-head{display:grid;grid-template-columns:42px minmax(120px,1fr) auto 34px 34px;align-items:center;gap:12px}.favicon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#1c2b3c;color:var(--accent);font-weight:700}.entry h3{margin:0;font-size:16px}.entry a{color:#76869b;font-size:12px;text-decoration:none}.tag{font-size:11px;color:#9facbd;background:#192331;padding:5px 8px;border-radius:6px}.icon{width:34px;height:34px;background:transparent;color:#738196}.icon svg{width:16px}.icon:hover{background:#1b2634;color:#fff}.icon.danger:hover{color:var(--danger)}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:18px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.fields>div{background:#0c131d;padding:11px 12px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;min-width:0}.fields small{grid-column:1/-1;font-size:9px;color:#5e6c80;letter-spacing:.1em}.fields span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,Cascadia Mono,monospace;font-size:12px}.masked{letter-spacing:.12em;color:#a8b4c5}.copy{background:transparent;color:#6f8198;font-size:11px;padding:0}.copy:hover{color:var(--accent)}.notes{color:#8491a5;font-size:12px;white-space:pre-wrap;border-top:1px solid var(--line);padding-top:12px;margin-bottom:0}.empty{text-align:center;color:#77869a;border:1px dashed #26364b;border-radius:13px;padding:70px}.empty svg{color:var(--accent);width:38px;height:38px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030609cc;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(700px,100%);max-height:94vh;overflow:auto;background:#101722;border:1px solid #2a394d;border-radius:16px;padding:26px;box-shadow:0 30px 100px #000}.modal header{display:flex;justify-content:space-between}.modal h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.inline{display:flex}.inline input{flex:1;min-width:0}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.generator{max-width:760px}.importer{max-width:900px;padding:34px}.importer h2{font-size:30px;margin:0 0 8px}.import-drop{position:relative;display:grid;justify-items:center;gap:7px;margin:26px 0 18px;padding:34px 20px;border:1px dashed #3b5069;border-radius:12px;background:#0b111a;color:#aeb9c9;cursor:pointer;text-align:center}.import-drop:hover{border-color:var(--accent);background:#0e181d}.import-drop svg{color:var(--accent)}.import-drop span{color:var(--muted);font-size:12px}.import-drop input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.import-summary,.import-result{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #285943;border-radius:10px;background:var(--accent2)}.import-summary svg,.import-result svg{flex:0 0 auto;color:var(--accent)}.import-summary div{display:grid;gap:3px}.import-summary span,.import-result span{color:#a9bcb4;font-size:13px}.import-preview{margin:18px 0;overflow:hidden;border:1px solid var(--line);border-radius:10px}.import-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,.7fr) 100px;align-items:center;gap:16px;padding:12px 15px;border-bottom:1px solid var(--line);background:#0c131d;font-size:13px}.import-row:last-of-type{border-bottom:0}.import-row div{min-width:0;display:grid;gap:3px}.import-row div span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.import-preview>p{margin:0;padding:11px 15px;background:#0c131d;border-top:1px solid var(--line);font-size:12px}.import-actions{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:20px}.import-actions label{display:grid;gap:7px;color:#aeb9c9;font-size:13px}.import-actions .primary svg{width:17px}.primary:disabled,.import-drop:has(input:disabled){cursor:not-allowed;filter:grayscale(.6);opacity:.6}.importer progress{width:100%;height:7px;margin:18px 0 0;accent-color:var(--accent)}.import-result{margin-top:18px}.security-note{margin:24px 0 0;padding:12px 14px;border-left:3px solid #e8ad55;background:#241e15;color:#d6c09f;font-size:12px}.panel{margin:42px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.generated{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#080d14;border:1px solid var(--line);border-radius:9px;margin:25px 0}.generated code{overflow-wrap:anywhere;color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent)}.checks{display:grid;grid-template-columns:1fr 1fr;margin:22px 0}.checks label{display:flex;align-items:center;gap:8px;color:#a7b2c1;padding:7px}.checks input{accent-color:var(--accent)}.loading{height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--accent);font-size:24px}.toast{position:fixed;right:22px;bottom:22px;background:#263345;padding:12px;border-radius:8px}@media(max-width:820px){.shell{display:block}aside{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line)}aside nav{display:none}.logout{position:absolute;right:15px;top:20px}.content{grid-column:auto}.topbar{padding:12px 16px;height:auto}.search kbd{display:none}.page-title,.cards{padding-left:16px;padding-right:16px}.fields{grid-template-columns:1fr}.entry-head{grid-template-columns:42px 1fr 34px 34px}.tag{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.panel{margin:16px;padding:24px}.checks{grid-template-columns:1fr}.import-row{grid-template-columns:1fr;gap:5px}.import-actions{align-items:stretch;flex-direction:column}}.cat-row{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px;align-items:center}.cat-row .icon{padding:4px}.cat-row>button:first-child{min-width:0;overflow:hidden}