:root{
  --bg:#0b1018;--panel:#121a27;--panel2:#172235;--line:#26344a;--text:#e9f1ff;--muted:#9aa9c1;--brand:#ffb92e;--brand2:#ff6b2e;--ok:#39d98a;--bad:#ff5570;--blue:#5ea0ff;--vip:#ffd36b;
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#1a2840 0,#0b1018 38%,#080c12 100%);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:#9bc7ff;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1370px,calc(100% - 28px));margin:auto}.topbar{position:sticky;top:0;z-index:5;background:rgba(8,12,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:18px;min-height:72px}.logo{font-weight:900;font-size:24px;letter-spacing:.5px;color:#fff}.logo span{color:var(--brand)}.nav{display:flex;gap:8px;flex:1;flex-wrap:wrap}.nav a{color:var(--muted);padding:9px 10px;border-radius:10px}.nav a:hover{background:#172235;color:#fff;text-decoration:none}.account{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:#dce8ff;background:#101827}.pill.primary,.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#160c00;border-color:transparent;font-weight:800}.pill.admin{border-color:#7c5cff;color:#e2dbff}.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;margin:28px 0}.hero>div:first-child{background:linear-gradient(135deg,rgba(255,185,46,.16),rgba(94,160,255,.08));border:1px solid var(--line);border-radius:24px;padding:34px}.hero h1{font-size:44px;line-height:1.05;margin:8px 0 14px}.hero p{font-size:18px;max-width:760px;color:#c3d2e8}.eyebrow{color:var(--brand);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.hero-card{border:1px solid #3c4a62;border-radius:24px;background:linear-gradient(180deg,#172235,#0f1724);padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-card strong{font-size:68px;line-height:1;color:#fff}.hero-card small{color:var(--muted);margin-top:14px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#182337;color:#eaf2ff;border-radius:12px;padding:11px 15px;cursor:pointer;text-decoration:none;font-weight:700}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn.small{padding:7px 10px;border-radius:10px;font-size:13px}.btn.danger{border-color:#643144;color:#ffd8df;background:#2a121b}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.service-card{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#151f30,#101724);color:#fff}.service-card b{font-size:28px;color:var(--brand)}.service-card span{font-weight:800}.service-card small{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:22px;background:rgba(18,26,39,.92);padding:22px;margin:18px 0;box-shadow:0 20px 70px rgba(0,0,0,.2)}.panel h1,.panel h2{margin-top:0}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.section-head p{color:var(--muted);margin:.2rem 0 0}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:10px;margin-bottom:18px}.filters input,.filters select,.form input,.form select,.form textarea,.mini-form input,.mini-form select,.inline-form select{width:100%;background:#0d1421;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:11px;outline:none}.filters input:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue)}.check{display:flex;align-items:center;gap:8px;color:var(--muted)}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.server-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#101827;min-height:100%;transition:.18s transform,.18s border}.server-card:hover{transform:translateY(-2px);border-color:#3b557c}.map-shot{height:132px;background:linear-gradient(145deg,#243451,#101827 55%,#35220d);position:relative;background-size:cover;background-position:center}.map-shot:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,185,46,.24),transparent 45%)}.map-name{position:absolute;left:12px;bottom:12px;font-weight:900;text-shadow:0 2px 8px #000;z-index:1}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.02em}.map-shot .badge{position:absolute;right:10px;top:10px;z-index:1}.badge-top{background:linear-gradient(135deg,#ffd56a,#ff7a2f);color:#1a0b00}.badge-vip{background:#ffe28a;color:#1b1400}.badge-boost{background:#65d6ff;color:#03121c}.badge-normal{background:#243247;color:#b7c5d8}.vip-gold{background:#ffe28a!important;color:#1b1400}.vip-red{background:#ff738d!important;color:#210006}.vip-blue{background:#82b7ff!important;color:#001123}.vip-purple{background:#c29bff!important;color:#16002a}.vip-green{background:#65e6a0!important;color:#001a0b}.card-vip-gold{box-shadow:0 0 0 1px rgba(255,213,106,.35),0 0 30px rgba(255,213,106,.1)}.card-vip-red{box-shadow:0 0 0 1px rgba(255,85,112,.35)}.card-vip-blue{box-shadow:0 0 0 1px rgba(94,160,255,.35)}.card-vip-purple{box-shadow:0 0 0 1px rgba(194,155,255,.35)}.card-vip-green{box-shadow:0 0 0 1px rgba(57,217,138,.35)}.server-body{padding:14px}.server-title{display:block;color:#fff;font-weight:900;min-height:44px}.server-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:8px 0}.server-meta span{background:#0d1421;border:1px solid var(--line);padding:3px 7px;border-radius:8px}.progress{height:7px;background:#0b1018;border-radius:999px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--ok));border-radius:999px}.server-row{display:flex;justify-content:space-between;gap:8px;margin:5px 0;color:#cbd9ee}.copy{font:inherit;color:#fff;background:#0d1421;border:1px solid var(--line);border-radius:8px;padding:2px 7px;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:#f5c96c;background:#101827}td{color:#d7e4f7}code{background:#0b1018;border:1px solid var(--line);padding:2px 5px;border-radius:7px;color:#fff}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;color:#c9d7ed;font-weight:700}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.auth{max-width:520px;margin:36px auto}.note{border:1px solid #3a4b65;background:#0d1421;border-radius:14px;padding:13px;color:#c8d7ee;margin:12px 0}.muted{color:var(--muted)}.flash{margin:16px 0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#102015;color:#caffdf}.flash.bad{background:#281019;color:#ffd3dc;border-color:#7a3347}.cabinet-server{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0;background:#101827}.cabinet-server h3{margin:0 0 4px}.cabinet-server p{margin:0 0 4px}.cabinet-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inline-form,.mini-form,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form select{width:auto}.countdown{display:grid;grid-template-columns:repeat(4,120px);gap:10px;margin:16px 0}.countdown div,.stats div{border:1px solid var(--line);border-radius:16px;background:#0d1421;padding:16px;text-align:center}.countdown b,.stats b{display:block;font-size:32px;color:#fff}.countdown span,.stats span{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bid-form{grid-template-columns:2fr 1fr auto;align-items:end}.server-detail{display:grid;grid-template-columns:360px 1fr;gap:22px}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px}.pages{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.pages a{padding:7px 11px;border:1px solid var(--line);border-radius:9px;color:#dbe8fa}.pages a.active{background:var(--brand);color:#1b0e00;border-color:transparent;font-weight:900}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.admin-tabs a{padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:#dce8ff;background:#101827}.admin-tabs a.active{background:#243451;color:#fff;border-color:#5c78a8}.admin-card{border:1px solid var(--line);border-radius:16px;background:#0f1724;margin:12px 0;padding:12px}.admin-card summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-list{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.page-list a{border:1px solid var(--line);background:#101827;border-radius:10px;padding:7px 10px}.prose{max-width:900px}.prose p,.prose li{color:#d1def0}.footer{margin-top:30px;padding:28px 0;border-top:1px solid var(--line);background:#080c12}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.footer a{display:block;color:var(--muted);margin:4px 0}.footer p{color:var(--muted)}
@media (max-width:1000px){.hero{grid-template-columns:1fr}.server-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.service-cards,.stats{grid-template-columns:1fr 1fr}.server-detail{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.bid-form{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.nav{width:100%}.account{width:100%}.countdown{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.hero h1{font-size:34px}.server-grid,.service-cards,.stats,.grid2,.grid3,.filters,.cabinet-server,.footer-grid{grid-template-columns:1fr}.countdown{grid-template-columns:repeat(2,1fr)}.panel{padding:16px}.hero>div:first-child{padding:24px}.server-card{border-radius:16px}.section-head{flex-direction:column}.cabinet-actions{justify-content:flex-start}}


/* v2 profile/admin improvements */
.profile-layout{display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start}
.profile-sidebar{background:#fff;border:1px solid #d9e1ef;border-radius:2px;overflow:hidden;position:sticky;top:86px;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.profile-sidebar a{display:flex;align-items:center;gap:12px;padding:11px 18px;color:#555;text-decoration:none;font-size:16px}
.profile-sidebar a span{width:22px;text-align:center;color:#545b63;font-weight:800}
.profile-sidebar a:hover{background:#f2f6ff;color:#0b68ff;text-decoration:none}
.profile-sidebar a.active{background:#0b73ff;color:#fff;font-weight:700}
.profile-sidebar a.active span{color:#fff}
.profile-content{min-width:0}
.cabinet-server{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);margin:12px 0}
.cabinet-server h3{margin:0 0 6px}.cabinet-server p{margin:0 0 4px}.cabinet-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#0f1725;color:var(--text)}.tabs a.active{background:var(--brand);color:#221300;border-color:var(--brand);font-weight:800;text-decoration:none}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);color:var(--text)}.mini-card b{font-size:20px}.mini-card span{color:var(--muted)}
.auction-center{text-align:center;max-width:920px;margin-left:auto;margin-right:auto}.centered-form{max-width:620px;margin:18px auto 0;text-align:left}.countdown{justify-content:center}
.donate-form{max-width:620px}.details{display:grid;gap:8px}.details p{margin:0;padding:9px 0;border-bottom:1px solid var(--line)}
.map-shot.no-image{background:linear-gradient(135deg,#1f314f,#0f1725 55%,#20162a)}
.admin-user-grid{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.manual-service{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,185,46,.08);margin:14px 0}
.row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.danger{border-color:#b9344a!important;color:#ff7b91!important}
.prose p,.prose li{color:var(--text)}
@media (max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.cards3{grid-template-columns:1fr}.cabinet-server{align-items:flex-start;flex-direction:column}.cabinet-actions{justify-content:flex-start}}


/* v3: homepage TOP/VIP and dark sidebar */
.profile-sidebar{background:linear-gradient(180deg,#121a27,#0c121d)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.24)!important}
.profile-sidebar a{color:#cbd9ee!important;border-bottom:1px solid rgba(255,255,255,.045)}
.profile-sidebar a span{color:#8fa2bd!important}.profile-sidebar a:hover{background:#172235!important;color:#fff!important}.profile-sidebar a.active{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#1a0b00!important}.profile-sidebar a.active span{color:#1a0b00!important}
.top-six-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.top-six-grid .server-card{border-radius:15px}.top-six-grid .map-shot{height:105px}.top-six-grid .server-body{padding:11px}.top-six-grid .server-title{font-size:13px;line-height:1.25;min-height:34px}.top-six-grid .server-meta{font-size:11px;gap:5px;margin:6px 0}.top-six-grid .server-row{font-size:12px}.top-six-grid .badge{font-size:10px;padding:3px 7px}.top-empty{opacity:.78}.top-empty .map-shot{filter:saturate(.72)}
.vip-flat-list{display:grid;gap:8px}.vip-flat-row{display:grid;grid-template-columns:minmax(0,1.7fr) 150px 150px auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);padding:12px 14px}.vip-flat-row:hover{background:rgba(255,211,107,.07);border-color:#4a5d7d}.vip-flat-main{display:flex;flex-direction:column;gap:5px;min-width:0}.vip-flat-main b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vip-flat-online span,.vip-flat-map span{display:block;color:var(--muted);font-size:12px}.vip-flat-online b,.vip-flat-map b{color:#fff}.vip-flat-actions{display:flex;justify-content:flex-end}.hero-card b{font-size:52px;line-height:1;color:#fff}.hero-card span{color:var(--muted);margin:0 0 16px}.server-card-top .map-shot:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,185,46,.24),transparent 44%);z-index:0}.server-card-top .map-name,.server-card-top .badge{z-index:1}
@media (max-width:1250px){.top-six-grid{grid-template-columns:repeat(3,1fr)}.vip-flat-row{grid-template-columns:1fr 120px 120px}}
@media (max-width:700px){.top-six-grid{grid-template-columns:1fr}.vip-flat-row{grid-template-columns:1fr}.vip-flat-actions{justify-content:flex-start}}

.vip-flat-title{display:flex;align-items:center;gap:8px;min-width:0}.vip-flat-title b{min-width:0;overflow:hidden;text-overflow:ellipsis}.vip-flat-row .badge{flex:0 0 auto}.vip-home .section-head h2:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-left:10px;vertical-align:middle}

.top-slot-time span{color:#ffd56a;font-weight:800}.top-slot-bid span{color:#8df0bd;font-weight:900}.vip-flat-title{gap:0}.vip-flat-row .badge{display:none}.vip-flat-map b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;display:block}

/* v9 email auth + payments */
.auth-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.auth-links a{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#0d1421;color:#cfe1ff;text-decoration:none}
.auth-links a:hover{background:#172235;color:#fff;text-decoration:none}
.payment-gateways-form{display:grid;gap:12px}
.payment-gateway summary{justify-content:space-between}
.form .wide{grid-column:1/-1}
.payment-gateway textarea{min-height:58px}