:root{--bg:#0d0f12;--bg2:#13161b;--bg3:#1a1e25;--border:#252a34;--border2:#2e3340;--text1:#f0f2f5;--text2:#8a90a0;--text3:#555c6e;--green:#22c55e;--green-bg:#0d2318;--green-bd:#164d2b;--red:#ef4444;--red-bg:#220d0d;--red-bd:#4d1616;--blue:#3b82f6;--blue-bg:#0d1a30;--accent:#6366f1;--accent2:#818cf8;--yellow:#eab308;--yellow-bg:#1f1a05;--yellow-bd:#4a3e08;--mono:var(--font-jetbrains-mono),"JetBrains Mono",ui-monospace,SFMono-Regular,monospace}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-inter),"Inter",ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text1);padding:0}.layout,body{min-height:100vh}.layout{display:grid;grid-template-columns:280px 1fr}.sidebar{background:var(--bg2);border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;gap:32px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{gap:10px}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;justify-content:center;font-size:18px;flex-shrink:0}.logo-text{font-size:15px;font-weight:600;color:var(--text1);line-height:1.2}.logo-sub{font-size:11px;color:var(--text3);font-family:var(--mono);letter-spacing:.05em}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.stat-box{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px 12px;text-align:center}.stat-box.full{grid-column:span 2}.stat-num{font-size:26px;font-weight:700;font-family:var(--mono);color:var(--text1);line-height:1}.stat-num.g{color:var(--green)}.stat-num.r{color:var(--red)}.stat-lbl{margin-top:5px;letter-spacing:.06em}.section-title,.stat-lbl{font-size:11px;color:var(--text3);text-transform:uppercase}.section-title{font-weight:600;letter-spacing:.1em}.field,.section-title{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--text2);margin-bottom:6px;font-weight:500}.field input,.field select{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;color:var(--text1);font-size:13px;font-family:"Inter",var(--font-inter),sans-serif;outline:none;transition:border-color .2s}.field input:focus,.field select:focus{border-color:var(--accent)}.field input::placeholder{color:var(--text3)}.field select option{background:var(--bg3)}.btn-add{width:100%;padding:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.02em;margin-top:4px}.btn-add:hover{opacity:.88}.btn-add:active{transform:scale(.98)}.divider{border:none;border-top:1px solid var(--border)}.main{padding:40px 40px 60px;overflow-y:auto}.main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.main-title{font-size:22px;font-weight:600;color:var(--text1)}.main-sub{font-size:13px;color:var(--text3);margin-top:4px}.live-badge{display:flex;align-items:center;gap:7px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:12px;color:var(--text2);font-family:var(--mono)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:1200px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.cards-grid{grid-template-columns:1fr}}.account-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}.account-card:hover{border-color:var(--border2);transform:translateY(-2px)}.account-card.active-card{border-color:var(--green-bd)}.account-card.inactive-card{border-color:var(--red-bd)}.account-card.expired-card{border-color:var(--yellow-bd)}.pill-active{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd)}.pill-inactive{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd)}.pill-expired{background:var(--yellow-bg);color:var(--yellow);border:1px solid var(--yellow-bd)}.days-circle.y{background:var(--yellow-bg);border-color:var(--yellow-bd)}.days-num-big.y,.days-unit.y{color:var(--yellow)}.days-unit.y{opacity:.7}.days-main-label.y{color:var(--yellow)}.progress-fill.y{background:var(--yellow)}.btn-toggle.expired-btn{color:var(--yellow)}.btn-toggle.expired-btn:hover{background:var(--yellow-bg)}.card-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-email{font-size:13px;color:var(--text1);word-break:break-all;line-height:1.5;flex:1 1;min-width:0}.btn-copy,.card-email{font-family:var(--mono)}.btn-copy{flex-shrink:0;background:transparent;border:1px solid var(--border2);color:var(--text3);border-radius:6px;padding:4px 9px;font-size:11px;cursor:pointer;transition:all .15s}.btn-copy:hover{color:var(--accent2);border-color:var(--accent);background:var(--blue-bg)}.status-pill{flex-shrink:0;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.days-display{padding:20px;border-bottom:1px solid var(--border);gap:16px}.days-circle,.days-display{display:flex;align-items:center}.days-circle{width:72px;height:72px;border-radius:50%;flex-direction:column;justify-content:center;flex-shrink:0;border:2px solid}.days-circle.g{background:var(--green-bg);border-color:var(--green-bd)}.days-circle.r{background:var(--red-bg);border-color:var(--red-bd)}.days-num-big{font-size:22px;font-weight:700;font-family:var(--mono);line-height:1}.days-num-big.g{color:var(--green)}.days-num-big.r{color:var(--red)}.days-unit{font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.days-unit.g{color:var(--green);opacity:.7}.days-unit.r{color:var(--red);opacity:.7}.days-info{flex:1 1}.days-main-label{font-size:14px;font-weight:600;color:var(--text1);margin-bottom:4px}.days-main-label.g{color:var(--green)}.days-main-label.r{color:var(--red)}.days-sub-label{font-size:12px;color:var(--text2)}.meta-grid{padding:14px 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;border-bottom:1px solid var(--border)}.meta-key{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:4px}.meta-val-text{font-size:13px;color:var(--text1);font-family:var(--mono);font-weight:500}.card-actions{display:flex}.btn-toggle{flex:1 1;padding:12px 16px;border:none;background:transparent;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background .15s;text-align:left}.btn-toggle.active-btn{color:var(--red)}.btn-toggle.active-btn:hover{background:var(--red-bg)}.btn-toggle.inactive-btn{color:var(--green)}.btn-toggle.inactive-btn:hover{background:var(--green-bg)}.btn-del{padding:12px 16px;border:none;border-left:1px solid var(--border);background:transparent;color:var(--text3);font-size:14px;cursor:pointer;transition:background .15s,color .15s}.btn-del:hover{background:var(--red-bg);color:var(--red)}.btn-edit{padding:12px 16px;border:none;border-left:1px solid var(--border);background:transparent;color:var(--text3);font-size:14px;cursor:pointer;transition:background .15s,color .15s}.btn-edit:hover{background:var(--blue-bg);color:var(--blue)}.modal-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:26px 26px 22px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-title{font-size:17px;font-weight:600;color:var(--text1);margin-bottom:4px}.modal-sub{font-size:12px;color:var(--text3);font-family:var(--mono);margin-bottom:20px;word-break:break-all}.modal-actions{display:flex;gap:10px;margin-top:22px}.btn-save-edit{flex:1 1;padding:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-save-edit:hover{opacity:.88}.btn-cancel-edit{padding:11px 18px;background:var(--bg3);color:var(--text2);border:1px solid var(--border2);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-cancel-edit:hover{background:var(--border)}.btn-delete-confirm{flex:1 1;padding:11px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-delete-confirm:hover{opacity:.88}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--border2);border-radius:14px}.empty-icon{font-size:40px;margin-bottom:16px}.empty-title{font-size:16px;font-weight:500;color:var(--text2);margin-bottom:8px}.empty-sub{font-size:13px;color:var(--text3)}#toast{position:fixed;bottom:28px;right:28px;background:var(--bg3);border:1px solid var(--border2);border-radius:10px;padding:12px 20px;font-size:13px;color:var(--text1);display:none;z-index:999;box-shadow:0 8px 32px rgba(0,0,0,.5);max-width:300px}.progress-wrap{padding:0 20px 14px;border-bottom:1px solid var(--border)}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text3);margin-bottom:6px}.progress-track{height:4px;background:var(--bg3);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .4s ease}.progress-fill.g{background:var(--green)}.progress-fill.r{background:var(--red)}.note-section{padding:10px 16px 12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.note-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);flex-shrink:0}.note-box{flex:1 1;background:var(--bg3);border:1px solid var(--border2);border-radius:6px;padding:6px 10px;color:var(--text1);font-size:12px;font-family:"Inter",var(--font-inter),sans-serif;resize:none;outline:none;line-height:1.4;transition:border-color .2s;height:32px;overflow:hidden}.note-box:focus{border-color:var(--accent);height:60px;overflow:auto}.note-box::placeholder{color:var(--text3)}.note-save-btn{flex-shrink:0;padding:5px 12px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .2s;height:32px}.note-save-btn:hover{opacity:.8}.note-saved-tag{font-size:11px;color:var(--green);flex-shrink:0;display:none}.search-wrap{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:10px 14px;margin-bottom:16px;transition:border-color .2s}.search-wrap:focus-within{border-color:var(--accent)}.search-icon{font-size:15px;flex-shrink:0}.search-wrap input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text1);font-size:14px;font-family:var(--mono)}.search-wrap input::placeholder{color:var(--text3)}.search-clear{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:0 4px;flex-shrink:0;display:none}.search-clear:hover{color:var(--red)}.search-clear.visible{display:block}.low-banner{background:var(--red-bg);border:1px solid var(--red-bd);border-radius:10px;padding:12px 16px;margin-bottom:16px}.low-banner-title{font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.low-banner-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--red-bd);font-size:12px}.low-banner-row:last-child{border-bottom:none;padding-bottom:0}.low-banner-email{color:var(--text1);font-family:var(--mono)}.low-banner-days{color:var(--red);font-weight:700;font-family:var(--mono)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:34px 30px 26px;width:100%;max-width:380px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.login-title{font-size:18px;font-weight:600;color:var(--text1);margin-bottom:4px}.login-sub{font-size:12px;color:var(--text3);margin-bottom:22px}.login-input-wrap{position:relative;margin-bottom:12px}.login-input-wrap input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:11px 40px 11px 12px;color:var(--text1);font-size:14px;font-family:var(--mono);letter-spacing:.12em;outline:none;transition:border-color .2s;text-align:center}.login-input-wrap input:focus{border-color:var(--accent)}.login-input-wrap input::placeholder{color:var(--text3);letter-spacing:.2em}.btn-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:4px}.btn-eye:hover{color:var(--text1)}.login-remember{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text2);margin-bottom:16px;cursor:pointer}.login-remember input{accent-color:var(--accent);cursor:pointer}.btn-unlock{width:100%;padding:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn-unlock:hover{opacity:.88}.btn-unlock:active{transform:scale(.98)}.login-error{color:var(--red);font-size:12px;margin-top:12px;min-height:16px}.login-warn{margin-top:14px;font-size:11px;color:var(--text3);line-height:1.5}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.login-card.shake{animation:shake .3s ease}.btn-logout{margin-top:auto;padding:9px 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--text2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.btn-logout:hover{color:var(--red);border-color:var(--red-bd);background:var(--red-bg)}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.btn-logout{margin-top:8px}.main{padding:24px 16px 48px}.cards-grid{grid-template-columns:1fr}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}