:root{--bg:#080b12;--panel:#111722;--border:#253148;--text:#f3f6fb;--muted:#8995aa;--accent:#6878ff;--violet:#8b5cf6;--green:#36d27d;--danger:#ff5c6c;--radius:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px}.hidden{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer}.panel{background:#111722f5;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 80px #0006}.lock-screen{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.lock-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,#6878ff33,transparent 67%)}.lock-card{width:min(430px,100%);padding:38px;position:relative;text-align:center}.brand-mark{width:54px;height:54px;margin:0 auto 20px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:25px;background:linear-gradient(135deg,var(--accent),var(--violet));box-shadow:0 10px 30px #6878ff59}.brand-mark.small{width:34px;height:34px;margin:0;border-radius:10px;font-size:16px}.eyebrow{margin:0 0 8px;color:#8e9bb2;font-size:11px;font-weight:800;letter-spacing:.14em}.lock-card h1{margin:0 0 10px;font-size:27px}.muted{color:var(--muted)}.field-label{display:block;text-align:left;color:#aab5c8;font-size:12px;font-weight:700;margin:18px 0 7px}input,textarea{width:100%;padding:12px 14px;background:#0c111b;border:1px solid var(--border);border-radius:9px;color:var(--text);outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6878ff1f}textarea{min-height:72px;resize:vertical}.password-entry{position:relative}.password-entry input{padding-right:48px}.icon-button{border:0;background:transparent;color:#aeb8c9;font-size:20px}.password-entry .icon-button{position:absolute;right:5px;top:5px;width:38px;height:38px}.primary{border:1px solid #7886ff;background:linear-gradient(135deg,var(--accent),var(--violet));color:#fff;padding:10px 16px;border-radius:9px;font-weight:750;box-shadow:0 8px 24px #6878ff33}.primary:hover{filter:brightness(1.08)}.wide{width:100%;margin-top:18px;padding:12px}.error{color:var(--danger);font-size:13px;min-height:18px}.security-note{color:#6f7c91;font-size:11px;margin:10px 0 0}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid #1b2434;background:#080b12e0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px;font-size:20px;font-weight:850}.nav-tabs{display:grid;gap:6px}.nav-tab,.sidebar-action{border:0;background:transparent;color:#8793a8;border-radius:9px;padding:11px 13px;text-align:left;font-weight:650}.nav-tab:hover,.sidebar-action:hover{background:#121927;color:#fff}.nav-tab.active{background:linear-gradient(90deg,#6878ff33,#6878ff0d);color:#aab3ff;border-left:2px solid var(--accent)}.sidebar-bottom{margin-top:auto;display:grid}.danger-text{color:#ff7a88}.workspace{width:min(1120px,100%);margin:auto;padding:44px 42px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.topbar h1{font-size:29px;margin:0 0 7px}.topbar p:last-child{margin:0;font-size:13px}.codes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.code-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#121925,#0e141e);border:1px solid var(--border);border-radius:var(--radius);padding:22px;min-height:235px}.code-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent),var(--green))}.code-head,.account-top,.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.code-title,.account-title{font-size:16px;font-weight:800}.code-user,.account-note{font-size:12px;color:var(--muted);margin-top:5px}.type-pill,.count-pill{padding:5px 9px;border-radius:99px;background:#182235;border:1px solid #2b3850;color:#a7b2c6;font-size:10px;font-weight:800}.code-value{text-align:center;font:800 38px ui-monospace,Consolas,monospace;letter-spacing:.18em;color:var(--green);margin:38px 0 13px;text-shadow:0 0 22px #36d27d3d}.code-meta{text-align:center;color:var(--muted);font-size:11px}.progress{height:3px;background:#202b3e;border-radius:4px;margin-top:20px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#70f0a5);transition:width .3s}.copy-code{display:block;margin:16px auto 0;border:1px solid #334158;background:#172132;color:#dce3ef;border-radius:8px;padding:8px 14px}.empty-state{grid-column:1/-1;text-align:center;padding:70px 24px;border:1px dashed #2b3548;border-radius:var(--radius);color:var(--muted)}.empty-state strong{display:block;color:#fff;font-size:18px;margin-bottom:8px}.toolbar{align-items:center;margin-bottom:16px}.search-wrap{max-width:380px;flex:1;position:relative}.search-wrap span{position:absolute;left:13px;top:11px;color:var(--muted)}.search-wrap input{padding-left:36px}.accounts-list{display:grid;gap:12px}.account-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.account-badges{display:flex;gap:6px}.account-note{white-space:pre-wrap}.credential-row{display:grid;grid-template-columns:90px 1fr auto auto;align-items:center;gap:10px;background:#151e2c;border:1px solid #29364c;padding:10px 12px;margin-top:8px;border-radius:9px}.credential-label{font-size:10px;color:#77849a;text-transform:uppercase}.credential-value{font:700 12px ui-monospace,Consolas,monospace;overflow:hidden;text-overflow:ellipsis}.mini-button{border:1px solid #344158;background:#202b3d;color:#dce3ee;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700}.edit-button{margin-top:13px;border:0;background:transparent;color:#9ba8ff;padding:5px 0}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,20px);background:#e8edf7;color:#10141d;padding:10px 16px;border-radius:9px;font-size:13px;font-weight:750;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-overlay{position:fixed;inset:0;z-index:50;background:#02050ac7;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal{width:min(540px,100%);max-height:92vh;overflow:auto;padding:26px}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:0}.modal-actions{gap:9px;align-items:center;margin-top:20px}.modal-actions button:not(.primary):not(.danger){border:1px solid var(--border);background:#182130;color:#fff;padding:9px 14px;border-radius:8px}.spacer{flex:1}.danger{border:1px solid var(--danger);background:transparent;color:var(--danger);padding:9px 14px;border-radius:8px}.filelabel{display:block;margin-top:16px;color:#aab5c8;font-size:12px;font-weight:700}.filelabel input{margin-top:7px}.filelabel span{display:block;margin-top:5px}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;height:auto;padding:8px 12px}.brand,.sidebar-bottom{display:none}.nav-tabs{grid-template-columns:1fr 1fr}.nav-tab{text-align:center}.workspace{padding:28px 16px 90px}.topbar h1{font-size:23px}.topbar .primary{font-size:0}.topbar .primary:after{content:"+";font-size:20px}.codes-grid{grid-template-columns:1fr}.credential-row{grid-template-columns:70px 1fr auto}}