:root{--vip-bg:#f3f6fb;--vip-panel:rgba(255,255,255,.88);--vip-ink:#101828;--vip-muted:#667085;--vip-line:#e5eaf2;--vip-navy:#0a1526;--vip-navy2:#13243b;--vip-blue:#3379f6;--vip-cyan:#55d6e8;--vip-gold:#d8b46a;--vip-shadow:0 16px 45px rgba(24,39,75,.08)}
body{background:radial-gradient(circle at 74% -10%,#e8f2ff 0,transparent 32%),var(--vip-bg);color:var(--vip-ink)}
.sidebar{background:linear-gradient(180deg,#091422 0%,#101d2e 52%,#0b1727 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:18px 0 50px rgba(10,21,38,.12)}
.brand{min-height:86px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(255,255,255,.04),transparent)}
.brand>b{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#3699d5,#245d9f);box-shadow:0 10px 24px rgba(36,126,190,.35);font-size:19px}
.brand span{letter-spacing:.14em}.brand small{margin-top:5px;letter-spacing:0;color:#7690ad}
.sidebar>nav{padding:15px 10px 26px}.sidebar button,.nav-accordion summary{min-height:46px;border-radius:11px;margin:3px 0;padding:0 13px;color:#aebed1;transition:.18s ease;border:1px solid transparent}.sidebar button i,.nav-accordion summary i{width:27px;color:#7792ad;font-style:normal}.sidebar button:hover,.nav-accordion summary:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateX(2px)}.sidebar button.active,.nav-accordion[open]>summary{color:#fff;background:linear-gradient(100deg,rgba(54,121,246,.24),rgba(85,214,232,.07));border-color:rgba(85,214,232,.13);box-shadow:inset 3px 0 #55d6e8}.sidebar button.active i,.nav-accordion[open]>summary i{color:#6de0ec}
.nav-accordion{border:0!important;background:transparent!important}.nav-accordion[open]{padding-bottom:6px}.nav-accordion>button{margin-left:17px!important;width:calc(100% - 17px)!important;min-height:39px!important;font-size:12px!important}.nav-accordion>button:before{content:"";width:5px;height:5px;border:1px solid #71869f;border-radius:50%;margin-right:10px}.nav-accordion>button.active:before{background:#55d6e8;border-color:#55d6e8;box-shadow:0 0 0 4px rgba(85,214,232,.1)}
.account{margin:10px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);padding:11px}.account>span{background:linear-gradient(145deg,#3379f6,#55d6e8);color:#fff}
.workspace{padding:36px clamp(22px,4vw,58px) 70px;max-width:1650px}.page-title{padding:8px 0 28px;margin-bottom:26px;border-bottom:1px solid var(--vip-line)}.page-title small{color:#2773df;letter-spacing:.2em;font-weight:800}.page-title h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;margin:8px 0}.page-title p{color:var(--vip-muted);font-size:15px;max-width:720px}.page-title>.primary,.page-title>div+button{align-self:center}
.panel,.hosting-stat,.hosting-card{background:var(--vip-panel)!important;border:1px solid rgba(211,219,231,.88)!important;box-shadow:var(--vip-shadow)!important;backdrop-filter:blur(14px);border-radius:18px!important}.panel{padding:24px;margin-bottom:20px}.panel-head{margin-bottom:20px}.panel-head h2{font-size:18px;letter-spacing:-.02em}.panel-head p,.hint{color:var(--vip-muted)}
.hosting-grid{gap:16px}.hosting-stat{position:relative;overflow:hidden;padding:22px}.hosting-stat:after{content:"";position:absolute;width:90px;height:90px;right:-36px;top:-38px;border-radius:50%;background:linear-gradient(135deg,rgba(51,121,246,.14),rgba(85,214,232,.04))}.hosting-stat b{font-size:28px;color:#14243a}.hosting-stat small{font-weight:700;color:#718096}.hosting-card{padding:20px}.service-state i{background:#21b573;box-shadow:0 0 0 5px rgba(33,181,115,.11)}
button,.button,a.primary{font-family:inherit}.primary,.workspace button.primary,a.primary{border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#2e73ec,#338fd8)!important;color:#fff!important;padding:11px 17px!important;box-shadow:0 9px 22px rgba(46,115,236,.22);font-weight:700;transition:.18s ease}.primary:hover,.workspace button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 27px rgba(46,115,236,.3)}.secondary,.workspace button:not(.primary):not(.danger),.hosting-actions a{border:1px solid #dce3ed!important;border-radius:10px!important;background:#fff!important;color:#344054!important;padding:10px 14px!important;box-shadow:0 3px 9px rgba(18,35,58,.04);transition:.18s}.workspace button:hover,.hosting-actions a:hover{border-color:#9dbbe8!important;color:#1764ca!important}.danger{border:1px solid #f3c8c5!important;background:#fff7f7!important;color:#b42318!important;border-radius:10px!important}
input,select,textarea{min-height:44px;border:1px solid #d8e0eb!important;border-radius:10px!important;background:#fff!important;color:#172b45!important;padding:10px 13px!important;outline:0;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:.18s}input:focus,select:focus,textarea:focus{border-color:#5c92ed!important;box-shadow:0 0 0 4px rgba(51,121,246,.1)!important}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#718096 50%),linear-gradient(135deg,#718096 50%,transparent 50%)!important;background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:35px!important}label{color:#344054;font-weight:650;gap:7px}.form-grid{gap:17px}.inline-form{display:flex;gap:10px;align-items:center}.inline-form select,.inline-form input{min-width:250px}
.hosting-account{padding:19px;border-radius:13px;border:1px solid transparent}.hosting-account:hover{background:#f8fbff;border-color:#e4ecf7}.hosting-account h3{font-size:18px}.badge{border-radius:999px;padding:5px 9px;font-weight:750;letter-spacing:.02em}.badge.green{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.badge.amber{color:#b54708;background:#fffaeb;border:1px solid #fedf89}
.domain-list article{border-radius:12px;padding:13px 15px;border:1px solid #e7ecf3;margin:8px 0;background:#fbfcfe}.hosting-services{gap:15px}.hosting-services[data-plans]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hosting-services[data-plans] .hosting-card{display:grid;gap:13px;align-content:start}.hosting-services[data-plans] label{display:grid}.empty{padding:45px 20px;color:var(--vip-muted)}
#toast{border-radius:11px!important;box-shadow:0 15px 40px rgba(12,28,49,.2)!important}.mobilebar{background:#0c1929;color:#fff;border:0}
@media(max-width:900px){.workspace{padding:78px 16px 45px}.page-title{align-items:flex-start;gap:15px}.page-title>.primary,.page-title>div+button{align-self:flex-start}.inline-form{align-items:stretch;flex-direction:column}.inline-form select,.inline-form input{min-width:0;width:100%}}