*{box-sizing:border-box}:root{--bg:#080911;--panel:#141520;--line:#2b2939;--text:#f7f5ff;--muted:#918c9f;--p:#8b5cf6;--g:#37dfa1;--r:#ff657d}body{margin:0;background:radial-gradient(circle at 80% -10%,#281651,transparent 35%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,sans-serif}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(400px,calc(100% - 30px));padding:36px;background:linear-gradient(145deg,#191725,#0f1018);border:1px solid var(--line);border-radius:28px}.logo,.brand>span{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#a27fff,#6230df);font-weight:900}.login input,input,select{width:100%;padding:13px;margin:6px 0;background:#0d0e15;border:1px solid var(--line);border-radius:12px;color:white}.login button,main button,dialog button{border:0;border-radius:12px;padding:12px 15px;color:white;background:linear-gradient(100deg,#714ae7,#a54ce3);font-weight:700;cursor:pointer}.login button{width:100%;margin-top:10px}.login p,.panel p,dialog p,.info{color:var(--muted)}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:23px 16px;background:#0c0d14;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:6px 8px 28px}.brand>span{width:39px;height:39px;border-radius:12px}.brand b{letter-spacing:1.7px}.brand small{display:block;font-size:7px;color:#777182;margin-top:3px}aside nav{display:grid;gap:5px}aside nav button,.logout{border:0;background:transparent;color:#8f899c;text-align:left;padding:12px 13px;border-radius:11px}.logout{margin-top:auto}.active[data-tab]{color:white;background:#8557ee20;border:1px solid #8256df40}main{padding:28px 34px;min-width:0}main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}main header small{font-size:8px;letter-spacing:1.5px;color:#797383}main header h1{margin:7px 0 0}.admin-badge{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#7650dc}.tab{display:none}.tab.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:12px}.metric,.panel,.server-card,.plan-row{background:linear-gradient(145deg,#191a27,#101118);border:1px solid var(--line);border-radius:19px;box-shadow:0 18px 50px #0002}.metric{padding:18px;min-height:110px}.metric small{font-size:8px;color:var(--muted);letter-spacing:1.2px}.metric strong{display:block;font-size:25px;margin:13px 0 4px}.metric i{color:var(--g);font-size:9px;font-style:normal}.two{display:grid;grid-template-columns:2fr 1fr;gap:13px;margin-top:13px}.panel{padding:20px;margin-bottom:13px}.head,.section-head{display:flex;justify-content:space-between;align-items:center}.head h2{margin:0}.action{display:block;width:100%;margin:8px 0;text-align:left;background:#1b1a28!important;border:1px solid var(--line)!important}.table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:13px 4px;border-bottom:1px solid #252330;font-size:11px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.server-card{padding:18px}.server-card .top{display:flex;justify-content:space-between}.online{color:var(--g)}.offline{color:var(--r)}.server-card .values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.values small{display:block;color:var(--muted);font-size:8px}.inline{display:flex;gap:9px;align-items:center}.accent{background:linear-gradient(120deg,#27194b,#12131d)}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.secondary{background:#292737!important}.info{padding:11px;border:1px dashed var(--line);border-radius:11px;margin:9px 0 14px;font-size:10px;overflow-wrap:anywhere}.plan-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:9px;align-items:center;padding:14px;margin-bottom:8px}.plan-row input{margin:0}.partner-item{padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.partner-item a{color:#b8a1ff}.empty{padding:28px;text-align:center;color:#716d7d;border:1px dashed var(--line);border-radius:14px}dialog{width:min(520px,90%);background:#151620;color:white;border:1px solid var(--line);border-radius:22px}dialog form{padding:20px}#toast{position:fixed;right:24px;bottom:24px;background:#292737;padding:12px 16px;border-radius:11px;opacity:0}#toast.show{opacity:1}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.two,.pay-grid{grid-template-columns:1fr}.plan-row,.table-row{grid-template-columns:1fr 1fr}}
/* v6 glass dashboard */
body{background:radial-gradient(circle at 82% -10%,rgba(121,69,240,.28),transparent 36%),radial-gradient(circle at 10% 85%,rgba(39,75,189,.13),transparent 31%),#080911;background-attachment:fixed}.login form,.metric,.panel,.server-card,.plan-row,dialog{background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.030))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 20px 55px rgba(0,0,0,.25)!important;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}aside{background:linear-gradient(180deg,rgba(18,18,28,.82),rgba(10,11,17,.80));border-color:rgba(255,255,255,.10);backdrop-filter:blur(25px)}.active[data-tab]{background:linear-gradient(120deg,rgba(139,92,246,.28),rgba(178,76,239,.12));border-color:rgba(173,132,255,.28)}input,select{background:rgba(8,9,15,.54);border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(13px)}main button,dialog button,.login button{background:linear-gradient(120deg,rgba(124,75,234,.76),rgba(178,73,227,.69));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.20),0 10px 23px rgba(80,42,160,.20)}.action,.secondary{background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.038))!important;border-color:rgba(255,255,255,.11)!important}.accent{background:linear-gradient(120deg,rgba(121,76,225,.22),rgba(255,255,255,.035))!important}.table-row,.partner-item{border-color:rgba(255,255,255,.07)}

/* v7 dashboard spacing and motion */
.metric,.panel,.server-card,.plan-row{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}.metric:hover,.panel:hover,.server-card:hover,.plan-row:hover{transform:translateY(-4px);border-color:rgba(191,158,255,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 25px 60px rgba(0,0,0,.31)!important;filter:brightness(1.045)}.metrics{gap:16px!important}.two,.pay-grid,.server-grid{gap:17px!important}.panel{margin-bottom:17px!important}.tab.active{animation:dashIn .36s ease}.metric,.server-card,.plan-row{animation:cardIn .48s both}main button,dialog button,.login button,aside nav button{transition:transform .2s ease,filter .2s ease,background .2s ease,box-shadow .2s ease}main button:hover,dialog button:hover,.login button:hover{transform:translateY(-3px);filter:brightness(1.12);box-shadow:inset 0 1px rgba(255,255,255,.26),0 14px 28px rgba(80,42,160,.28)}main button:active,dialog button:active,.login button:active{transform:translateY(1px) scale(.98)}aside nav button:hover{transform:translateX(5px);color:white;background:rgba(139,92,246,.10)}@keyframes dashIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}