:root{--bg:#08111f;--side:#0a1424;--surface:#101c2e;--surface2:#16243a;--line:#263750;--text:#f4f7fc;--muted:#8da0ba;--blue:#4c88ff;--violet:#755fff;--green:#2bd39d;--amber:#ffb44d;--red:#ff6d76;--shadow:0 20px 55px #02060e70;color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#19396c66,transparent 38%),#07101d;padding:20px}.login-card{width:min(420px,100%);padding:35px;background:#0e1a2c;border:1px solid #2b4264;border-radius:18px;box-shadow:var(--shadow)}.login-brand,.brand{display:flex;align-items:center;gap:11px;font-weight:800}.login-brand>span,.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--violet));font-weight:900}.login-brand small,.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-top:3px}.login-card>p{color:var(--muted);line-height:1.55;margin:24px 0}.login-card label{font-size:11px;color:#a4b4cb}.login-card input{display:block;width:100%;margin:7px 0 14px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#142239;color:white}.login-card button{width:100%;padding:13px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;font-weight:800;cursor:pointer}.login-card>a{display:block;text-align:center;color:#7f9ecb;font-size:11px;margin-top:20px}.login-error{color:var(--red)!important;font-size:12px;margin:12px 0!important;min-height:18px}.admin-shell>aside{position:fixed;inset:0 auto 0 0;width:245px;border-right:1px solid var(--line);background:var(--side);padding:20px 14px;display:flex;flex-direction:column;z-index:10}.brand{padding:0 8px 20px;color:white;text-decoration:none}.brand>span{width:38px;height:38px}.admin-shell nav{overflow:auto;display:grid;gap:3px;padding-right:3px}.admin-shell nav p{font-size:9px;letter-spacing:.15em;font-weight:800;color:#536985;margin:17px 12px 5px}.admin-shell nav button{border:0;background:transparent;color:#8498b5;text-align:left;padding:10px 12px;border-radius:9px;cursor:pointer;display:flex;gap:11px}.admin-shell nav button:hover,.admin-shell nav button.active{background:#16243a;color:white}.admin-shell nav button.active{box-shadow:inset 3px 0 var(--blue)}.aside-status{margin-top:auto;border:1px solid var(--line);background:#101c2e;border-radius:11px;padding:11px;display:flex;align-items:center;gap:9px}.aside-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.aside-status b,.aside-status small{display:block;font-size:10px}.aside-status small{color:var(--muted);margin-top:2px}.admin-shell main{margin-left:245px;padding:25px 32px 60px;max-width:1800px}.admin-shell header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{margin:0 0 5px;color:#78a8f6;font-size:9px;font-weight:850;letter-spacing:.14em}.admin-shell h1{font-size:25px;margin:0}.header-actions,.view-head>div{display:flex;gap:8px}.icon-btn,.secondary,.primary,.danger-link{border-radius:9px;padding:9px 13px;cursor:pointer;text-decoration:none;font-size:12px;font-weight:750}.icon-btn,.secondary{border:1px solid var(--line);background:var(--surface);color:white}.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--violet));color:white}.danger-link{border:0;background:transparent;color:#f08f96}.view{display:none}.view.active{display:block}.view-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.view-head>p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:11px;margin-bottom:15px}.metric{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),#0c1728);border-radius:13px;padding:16px}.metric small,.metric b,.metric em{display:block}.metric small{color:var(--muted);font-size:10px}.metric b{font-size:25px;margin:7px 0 4px}.metric em{font-style:normal;color:var(--green);font-size:9px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px;box-shadow:0 8px 30px #02060e25;margin-bottom:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{font-size:15px;margin:0}.link{border:0;background:transparent;color:#7eaaff;cursor:pointer}.data-list{display:grid}.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.list-item b,.list-item small{display:block;font-size:11px}.list-item small{color:var(--muted);margin-top:3px}.status{font-size:9px;padding:5px 7px;border-radius:999px;border:1px solid #38557d;color:#9fc2f6}.status.active,.status.online,.status.completed,.status.paid{border-color:#27634f;background:#143328;color:#72e1bd}.status.pending,.status.grace{border-color:#735a2d;background:#362b18;color:#f3c36f}.status.expired,.status.suspended,.status.failed{border-color:#713943;background:#361d24;color:#ff9aa2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#7187a5;font-size:9px;text-transform:uppercase;letter-spacing:.09em;padding:10px}td{border-top:1px solid var(--line);padding:11px 10px;font-size:11px}td b,td small{display:block}td small{color:var(--muted);margin-top:3px}.row-action{border:1px solid var(--line);background:#16253c;color:#bcd0ec;border-radius:7px;padding:5px 8px;cursor:pointer;font-size:9px}.badge{border:1px solid #345177;border-radius:999px;padding:6px 9px;color:#9abbec;font-size:9px}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.summary{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.summary b,.summary small{display:block}.summary small{color:var(--muted);font-size:9px}.summary b{margin-top:5px}.site-grid,.package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:11px}.site-card,.package-card{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:15px}.site-card-head{display:flex;align-items:center;justify-content:space-between}.site-card h3,.package-card h3{margin:0;font-size:14px}.site-card p,.package-card p{color:var(--muted);font-size:10px;line-height:1.5}.site-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.site-meta div{background:#101c2d;border-radius:8px;padding:8px}.site-meta small,.site-meta b{display:block;font-size:9px}.site-meta small{color:var(--muted);margin-bottom:3px}.card-actions{display:flex;gap:6px;margin-top:12px}.service-tabs{display:flex;gap:6px;margin-bottom:12px}.service-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:7px 10px;border-radius:8px}.service-tabs button.active{background:#213858;color:white}.package-price{font-size:22px;font-weight:900;margin:14px 0}.package-card ul{padding-left:17px;color:#9db0c9;font-size:10px}.empty{text-align:center;color:var(--muted);padding:25px}dialog{border:0;padding:0;background:transparent;color:white;max-width:none}dialog::backdrop{background:#01050db8;backdrop-filter:blur(4px)}.modal-card{width:min(560px,calc(100vw - 30px));background:#0e1a2c;border:1px solid #2d4567;border-radius:16px;box-shadow:var(--shadow);padding:22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{margin:0}.close{border:0;background:transparent;color:#9fb0c6;font-size:25px;cursor:pointer}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.modal-fields label{font-size:10px;color:#93a8c3}.modal-fields input,.modal-fields select,.modal-fields textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:#15243a;color:white;padding:10px}.modal-fields label.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-error{color:var(--red);font-size:11px;min-height:15px}.secret-toast{position:fixed;right:20px;bottom:20px;z-index:50;width:min(480px,calc(100vw - 40px));padding:15px;background:#142b26;border:1px solid #2b725c;border-radius:12px;box-shadow:var(--shadow)}.secret-toast b,.secret-toast code{display:block}.secret-toast code{background:#081a17;padding:9px;margin:8px 0;word-break:break-all}.secret-toast button{border:0;background:var(--green);color:#06221a;padding:7px 10px;border-radius:7px;font-weight:800}.toast{position:fixed;right:20px;top:20px;background:#1a2b45;border:1px solid #3b5b87;padding:11px 14px;border-radius:9px;opacity:0;transform:translateY(-12px);transition:.2s;pointer-events:none;z-index:60}.toast.show{opacity:1;transform:none}
.site-meta .identity-row{grid-column:1/-1}.identity-row code,.inline-identity code{font-size:9px;color:#c9d9ee;word-break:break-all}.identity-row button{margin-top:7px}.inline-identity{display:flex;align-items:center;gap:7px;margin-top:7px}.gateway-item>div{min-width:0}.secret-field{margin-top:11px}.secret-field span{display:block;color:#a9c9bf;font-size:10px;font-weight:700}
.secret-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.secret-title-row button{white-space:nowrap}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.two-cols{grid-template-columns:1fr}}
@media(max-width:760px){.admin-shell>aside{width:68px;padding:15px 8px}.brand div,.admin-shell nav span,.admin-shell nav p,.aside-status div{display:none}.brand{padding:0 7px 20px}.admin-shell nav button{justify-content:center;font-size:18px}.aside-status{justify-content:center}.admin-shell main{margin-left:68px;padding:17px}.admin-shell header{align-items:flex-start}.header-actions .secondary{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.view-head{align-items:flex-start;gap:12px;flex-direction:column}.modal-fields{grid-template-columns:1fr}.modal-fields label{grid-column:1}.summary-row{grid-template-columns:1fr 1fr}.site-grid,.package-grid{grid-template-columns:1fr}}