:root{--bg:#070a12;--bg2:#0a0f1c;--panel:#0e1525;--panel2:#111a2e;--line:#26334f;--line2:#344464;--text:#edf3ff;--muted:#93a3c4;--soft:#6e7d9d;--primary:#745cff;--primary2:#3a82ff;--green:#38d996;--red:#ff5f73;--amber:#f6c660;--shadow:0 24px 70px rgba(0,0,0,.32);font-synthesis:none}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,rgba(83,66,198,.18),transparent 38%),linear-gradient(180deg,#080b14,var(--bg));min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 17px;border-right:1px solid rgba(255,255,255,.07);background:rgba(7,11,20,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 12px 28px rgba(78,81,255,.25);font-weight:900}.brand strong{display:block;letter-spacing:-.25px}.brand small{display:block;color:var(--muted);margin-top:3px}.org-chip{margin:21px 0 10px;padding:12px 13px;border-radius:14px;background:#0d1424;border:1px solid #202c45}.org-chip span,.org-chip b{display:block}.org-chip span{font-size:10px;color:var(--soft);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.org-chip b{font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:flex;flex-direction:column;gap:5px;margin-top:16px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none;color:#aebbd3;font-size:14px;font-weight:650;transition:.2s}.nav a span{width:22px;text-align:center;color:#7585aa}.nav a:hover{background:#10182a;color:#fff}.nav a.active{background:linear-gradient(90deg,rgba(116,92,255,.20),rgba(58,130,255,.08));color:#fff;border:1px solid rgba(116,92,255,.28)}.nav a.active span{color:#a89aff}.sidebar-foot{margin-top:auto;padding:14px;border:1px solid #202b43;border-radius:14px;background:#0b111f}.sidebar-foot b,.sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot small{color:var(--muted);font-size:11px;margin:4px 0 10px}.sidebar-foot a{font-size:12px;color:#a997ff}.content{min-width:0;padding:34px clamp(18px,3vw,42px) 46px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.8px;margin:3px 0 0}.topbar p{margin:5px 0 0;color:var(--muted);font-size:14px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8e9fc3;font-weight:900}.top-actions{display:flex;align-items:center;gap:10px}.subscription-badge{padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid}.subscription-badge.active{background:rgba(56,217,150,.09);border-color:rgba(56,217,150,.27);color:#70ebb5}.subscription-badge.expired{background:rgba(255,95,115,.09);border-color:rgba(255,95,115,.27);color:#ff8d9b}.panel,.server-card,.template-card,.price-card,.billing-hero,.coupon-bar{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,26,46,.92),rgba(11,17,31,.94));box-shadow:var(--shadow);border-radius:19px}.panel{padding:21px;margin:17px 0}.panel.inner{box-shadow:none;background:#0a1020}.panel h2,.panel h3{margin-top:0}.panel p{color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-head h2{margin:0}.section-head p{margin:5px 0 0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.stat{min-height:112px;border:1px solid var(--line);border-radius:18px;padding:17px;background:linear-gradient(145deg,#111a2d,#0a101d);display:flex;align-items:center;gap:14px}.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#171f38;color:#a99fff;font-weight:900}.num{font-size:25px;font-weight:850;letter-spacing:-.8px}.label{font-size:12px;color:var(--muted);margin-top:3px}.stat small{font-size:10px;color:var(--soft)}.grid{display:grid;gap:15px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.server-grid,.template-grid,.pricing-grid,.plan-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.server-card,.template-card,.price-card{padding:19px}.server-head{display:flex;align-items:center;gap:12px}.server-icon{width:48px;height:48px;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#324069,#121a30);display:grid;place-items:center;font-weight:900}.server-icon.big{width:64px;height:64px}.server-icon img{width:100%;height:100%;object-fit:cover}.server-card h3,.template-card h3{margin:0 0 4px}.meta,.muted{color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(56,217,150,.09);margin-right:8px}.card-actions,.actions,.inline-actions,.editor-toolbar,.claim-actions,.pay-buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}.btn{appearance:none;border:1px solid #33415f;background:#121a2c;color:#dfe8fb;padding:10px 13px;border-radius:11px;text-decoration:none;font-weight:750;font-size:12px;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px);border-color:#526282}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent;color:#fff}.btn.danger{color:#ff9aa6;border-color:#69313a;background:#241219}.btn.ghost{background:transparent}.btn.small{padding:7px 9px;font-size:11px}.btn.big{width:100%;padding:13px;font-size:14px;margin-top:17px}.btn.pay{width:100%}.btn.mp{background:linear-gradient(135deg,#19ad75,#0f825d);border:0}.btn.paypal{background:linear-gradient(135deg,#1f6fd9,#164797);border:0}.btn.subtle{background:#111a2c}label{display:block;color:#9daccc;font-size:12px;font-weight:650}input,select,textarea{width:100%;color:var(--text);background:#080d18;border:1px solid #303f5e;border-radius:11px;padding:10px 11px;margin-top:6px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7868f0;box-shadow:0 0 0 3px rgba(116,92,255,.10)}input[type=checkbox]{width:auto;margin:0}.switch{display:flex;align-items:center;gap:8px}.switch input{width:auto}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.check-grid label{border:1px solid #26344e;background:#0a111f;border-radius:10px;padding:9px}.table-wrap{overflow:auto;border:1px solid #222f48;border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #202c43;font-size:12px;vertical-align:middle}th{color:#8090af;text-transform:uppercase;font-size:10px;letter-spacing:.08em;background:#0a101d}tr:last-child td{border-bottom:0}.table-sub{display:block;color:var(--soft);margin-top:3px}.chip{display:inline-flex;padding:5px 8px;border:1px solid #354361;border-radius:999px;color:#aebbd4;background:#101729;font-size:10px;font-weight:800;text-transform:uppercase}.chip.ok{border-color:rgba(56,217,150,.32);color:#73eab7;background:rgba(56,217,150,.08)}.chip.warn{border-color:rgba(246,198,96,.30);color:#f7d788;background:rgba(246,198,96,.07)}.chip.bad{border-color:rgba(255,95,115,.30);color:#ff94a1;background:rgba(255,95,115,.07)}.alert{border:1px solid;padding:13px 15px;border-radius:13px;margin:14px 0;font-size:13px}.alert.danger{background:rgba(255,95,115,.09);border-color:rgba(255,95,115,.31);color:#ffc1c8}.alert.success{background:rgba(56,217,150,.09);border-color:rgba(56,217,150,.31);color:#b9f7db}.alert.warn{background:rgba(246,198,96,.08);border-color:rgba(246,198,96,.3);color:#ffe8a9}.lock-alert{margin-top:-8px;margin-bottom:24px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.action-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;border:1px solid #26344d;border-radius:14px;background:#0a111f;color:#fff;text-decoration:none;cursor:pointer}.action-tile b{font-size:13px}.action-tile span{color:var(--muted);font-size:11px;margin-top:5px}.timeline{display:flex;flex-direction:column;gap:13px}.timeline>div{display:flex;gap:12px}.timeline i{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;background:#181f37;border-radius:9px;color:#9f93ff;font-style:normal;font-weight:900}.timeline span b,.timeline span small{display:block}.timeline span small{color:var(--muted);margin-top:3px}.gateway-card{margin:0}.gateway-head{display:flex;align-items:center;justify-content:space-between}.code-list{display:grid;gap:9px}.code-list code,.claim-result code,code{padding:9px 11px;border-radius:9px;background:#070c16;border:1px solid #26334b;color:#a7d1ff;word-break:break-all}.billing-hero{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.billing-hero h2{font-size:28px;margin:4px 0}.billing-hero p{color:var(--muted);margin:0}.billing-status{text-align:right}.billing-status b,.billing-status small{display:block;margin-top:7px}.billing-status small{color:var(--muted)}.coupon-bar{padding:15px 18px;margin:15px 0;display:flex;align-items:end;gap:18px}.coupon-bar label{min-width:280px}.coupon-bar span{color:var(--muted);font-size:11px;padding-bottom:10px}.price-card{display:flex;flex-direction:column}.plan-top h2{font-size:24px;margin:5px 0}.plan-top p{min-height:42px;color:var(--muted)}.prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.prices>div{padding:12px;background:#0a111f;border:1px solid #26334a;border-radius:12px}.prices b,.prices small{display:block}.prices b{font-size:17px}.prices small{font-size:10px;color:var(--muted);margin-top:3px}.feature-list{list-style:none;padding:0;margin:0 0 8px;color:#b8c5dd;font-size:12px}.feature-list li{padding:5px 0}.pay-buttons{margin-top:auto}.claim-panel{display:grid;grid-template-columns:1.5fr 1fr;align-items:center}.claim-result{grid-column:1/-1;margin-top:14px;padding:16px;border:1px dashed #526182;border-radius:13px;background:#080e1a}.claim-result strong{display:block;margin-bottom:10px}.server-banner{display:flex;align-items:center;gap:14px}.server-banner h2{margin:0}.tabs{display:flex;gap:5px;overflow:auto;margin:18px 0 5px;padding-bottom:3px}.tabs a{white-space:nowrap;text-decoration:none;padding:9px 11px;border-radius:10px;color:#95a4c1;font-size:11px;font-weight:800;border:1px solid transparent}.tabs a.active{background:#171e35;color:#fff;border-color:#313e5b}.profile-block{padding:12px 0;border-bottom:1px solid #222e45}.profile-block span,.profile-block b{display:block}.profile-block span{font-size:10px;color:var(--soft);text-transform:uppercase}.profile-block b{margin-top:4px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #202c43}.member-row b,.member-row small{display:block}.member-row small{color:var(--muted);margin-top:3px}.footer-note{text-align:center;color:#5e6d8b;font-size:10px;margin-top:28px}.toast{position:fixed;right:20px;bottom:20px;max-width:380px;padding:13px 16px;background:#101827;border:1px solid #344462;border-radius:12px;box-shadow:var(--shadow);transform:translateY(25px);opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{transform:translateY(0);opacity:1}.modal{display:none;position:fixed;inset:0;background:#04070dbd;backdrop-filter:blur(8px);z-index:80;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(650px,100%);max-height:90vh;overflow:auto;background:#0d1424;border:1px solid #303d5a;border-radius:18px;padding:20px;box-shadow:0 30px 90px #000}.modal-card.wide{width:min(950px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center}.progress-shell{height:9px;border-radius:999px;background:#070c15;overflow:hidden;border:1px solid #202c44}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--primary2));transition:.2s}.joblog{background:#050910;border:1px solid #222e45;padding:13px;border-radius:12px;min-height:160px;color:#a7b6d2;white-space:pre-wrap}.empty{text-align:center;color:var(--muted);padding:28px}.editor-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;margin-top:16px}.role-list,.category-list{display:flex;flex-direction:column;gap:9px}.editor-row,.editor-category,.editor-channel{border:1px solid #273650;background:#0a111f;border-radius:13px;padding:12px}.editor-category{margin-bottom:10px}.editor-channel{margin:9px 0 0 18px}.inline{display:flex;gap:8px;align-items:center}.inline input{margin:0}.draggable.dragging{opacity:.5}.auth-body{display:grid;place-items:center;min-height:100vh;padding:25px}.auth-shell{width:min(1000px,100%);display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #263451;border-radius:26px;overflow:hidden;background:#0b111f;box-shadow:0 35px 100px #0008}.auth-promo{padding:55px;background:radial-gradient(circle at 20% 10%,rgba(116,92,255,.28),transparent 38%),linear-gradient(145deg,#111a30,#080d18)}.auth-promo h1{font-size:38px;line-height:1.05;letter-spacing:-1.5px;max-width:520px;margin:70px 0 15px}.auth-promo p{color:#aab7d1;max-width:500px}.feature-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.feature-pills span{padding:8px 10px;border:1px solid #384763;border-radius:999px;font-size:11px;color:#c3cee2;background:#0a101dbd}.auth-card{padding:55px}.auth-card h2{font-size:28px;margin:5px 0}.auth-card label{margin-top:13px}.auth-switch{text-align:center;color:var(--muted);font-size:12px}.auth-switch a{color:#a697ff}.plan-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-form{margin:0}.plan-form textarea{min-height:75px}summary{cursor:pointer;font-weight:800}.kbd{font-family:ui-monospace,monospace}
@media(max-width:1180px){.cards{grid-template-columns:repeat(2,1fr)}.server-grid,.template-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.cols-4{grid-template-columns:repeat(2,1fr)}.plan-admin-grid{grid-template-columns:1fr}}
@media(max-width:840px){.app{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #1f2a40}.nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-foot{margin-top:16px}.content{padding-top:22px}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.auth-shell{grid-template-columns:1fr}.auth-promo{display:none}.claim-panel{grid-template-columns:1fr}.claim-result{grid-column:auto}.editor-grid{grid-template-columns:1fr}}
@media(max-width:620px){.cards,.server-grid,.template-grid,.pricing-grid,.cols-2,.cols-3,.cols-4,.action-grid,.check-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.topbar{display:block}.top-actions{margin-top:12px;align-items:flex-start}.billing-hero,.coupon-bar{display:block}.billing-status{text-align:left;margin-top:18px}.coupon-bar label{min-width:0}.coupon-bar span{display:block;margin-top:8px}.prices{grid-template-columns:1fr}.auth-card{padding:30px 22px}.content{padding-left:13px;padding-right:13px}.nav{grid-template-columns:1fr 1fr}.panel{padding:16px}}
.workspace-select{width:100%;margin-top:6px;padding:9px 10px;border-radius:10px;border:1px solid var(--border,#25334a);background:#0b1220;color:inherit;font:inherit;font-size:12px}.workspace-select:focus{outline:2px solid rgba(99,102,241,.35);outline-offset:1px}

/* ========================================================================== */
/* Discord Server Manager v3.2 SaaS Modern UI                                 */
/* ========================================================================== */
:root{
 --bg:#060910;--bg-elev:#090e18;--panel:#0d1422;--panel2:#111a2b;--panel3:#151f34;
 --line:rgba(145,163,198,.16);--line-strong:rgba(145,163,198,.26);--text:#f6f8ff;
 --muted:#96a4bf;--soft:#65738f;--primary:#7067ff;--primary2:#4b8cff;--cyan:#22d3ee;
 --green:#28d59f;--red:#ff657d;--amber:#f8c65a;--shadow:0 24px 70px rgba(0,0,0,.33);
 --shadow-soft:0 16px 40px rgba(0,0,0,.22);--radius:18px;--radius-lg:24px;
}
html{scroll-behavior:smooth;background:var(--bg)}
body.dsm-body{background:
 radial-gradient(900px 520px at 72% -10%,rgba(72,83,255,.16),transparent 62%),
 radial-gradient(720px 520px at -10% 48%,rgba(34,211,238,.06),transparent 68%),
 linear-gradient(180deg,#080c15 0%,#060910 56%,#05080e 100%);overflow-x:hidden}
body.dsm-body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:-2}
.ambient{position:fixed;border-radius:999px;filter:blur(120px);pointer-events:none;z-index:-1;opacity:.22}.ambient-a{width:320px;height:320px;background:#574dff;right:4%;top:7%}.ambient-b{width:260px;height:260px;background:#0ea5e9;left:13%;bottom:-10%}
.app{grid-template-columns:244px minmax(0,1fr);min-height:100vh}
.sidebar{padding:18px 14px 16px;background:linear-gradient(180deg,rgba(8,13,25,.97),rgba(5,9,17,.97));border-right:1px solid rgba(118,136,171,.12);box-shadow:18px 0 55px rgba(0,0,0,.20)}
.sidebar::before{content:"";position:absolute;inset:0 0 auto;height:190px;background:radial-gradient(circle at 18% 0%,rgba(112,103,255,.16),transparent 62%);pointer-events:none}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.sidebar-close{display:none;background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}
.brand{gap:11px;padding:2px 4px}.brand-mark{width:44px;height:44px;border-radius:14px;position:relative;isolation:isolate;background:linear-gradient(145deg,#8184ff,#5669ff 58%,#3b83ff);box-shadow:0 12px 30px rgba(82,96,255,.38),inset 0 1px rgba(255,255,255,.22)}
.brand-mark::after{content:"";position:absolute;inset:6px;border-radius:10px;border:1px solid rgba(255,255,255,.2);z-index:-1}.brand-mark span{font-size:12px;letter-spacing:-.04em}.brand strong{font-size:13.5px}.brand small{font-size:10px;color:#7f8ead}
.nav-caption{margin:24px 10px 9px;color:#4f5d77;font-size:9px;font-weight:900;letter-spacing:.14em}.nav{gap:4px;margin-top:0}.nav a{position:relative;gap:10px;padding:10px 11px;border-radius:10px;color:#8f9bb4;font-size:12.5px;font-weight:700;border:1px solid transparent}.nav a b{font-weight:700}.nav a .nav-ico{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:#71809e;background:transparent;transition:.2s}.nav a::after{content:"";position:absolute;right:-14px;top:50%;width:2px;height:0;border-radius:3px;background:linear-gradient(#8c82ff,#5d97ff);transform:translateY(-50%);transition:.2s}.nav a:hover{background:rgba(255,255,255,.035);color:#f1f4ff;transform:translateX(2px)}.nav a:hover .nav-ico{color:#a9b5ff;background:rgba(112,103,255,.08)}.nav a.active{background:linear-gradient(90deg,rgba(111,103,255,.18),rgba(64,122,255,.07));border-color:rgba(122,118,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 22px rgba(65,72,198,.08)}.nav a.active .nav-ico{color:#d5d0ff;background:linear-gradient(145deg,rgba(124,111,255,.24),rgba(65,114,255,.12))}.nav a.active::after{height:22px}
.org-chip{margin:18px 2px 3px;padding:11px 12px;border-radius:12px;background:linear-gradient(180deg,rgba(18,28,47,.92),rgba(11,17,30,.92));border:1px solid rgba(120,139,177,.14);box-shadow:inset 0 1px rgba(255,255,255,.025)}.org-chip span{font-size:8.5px;color:#61708f}.org-chip b{font-size:12.5px}.org-chip small{display:block;color:#667593;font-size:10px;margin-top:3px}.workspace-select{background:#080d17;border-color:rgba(130,148,183,.18);font-size:11px}
.sidebar-cta{position:relative;overflow:hidden;margin-top:auto;padding:15px 14px;border-radius:15px;text-decoration:none;background:linear-gradient(145deg,rgba(31,49,99,.88),rgba(22,25,67,.94));border:1px solid rgba(104,109,255,.38);box-shadow:0 16px 44px rgba(42,48,154,.16)}.sidebar-cta::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#5d55ff;filter:blur(50px);opacity:.18;right:-70px;bottom:-95px}.sidebar-cta>*{position:relative;z-index:1}.sidebar-cta .cta-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(118,107,255,.22);color:#ffd66f;margin-bottom:9px}.sidebar-cta strong,.sidebar-cta small,.sidebar-cta .cta-link{display:block}.sidebar-cta strong{font-size:12px}.sidebar-cta small{font-size:10px;color:#9aa7c3;line-height:1.45;margin-top:4px}.sidebar-cta .cta-link{margin-top:11px;color:#bfc6ff;font-size:10px;font-weight:800}.sidebar-cta:hover{border-color:rgba(130,124,255,.62);transform:translateY(-1px)}
.sidebar-foot{margin-top:12px;padding:10px 8px;border:0;border-top:1px solid rgba(129,147,180,.12);border-radius:0;background:transparent;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:900;background:linear-gradient(145deg,#2f3d63,#17213a);border:1px solid rgba(142,161,198,.17);box-shadow:inset 0 1px rgba(255,255,255,.06)}.avatar.small{width:32px;height:32px;border-radius:10px}.sidebar-user{min-width:0}.sidebar-user b,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user b{font-size:11.5px}.sidebar-user small{font-size:9.5px;color:#71809e;margin-top:3px}.logout-mini{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#7786a4;background:rgba(255,255,255,.025)}.logout-mini:hover{background:rgba(255,101,125,.10);color:#ff8ba0}
.content{max-width:none;width:auto;margin:0;padding:0 24px 38px;min-width:0}.topbar{position:sticky;top:0;z-index:18;height:70px;margin:0 -24px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid rgba(126,145,180,.10);background:rgba(6,10,18,.72);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.mobile-menu{display:none;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#0e1626;color:#fff;margin-right:10px}.global-search{position:relative;width:min(520px,45vw);height:38px;border:1px solid rgba(129,148,183,.16);border-radius:11px;background:rgba(12,19,33,.75);display:flex;align-items:center;gap:8px;padding:0 10px;transition:.2s}.global-search:focus-within{border-color:rgba(110,105,255,.5);box-shadow:0 0 0 3px rgba(112,103,255,.08),0 12px 34px rgba(0,0,0,.16)}.global-search>span{color:#7584a2;font-size:18px}.global-search input{margin:0;padding:0;border:0;background:transparent;height:100%;font-size:11.5px;box-shadow:none}.global-search input:focus{box-shadow:none}.global-search kbd{margin-left:auto;color:#62708c;background:#090f1c;border:1px solid rgba(130,149,184,.12);border-radius:6px;padding:3px 6px;font-size:8.5px;font-family:inherit}.search-results{display:none;position:absolute;top:45px;left:0;right:0;padding:7px;background:#0b1220;border:1px solid rgba(130,149,184,.18);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.38)}.search-results.open{display:block}.search-results a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;text-decoration:none;font-size:11px;color:#c7d1e6}.search-results a:hover{background:#151f34;color:#fff}.search-results small{color:#66738d}.top-actions{margin-left:auto;gap:12px}.top-profile{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 5px;border:1px solid transparent;border-radius:11px}.top-profile b,.top-profile small{display:block}.top-profile b{font-size:11px}.top-profile small{font-size:9px;color:#677690;margin-top:2px}.subscription-badge{padding:7px 9px;font-size:9.5px;background:rgba(255,255,255,.025)}.subscription-badge i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:6px;background:currentColor;box-shadow:0 0 10px currentColor}
.page-heading{position:relative;overflow:hidden;margin:27px 0 17px;padding:0 2px;display:flex;justify-content:space-between;align-items:flex-end}.page-heading h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.3px;line-height:1.03;margin:4px 0 0}.page-heading p{font-size:12px;margin:7px 0 0;color:#7f8da8}.page-heading .eyebrow{color:#7888ab}.page-heading-glow{width:220px;height:80px;background:radial-gradient(ellipse,rgba(92,80,255,.18),transparent 68%);filter:blur(18px);pointer-events:none}
.dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:218px;margin:12px 0 16px;padding:30px 34px;border-radius:22px;border:1px solid rgba(117,125,255,.22);background:linear-gradient(105deg,rgba(13,23,45,.98) 0%,rgba(17,25,62,.96) 52%,rgba(17,36,84,.92) 100%);box-shadow:0 20px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between}.dashboard-hero::before{content:"";position:absolute;inset:-50% -10% -50% 44%;background:radial-gradient(circle at 50% 50%,rgba(42,136,255,.29),transparent 34%),conic-gradient(from 200deg at 60% 50%,transparent 0 15%,rgba(87,80,255,.15) 21%,transparent 35% 100%);filter:blur(1px);z-index:-1}.dashboard-hero::after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(130,139,255,.14);border-radius:50%;right:-160px;top:-170px;box-shadow:0 0 0 52px rgba(87,92,255,.025),0 0 0 104px rgba(87,92,255,.02);z-index:-1}.hero-copy{max-width:660px}.hero-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(41,213,159,.08);border:1px solid rgba(41,213,159,.18);color:#72e4bd;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.hero-copy h2{margin:12px 0 9px;font-size:clamp(30px,4vw,48px);line-height:.98;letter-spacing:-1.8px}.hero-copy h2 span{background:linear-gradient(90deg,#c8c5ff,#77a7ff 60%,#6fe1ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:610px;color:#98a6c1;line-height:1.6;font-size:12px}.hero-actions{display:flex;gap:9px;margin-top:20px}.hero-orb{position:relative;width:176px;height:176px;margin-right:28px;display:grid;place-items:center}.hero-orb .orb-core{width:82px;height:82px;border-radius:25px;display:grid;place-items:center;font-weight:900;font-size:20px;background:linear-gradient(145deg,#8087ff,#4e72ff 58%,#24a2ff);border:1px solid rgba(255,255,255,.28);box-shadow:0 0 35px rgba(75,105,255,.45),0 22px 50px rgba(0,0,0,.32);transform:rotate(-8deg)}.hero-orb i{position:absolute;border:1px solid rgba(122,139,255,.18);border-radius:50%;animation:orbPulse 5s ease-in-out infinite}.hero-orb i:nth-child(2){inset:22px}.hero-orb i:nth-child(3){inset:5px;animation-delay:.7s}.hero-orb i:nth-child(4){inset:-14px;animation-delay:1.4s}.plan-glass-card{position:relative;z-index:2;width:250px;padding:19px;border:1px solid rgba(143,153,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(12,20,40,.72),rgba(24,26,74,.5));backdrop-filter:blur(12px);box-shadow:0 18px 55px rgba(0,0,0,.25)}.plan-glass-card span,.plan-glass-card b,.plan-glass-card small,.plan-glass-card a{display:block}.plan-glass-card span{font-size:8px;color:#7f8cab;font-weight:900;letter-spacing:.13em}.plan-glass-card b{font-size:25px;margin-top:6px}.plan-glass-card small{font-size:10px;color:#94a2bd;margin-top:3px}.plan-glass-card a{font-size:10px;color:#c8c9ff;text-decoration:none;font-weight:800;margin-top:13px}.plan-progress{height:5px;margin-top:13px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.plan-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#766bff,#4e98ff);box-shadow:0 0 14px rgba(91,109,255,.7)}
.btn{min-height:36px;border-color:rgba(128,146,180,.20);border-radius:10px;background:linear-gradient(180deg,rgba(22,32,52,.88),rgba(14,22,37,.88));color:#dce4f5;box-shadow:inset 0 1px rgba(255,255,255,.025);font-size:10.5px;letter-spacing:.01em}.btn:hover{transform:translateY(-1px);border-color:rgba(125,142,255,.42);box-shadow:0 9px 24px rgba(0,0,0,.17)}.btn.primary{background:linear-gradient(135deg,#7168ff,#5578ff 62%,#429cff);box-shadow:0 8px 24px rgba(77,90,255,.23),inset 0 1px rgba(255,255,255,.22)}.btn.primary:hover{box-shadow:0 12px 30px rgba(77,90,255,.34)}.btn.glass{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);backdrop-filter:blur(8px)}.btn.danger{background:linear-gradient(180deg,rgba(70,23,34,.65),rgba(36,17,25,.82));border-color:rgba(255,101,125,.24)}
.panel,.server-card,.template-card,.price-card,.billing-hero,.coupon-bar,.stat{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,23,39,.94),rgba(10,16,28,.96));box-shadow:0 14px 42px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.025);border-radius:17px;transition:border-color .22s,transform .22s,box-shadow .22s}.panel::after,.server-card::after,.template-card::after,.price-card::after,.stat::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(107,100,255,.085),transparent 46%);opacity:0;transition:opacity .25s}.panel:hover::after,.server-card:hover::after,.template-card:hover::after,.price-card:hover::after,.stat:hover::after{opacity:1}.panel:hover,.server-card:hover,.template-card:hover,.price-card:hover{border-color:rgba(126,144,186,.24)}.panel{padding:18px;margin:14px 0}.panel.inner{background:rgba(8,14,25,.7);box-shadow:none}.panel h2{font-size:15px;letter-spacing:-.3px}.panel h3{font-size:13px}.panel p{font-size:11px;line-height:1.55}.section-kicker{display:block;font-size:8px;color:#657492;letter-spacing:.13em;font-weight:900;margin-bottom:5px}.section-head{align-items:flex-start;margin-bottom:14px}.section-head h2{font-size:15px;margin:0}.section-head p{font-size:10.5px;margin-top:4px}.section-link{font-size:9.5px;text-decoration:none;color:#819cff;font-weight:800;white-space:nowrap;padding-top:3px}.section-link:hover{color:#c5caff}
.cards{gap:11px;margin:12px 0 15px}.premium-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{min-height:126px;padding:15px 16px;display:block}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,rgba(72,99,255,.22),rgba(44,116,255,.10));border:1px solid rgba(104,122,255,.18);color:#9ea9ff;box-shadow:inset 0 1px rgba(255,255,255,.04)}.stat-revenue .stat-icon{background:linear-gradient(145deg,rgba(40,213,159,.22),rgba(18,122,91,.10));border-color:rgba(40,213,159,.18);color:#62e0b6}.stat-alert .stat-icon{background:linear-gradient(145deg,rgba(255,101,125,.20),rgba(153,42,68,.10));border-color:rgba(255,101,125,.16);color:#ff8ca0}.stat .num{font-size:23px;letter-spacing:-.7px}.stat .num small{font-size:12px;color:#60708e;font-weight:700}.stat .label{font-size:10.5px;color:#9aa7bf}.stat>small{display:block;margin-top:4px;font-size:9px;color:#63718c}.micro-badge,.trend{padding:4px 6px;border-radius:999px;font-size:7.5px;font-weight:900;letter-spacing:.05em}.micro-badge{background:rgba(92,111,157,.10);border:1px solid rgba(119,139,182,.10);color:#6f7e9d}.micro-badge.danger{color:#ff8da0;background:rgba(255,101,125,.08);border-color:rgba(255,101,125,.14)}.trend.up{color:#5adbb0;background:rgba(40,213,159,.09);border:1px solid rgba(40,213,159,.16)}.trend.down{color:#ff8196;background:rgba(255,101,125,.09);border:1px solid rgba(255,101,125,.16)}.mini-progress{height:4px;margin-top:11px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden}.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7268ff,#438eff);box-shadow:0 0 12px rgba(86,104,255,.52)}
.dashboard-grid{display:grid;gap:12px}.dashboard-top-grid{grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr)}.dashboard-analytics-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr) minmax(260px,.72fr)}.customer-main-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.75fr)}.customer-bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr)}
.compact-servers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.server-card{padding:13px}.server-card.featured{background:linear-gradient(155deg,rgba(18,28,48,.96),rgba(9,15,27,.96))}.server-head{gap:10px}.server-icon{width:42px;height:42px;border-radius:12px;font-size:11px}.server-title{min-width:0}.server-title h3{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-title .meta{font-size:8.5px}.more-dot{margin-left:auto;color:#52607c;font-size:10px;letter-spacing:1px}.server-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(129,147,180,.10);font-size:8.5px;color:#5f6d86}.mini-action{color:#839aff;text-decoration:none;font-weight:800}.server-actions{gap:6px;margin-top:12px}.server-actions .btn{flex:1;padding-left:7px;padding-right:7px}.status-dot{width:6px;height:6px;margin-right:5px;background:#28d59f;box-shadow:0 0 0 3px rgba(40,213,159,.07),0 0 10px rgba(40,213,159,.4)}
.activity-list{display:flex;flex-direction:column}.activity-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(124,143,177,.09)}.activity-item:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(93,96,255,.18),rgba(40,113,255,.08));color:#9c9fff;font-size:10px}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:10.5px}.activity-item small{font-size:8.5px;color:#66748e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.activity-item time{font-size:8px;color:#56647e;white-space:nowrap}
.revenue-total{text-align:right}.revenue-total b,.revenue-total small{display:block}.revenue-total b{font-size:19px}.revenue-total small{font-size:8.5px;color:#65738e}.chart-wrap{padding-top:2px}.line-chart{width:100%;height:190px;overflow:visible}.line-chart polyline{fill:none;stroke:#6f83ff;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(95,109,255,.45))}.chart-grid line{stroke:rgba(132,150,184,.10);stroke-width:1}.chart-points circle{fill:#b7c5ff;stroke:#536aff;stroke-width:2;vector-effect:non-scaling-stroke}.chart-labels{display:grid;grid-template-columns:repeat(6,1fr);font-size:8px;color:#56647c;text-align:center;margin-top:-5px}.donut-layout{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:18px}.donut{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 30px rgba(83,92,255,.10)}.donut::after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#0b1220;border:1px solid rgba(129,147,181,.12);box-shadow:inset 0 0 24px rgba(0,0,0,.45)}.donut>div{position:relative;z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font-size:20px}.donut small{font-size:8px;color:#7584a0}.donut-legend{display:flex;flex-direction:column;gap:8px}.donut-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;gap:7px;align-items:center;font-size:9px}.donut-legend i{width:7px;height:7px;border-radius:50%;background:var(--legend-color)}.donut-legend span{color:#abb6ca}.donut-legend b{font-size:9px}.donut-legend small{font-size:8px;color:#65728b}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-actions a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(128,145,178,.11);border-radius:11px;background:rgba(16,24,41,.62);text-decoration:none;transition:.2s}.quick-actions a>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(93,98,255,.19),rgba(44,116,255,.08));color:#a1a8ff}.quick-actions a b,.quick-actions a small{display:block}.quick-actions a b{font-size:10px}.quick-actions a small{font-size:8px;color:#65738d;margin-top:2px}.quick-actions a>i{font-style:normal;color:#63718b}.quick-actions a:hover{transform:translateX(2px);border-color:rgba(108,117,255,.28);background:rgba(20,30,54,.80)}
.usage-list{display:flex;flex-direction:column;gap:14px}.usage-list>div>div{display:flex;justify-content:space-between;font-size:9.5px;margin-bottom:6px}.usage-list span{color:#8b99b4}.usage-list b{font-size:9px}.usage-list progress{appearance:none;width:100%;height:6px;border:0;background:transparent}.usage-list progress::-webkit-progress-bar{background:rgba(255,255,255,.05);border-radius:999px}.usage-list progress::-webkit-progress-value{background:linear-gradient(90deg,#7269ff,#438eff);border-radius:999px;box-shadow:0 0 12px rgba(81,102,255,.35)}.usage-list progress::-moz-progress-bar{background:linear-gradient(90deg,#7269ff,#438eff);border-radius:999px}.usage-note{display:flex;align-items:center;gap:9px;margin-top:17px;padding:10px;border:1px solid rgba(112,103,255,.14);border-radius:11px;background:rgba(88,79,255,.05)}.usage-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(108,100,255,.12);color:#f6d56a}.usage-note b,.usage-note small{display:block}.usage-note b{font-size:10px}.usage-note small{font-size:8px;color:#6d7b96;margin-top:2px}
.modern-table{border-color:rgba(127,145,179,.12);background:rgba(7,12,21,.46)}.modern-table table{min-width:760px}.modern-table th{background:rgba(13,20,34,.95);font-size:8px;color:#5f6d86}.modern-table td{padding:10px 12px;border-bottom-color:rgba(127,145,179,.08);font-size:9.5px}.modern-table tr:hover td{background:rgba(112,103,255,.025)}.table-user{display:flex;align-items:center;gap:9px}.table-user>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#151f34;color:#aeb9d2;font-size:8px;font-weight:900}.table-user b,.table-user small{display:block}.table-user b{font-size:9.5px}.table-user small{font-size:8px;color:#5f6d85;margin-top:2px}.gateway-pill{font-size:8px;padding:4px 6px;border-radius:7px;background:rgba(83,104,155,.09);border:1px solid rgba(121,142,187,.10);color:#8191ae}.empty-row{text-align:center;color:#63718a;padding:12px}.empty-state{grid-column:1/-1;display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(128,146,179,.17);border-radius:14px;color:#62708a}.empty-state>span{font-size:20px;margin-bottom:7px;color:#808dff}.empty-state b{font-size:11px;color:#aeb9cf}.empty-state small{font-size:9px;margin-top:4px}.empty-state .btn{margin-top:11px}.empty-state.small{min-height:125px}.empty-state.small>span{font-size:16px}
.table-wrap{border-color:rgba(128,146,180,.12);border-radius:13px;background:rgba(7,12,21,.46)}th{background:#0b111e;color:#64728d;font-size:8.5px}td{border-bottom-color:rgba(127,145,179,.08);font-size:10px}tr:hover td{background:rgba(112,103,255,.018)}.chip{font-size:8px;border-color:rgba(128,146,180,.17);background:rgba(255,255,255,.025)}
.server-grid,.template-grid,.pricing-grid{gap:11px}.template-card,.price-card,.server-card{border-radius:15px}.template-card{padding:16px}.template-card h3{font-size:13px;margin-top:8px}.template-card p{font-size:10px;line-height:1.5}.price-card{padding:18px}.price-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(0,0,0,.28),0 0 0 1px rgba(112,103,255,.08)}.price-card .plan-top h2{font-size:22px}.price-card .prices>div{background:rgba(8,14,25,.8);border-color:rgba(128,146,180,.12)}.price-card .feature-list{font-size:10px;line-height:1.55}.billing-hero{background:linear-gradient(120deg,rgba(18,28,50,.96),rgba(20,24,67,.92));border-color:rgba(112,103,255,.22)}.billing-hero::before{content:"";position:absolute;right:-80px;top:-110px;width:280px;height:280px;border-radius:50%;background:#5554ff;filter:blur(90px);opacity:.15}.coupon-bar{background:linear-gradient(180deg,rgba(13,21,36,.95),rgba(9,15,26,.96))}
.action-tile{border-color:rgba(128,146,180,.12);background:linear-gradient(160deg,rgba(17,26,45,.9),rgba(9,15,26,.9));transition:.2s}.action-tile:hover{transform:translateY(-2px);border-color:rgba(112,103,255,.25);box-shadow:0 15px 35px rgba(0,0,0,.18)}
input,select,textarea{background:rgba(7,12,21,.92);border-color:rgba(128,146,181,.18);border-radius:10px;font-size:10.5px;padding:10px 11px}input:hover,select:hover,textarea:hover{border-color:rgba(128,146,181,.28)}input:focus,select:focus,textarea:focus{border-color:rgba(112,103,255,.6);box-shadow:0 0 0 3px rgba(112,103,255,.08)}label{font-size:10px;color:#8492ad}.check-grid label{background:rgba(8,14,25,.75);border-color:rgba(128,146,180,.12)}
.alert{font-size:10.5px;border-radius:12px}.modal{background:rgba(2,5,10,.78);backdrop-filter:blur(12px)}.modal-card{background:linear-gradient(180deg,#0d1524,#080e19);border-color:rgba(129,148,184,.20);border-radius:20px;box-shadow:0 34px 100px rgba(0,0,0,.58)}.toast{border-radius:11px;background:rgba(12,20,34,.96);backdrop-filter:blur(12px);font-size:10px}
.auth-body{background:radial-gradient(850px 520px at 20% 10%,rgba(75,78,255,.18),transparent 60%),linear-gradient(145deg,#070a12,#04070d)}.auth-shell{width:min(1120px,100%);min-height:610px;border-color:rgba(126,143,179,.17);background:rgba(8,13,23,.92);box-shadow:0 38px 120px rgba(0,0,0,.5)}.auth-promo{position:relative;overflow:hidden;padding:58px;background:linear-gradient(145deg,rgba(15,25,49,.98),rgba(10,15,29,.98))}.auth-promo::after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-270px;bottom:-270px;border:1px solid rgba(119,126,255,.20);box-shadow:0 0 0 54px rgba(104,98,255,.025),0 0 0 108px rgba(104,98,255,.018)}.auth-promo h1{font-size:46px;letter-spacing:-2px}.auth-card{display:flex;flex-direction:column;justify-content:center;padding:65px}.auth-card h2{font-size:30px}.feature-pills span{background:rgba(255,255,255,.035);border-color:rgba(127,144,178,.16)}
.footer-note{display:flex;justify-content:center;gap:8px;color:#3e4b64;font-size:8.5px}.footer-note span:first-child{color:#56647e}.sidebar-scrim{display:none}
@keyframes orbPulse{0%,100%{transform:scale(.97);opacity:.45}50%{transform:scale(1.03);opacity:.9}}
@keyframes fadeLift{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.page-heading,.dashboard-hero,.premium-stats,.dashboard-grid,.panel,.server-grid,.template-grid,.pricing-grid{animation:fadeLift .38s ease both}.premium-stats{animation-delay:.04s}.dashboard-grid{animation-delay:.07s}
@media(max-width:1320px){.dashboard-analytics-grid{grid-template-columns:1.45fr .8fr}.quick-panel{grid-column:1/-1}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr)}.compact-servers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1080px){.premium-stats{grid-template-columns:repeat(2,1fr)}.dashboard-top-grid,.customer-main-grid,.customer-bottom-grid{grid-template-columns:1fr}.dashboard-analytics-grid{grid-template-columns:1fr 1fr}.quick-panel{grid-column:1/-1}.hero-orb{display:none}.dashboard-hero{min-height:205px}.plan-glass-card{width:235px}.server-grid,.template-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:840px){body.sidebar-open{overflow:hidden}.app{display:block}.sidebar{position:fixed;left:-270px;top:0;width:244px;height:100vh;border-right:1px solid rgba(128,146,181,.16);transition:left .23s ease;z-index:70}.sidebar.open{left:0}.sidebar-close{display:block}.sidebar-scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:60}.sidebar.open+.sidebar-scrim{display:block}.content{padding:0 15px 32px}.topbar{margin:0 -15px;padding:0 15px;height:64px}.mobile-menu{display:block}.global-search{width:min(420px,58vw)}.page-heading{margin-top:22px}.dashboard-hero{padding:26px}.plan-glass-card{display:none}.quick-actions{grid-template-columns:repeat(2,1fr)}.auth-shell{min-height:auto}.auth-promo{display:none}}
@media(max-width:620px){.premium-stats,.dashboard-analytics-grid,.quick-actions,.server-grid,.template-grid,.pricing-grid,.cols-2,.cols-3,.cols-4,.action-grid,.check-grid{grid-template-columns:1fr}.content{padding-left:11px;padding-right:11px}.topbar{margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}.global-search{flex:1;width:auto}.global-search kbd{display:none}.top-profile>div:last-child{display:none}.subscription-badge{display:none}.page-heading-glow{display:none}.page-heading h1{font-size:27px}.dashboard-hero{padding:22px 19px;min-height:225px}.hero-copy h2{font-size:33px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1}.cards{grid-template-columns:1fr 1fr}.stat{min-height:115px;padding:13px}.stat .num{font-size:20px}.compact-servers{grid-template-columns:1fr}.donut-layout{grid-template-columns:105px 1fr}.donut{width:104px;height:104px}.donut::after{width:67px;height:67px}.line-chart{height:160px}.chart-labels{font-size:7px}.billing-hero,.coupon-bar{display:block}.billing-status{text-align:left;margin-top:15px}.coupon-bar label{min-width:0}.footer-note{flex-wrap:wrap}.panel{padding:14px}.editor-grid{grid-template-columns:1fr}.nav{grid-template-columns:1fr}}
@media(max-width:430px){.cards{grid-template-columns:1fr}.top-actions{display:none}.global-search{width:100%}.page-heading p{font-size:10.5px}.hero-copy h2{font-size:30px}.dashboard-hero{min-height:245px}.donut-layout{grid-template-columns:1fr;text-align:center}.donut{margin:auto}.donut-legend{text-align:left}.auth-card{padding:35px 22px}}


/* v3.2 — Super Admin Control */
.admin-create-card{position:relative;overflow:hidden}.admin-create-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-140px;top:-150px;background:radial-gradient(circle,rgba(116,92,255,.18),transparent 68%);pointer-events:none}.admin-mini-stats .stat{min-height:126px}.admin-detail-grid>.panel{margin-top:0}.soft-divider{border:0;border-top:1px solid var(--line);margin:22px 0}.account-meta{display:grid;grid-template-columns:130px 1fr;gap:9px 14px;font-size:12px}.account-meta span{color:var(--muted)}.subscription-admin-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.subscription-admin-row>div,.admin-control-field{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(7,12,23,.48)}.subscription-admin-row span,.admin-control-field span{display:block;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.subscription-admin-row b,.admin-control-field b{font-size:13px}.admin-org-select{min-width:260px;max-width:390px}.server-table-icon{width:38px!important;height:38px!important;border-radius:11px!important;overflow:hidden;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#283656,#10182a);font-size:11px!important}.server-table-icon img{width:100%;height:100%;object-fit:cover}.admin-server-control{border-color:rgba(116,92,255,.42);background:linear-gradient(145deg,rgba(44,34,99,.28),rgba(12,18,33,.95));box-shadow:0 20px 70px rgba(73,56,180,.13)}
@media(max-width:900px){.subscription-admin-row{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-org-select{min-width:220px}}
@media(max-width:620px){.subscription-admin-row{grid-template-columns:1fr}.account-meta{grid-template-columns:1fr}.admin-org-select{min-width:190px;max-width:100%}}

/* v3.3 — Server Control Center */
.server-command-center{position:relative;overflow:hidden;margin:0 0 17px;border:1px solid rgba(116,92,255,.28);border-radius:22px;background:linear-gradient(130deg,rgba(18,27,48,.98),rgba(25,20,67,.90));box-shadow:0 30px 85px rgba(24,20,76,.24);padding:22px}.server-command-center:before{content:"";position:absolute;inset:auto -90px -120px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(76,111,255,.28),transparent 68%);filter:blur(12px);pointer-events:none}.server-cc-main{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}.server-identity-large{display:flex;align-items:center;gap:16px;min-width:0}.server-identity-large h2{margin:4px 0 6px;font-size:24px;letter-spacing:-.6px}.server-icon.xlarge{width:72px;height:72px;border-radius:20px;box-shadow:0 12px 32px rgba(0,0,0,.3)}.server-cc-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.server-health-row{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.admin-link-panel{border-color:rgba(89,105,255,.28);background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(10,16,29,.96))}.admin-server-link-form{display:grid;grid-template-columns:minmax(320px,1.5fr) minmax(250px,.8fr) auto;gap:12px;align-items:end}.link-select-wide select{min-height:42px}.override-check{display:flex!important;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid rgba(130,147,181,.15);border-radius:12px;background:rgba(7,12,21,.55);margin:0}.override-check input{width:auto;margin-top:2px}.override-check span{display:block}.override-check b,.override-check small{display:block}.override-check b{font-size:10.5px;color:#dfe7f8}.override-check small{font-size:8.5px;color:var(--soft);margin-top:3px;line-height:1.35}.admin-link-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.admin-link-summary>div{padding:13px 14px;border:1px solid rgba(128,146,180,.13);border-radius:13px;background:rgba(6,11,20,.45)}.admin-link-summary span,.admin-link-summary b,.admin-link-summary small{display:block}.admin-link-summary span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#66748f;font-weight:850}.admin-link-summary b{font-size:11px;margin-top:5px;color:#dce5f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-link-summary small{font-size:8.5px;color:#697994;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-link-inline{display:flex;gap:7px;align-items:center;min-width:390px}.admin-link-inline .admin-org-select{margin:0;min-width:280px;max-width:none}.server-tabs{overflow:auto;white-space:nowrap;scrollbar-width:thin}.server-detail-stats{margin-top:18px}.server-overview-grid{margin-top:14px}.inner-card{border:1px solid rgba(128,146,180,.13);border-radius:16px;background:linear-gradient(160deg,rgba(13,21,37,.92),rgba(8,14,25,.91));padding:17px;min-width:0}.inner-card h3{margin:0}.detail-list{display:grid;gap:0}.detail-list>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(128,146,180,.08)}.detail-list>div:last-child{border-bottom:0}.detail-list span{font-size:9px;color:#687793}.detail-list b{font-size:10.5px;color:#d5def0;word-break:break-word}.recent-server-payments{margin-top:14px}.action-tile:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:saturate(.5)}
.structure-create-grid{margin-top:18px}.structure-lists{margin-top:14px}.resource-list{display:flex;flex-direction:column;gap:7px;max-height:720px;overflow:auto;padding-right:2px}.resource-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid rgba(128,146,180,.10);border-radius:11px;background:rgba(6,11,20,.45);transition:.18s}.resource-row:hover{border-color:rgba(116,92,255,.24);background:rgba(13,18,33,.72)}.resource-main{display:flex;align-items:center;gap:10px;min-width:0}.resource-main>div{min-width:0}.resource-main b,.resource-main small{display:block}.resource-main b{font-size:10px;color:#d9e2f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}.resource-main small{font-size:8px;color:#66748d;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.resource-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#121b30;color:#8796b5;font-weight:900}.role-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.04)}.btn.tiny{padding:5px 7px;font-size:8px;border-radius:8px;margin:0}.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(128,146,180,.08)}.activity-row:last-child{border-bottom:0}.activity-ico{width:27px;height:27px;border-radius:8px;background:rgba(116,92,255,.10);display:grid;place-items:center;color:#9e95ff}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:9.5px}.activity-row small{font-size:8px;color:#65738c;margin-top:2px}.activity-row time{font-size:7.5px;color:#55627a}.empty-state.compact{min-height:128px}.section-link{font-size:9px;color:#8fa1ff;text-decoration:none}.section-link:hover{color:#bec8ff}
@media(max-width:1150px){.admin-server-link-form{grid-template-columns:1fr 1fr}.admin-server-link-form .btn{grid-column:1/-1}.admin-link-summary{grid-template-columns:repeat(2,1fr)}.server-cc-main{align-items:flex-start}.server-cc-actions{max-width:390px}.structure-lists{grid-template-columns:1fr}.resource-list{max-height:560px}}
@media(max-width:760px){.server-cc-main{display:block}.server-cc-actions{margin-top:16px;justify-content:flex-start;max-width:none}.server-icon.xlarge{width:60px;height:60px}.admin-server-link-form{grid-template-columns:1fr}.admin-server-link-form .btn{grid-column:auto}.admin-link-summary{grid-template-columns:1fr}.server-overview-grid,.structure-create-grid{grid-template-columns:1fr}.detail-list>div{grid-template-columns:1fr;gap:3px}.admin-link-inline{min-width:270px;display:grid;grid-template-columns:1fr}.admin-link-inline .admin-org-select{min-width:250px}.resource-row{align-items:flex-start}.resource-row .inline-actions{margin-top:0;flex-direction:column}}

/* v3.4 — Client Visual Redesign ------------------------------------------------ */
.client-server-command{background:
 radial-gradient(circle at 82% 18%,rgba(54,126,255,.24),transparent 28%),
 radial-gradient(circle at 38% 120%,rgba(118,83,255,.20),transparent 38%),
 linear-gradient(132deg,rgba(17,27,49,.99),rgba(16,19,49,.97));border-color:rgba(111,102,255,.34);margin-bottom:18px}
.client-server-command:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:3%;top:-190px;background:radial-gradient(circle,rgba(65,149,255,.22),transparent 66%);filter:blur(6px);pointer-events:none}
.server-icon-glow{box-shadow:0 0 0 1px rgba(157,146,255,.28),0 15px 36px rgba(25,35,80,.55),0 0 36px rgba(96,82,255,.15)!important}.server-hero-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(56,217,150,.08),0 0 18px rgba(56,217,150,.32)}.premium-btn{background:linear-gradient(180deg,rgba(29,41,69,.92),rgba(16,24,43,.94));border-color:rgba(128,145,185,.23);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.premium-btn:hover{border-color:rgba(125,111,255,.56);box-shadow:0 8px 25px rgba(62,55,150,.18),inset 0 1px 0 rgba(255,255,255,.07)}.client-health-row{gap:7px}.server-shell{padding:16px;background:linear-gradient(180deg,rgba(10,16,30,.78),rgba(7,12,23,.90));border-color:rgba(119,136,172,.15);box-shadow:0 22px 65px rgba(0,0,0,.18)}
.server-tabs{display:flex;gap:7px;padding:6px;border:1px solid rgba(122,139,174,.14);background:rgba(7,12,23,.65);border-radius:15px;margin-bottom:17px}.server-tabs a{padding:9px 12px;border-radius:10px;text-decoration:none;font-size:10px;font-weight:850;color:#7786a6;border:1px solid transparent;transition:.18s}.server-tabs a:hover{color:#d7e0f4;background:rgba(255,255,255,.025)}.server-tabs a.active{color:#fff;border-color:rgba(116,92,255,.35);background:linear-gradient(135deg,rgba(116,92,255,.28),rgba(58,130,255,.14));box-shadow:0 8px 24px rgba(49,45,127,.16)}
.server-overview-pro{display:flex;flex-direction:column;gap:14px}.overview-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-metric{position:relative;overflow:hidden;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:13px;min-height:112px;padding:16px;border:1px solid rgba(123,140,176,.14);border-radius:17px;background:linear-gradient(155deg,rgba(16,25,44,.98),rgba(8,14,26,.95));box-shadow:0 12px 35px rgba(0,0,0,.16);transition:.2s}.overview-metric:hover{transform:translateY(-2px);border-color:rgba(126,112,255,.28);box-shadow:0 18px 45px rgba(0,0,0,.24)}.overview-metric:after{content:"";position:absolute;left:var(--mx,50%);top:var(--my,50%);transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(121,100,255,.10),transparent 64%);opacity:0;transition:.2s;pointer-events:none}.overview-metric:hover:after{opacity:1}.overview-metric>i{position:absolute;right:12px;bottom:11px;width:52px;height:17px;border-bottom:2px solid rgba(105,117,255,.45);border-radius:50%;transform:skewX(-24deg);opacity:.55}.metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:17px;font-weight:900;background:linear-gradient(145deg,rgba(116,92,255,.26),rgba(58,130,255,.10));border:1px solid rgba(125,116,255,.23);box-shadow:0 9px 20px rgba(40,37,107,.18)}.overview-metric span,.overview-metric strong,.overview-metric small{display:block}.overview-metric span{font-size:8px;letter-spacing:.12em;color:#667694;font-weight:900}.overview-metric strong{font-size:25px;line-height:1;margin-top:4px;letter-spacing:-.7px}.overview-metric small{font-size:8.5px;color:#72819c;margin-top:6px}.metric-green .metric-icon{background:rgba(56,217,150,.10);color:#6ee7b3;border-color:rgba(56,217,150,.20)}.metric-rose .metric-icon{background:rgba(255,95,115,.10);color:#ff8a99;border-color:rgba(255,95,115,.20)}.metric-cyan .metric-icon{background:rgba(65,216,225,.09);color:#69e5ed;border-color:rgba(65,216,225,.18)}.metric-blue .metric-icon{background:rgba(58,130,255,.12);color:#7aabff;border-color:rgba(58,130,255,.22)}
.server-pro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px}.server-pro-grid.lower-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pro-card{position:relative;overflow:hidden;border:1px solid rgba(123,140,176,.14);border-radius:18px;background:linear-gradient(160deg,rgba(14,22,39,.98),rgba(8,13,24,.97));padding:17px;box-shadow:0 16px 46px rgba(0,0,0,.18);transition:.2s}.pro-card:hover{border-color:rgba(116,92,255,.24)}.pro-card:after{content:"";position:absolute;left:var(--mx,-999px);top:var(--my,-999px);width:220px;height:220px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(93,82,255,.075),transparent 68%);pointer-events:none}.pro-card>*{position:relative;z-index:1}.pro-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.pro-card-head h3{margin:4px 0 0;font-size:14px;letter-spacing:-.15px}.live-status,.plan-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.live-status i{width:6px;height:6px;border-radius:50%}.live-status.online,.plan-status-pill.active{color:#72e8b6;border-color:rgba(56,217,150,.22);background:rgba(56,217,150,.07)}.live-status.online i{background:var(--green);box-shadow:0 0 10px rgba(56,217,150,.55)}.live-status.offline,.plan-status-pill.inactive{color:#ff9da8;border-color:rgba(255,95,115,.23);background:rgba(255,95,115,.07)}.live-status.offline i{background:var(--red)}.health-main{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:18px}.health-orb{position:relative;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 96%,rgba(88,105,137,.15) 96% 100%);box-shadow:0 0 32px rgba(56,217,150,.09)}.health-orb:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#0b1322;border:1px solid rgba(255,255,255,.04)}.health-orb>div{position:relative;z-index:1;text-align:center}.health-orb strong,.health-orb span{display:block}.health-orb strong{font-size:25px;letter-spacing:-1px}.health-orb span{font-size:7.5px;color:#73829d;letter-spacing:.13em;margin-top:1px}.health-orb.danger{background:conic-gradient(var(--red) 0 42%,rgba(88,105,137,.15) 42% 100%);box-shadow:0 0 32px rgba(255,95,115,.09)}.health-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.health-facts>div,.server-tech-row>div{border:1px solid rgba(123,140,176,.10);background:rgba(5,10,19,.42);border-radius:12px;padding:11px}.health-facts span,.health-facts b,.server-tech-row span,.server-tech-row b{display:block}.health-facts span,.server-tech-row span{font-size:7.5px;color:#677691;text-transform:uppercase;letter-spacing:.08em}.health-facts b{font-size:12px;margin-top:4px}.server-tech-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.server-tech-row b{font-size:9px;margin-top:4px;color:#b8c5dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.feature-pills span{font-size:7.5px;color:#8292b0;padding:5px 7px;border-radius:999px;border:1px solid rgba(122,140,177,.12);background:rgba(7,13,24,.48);text-transform:lowercase}.client-profile-strip{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(120,138,175,.11);border-radius:13px;background:rgba(7,12,23,.48);margin-bottom:13px}.client-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#755cff,#3985ff);font-size:10px;font-weight:900;box-shadow:0 8px 20px rgba(69,71,190,.18)}.client-profile-strip b,.client-profile-strip small{display:block}.client-profile-strip b{font-size:10px}.client-profile-strip small{font-size:8px;color:#71809b;margin-top:2px}.client-profile-strip>span{font-size:8.5px;font-weight:850;color:#b7c3da;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.035)}.usage-pro-list{display:flex;flex-direction:column;gap:12px}.usage-pro-list>div>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.usage-pro-list span{font-size:9px;color:#8695b1}.usage-pro-list b{font-size:9px}.usage-track{height:7px;border-radius:999px;background:rgba(104,121,155,.12);overflow:hidden;margin-top:7px}.usage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#755cff,#3d87ff);box-shadow:0 0 16px rgba(85,98,255,.24)}.plan-expiry-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(123,140,176,.09)}.plan-expiry-row span,.plan-expiry-row b{display:block}.plan-expiry-row span{font-size:7px;color:#62718d;letter-spacing:.1em}.plan-expiry-row b{font-size:9.5px;margin-top:4px}.pro-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pro-actions-grid button{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-align:left;border:1px solid rgba(124,142,179,.11);border-radius:13px;padding:11px;background:rgba(7,12,23,.47);color:var(--text);cursor:pointer;transition:.18s}.pro-actions-grid button:hover{transform:translateY(-1px);border-color:rgba(115,98,255,.30);background:rgba(18,24,46,.70)}.pro-actions-grid button:disabled{opacity:.42;cursor:not-allowed;transform:none}.pro-actions-grid button b,.pro-actions-grid button small{display:block}.pro-actions-grid button b{font-size:9.5px}.pro-actions-grid button small{font-size:7.5px;color:#6b7a95;margin-top:3px}.pro-actions-grid button>i{font-style:normal;color:#677795}.pro-action-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(116,92,255,.20),rgba(58,130,255,.08));border:1px solid rgba(116,92,255,.17);color:#a59aff}.pulse-timeline{display:flex;flex-direction:column}.pulse-timeline>div{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(122,139,176,.08)}.pulse-timeline>div:last-child{border-bottom:0}.pulse-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(116,92,255,.09);color:#9b91ff}.pulse-timeline b,.pulse-timeline small{display:block}.pulse-timeline b{font-size:9px}.pulse-timeline small{font-size:7.5px;color:#687791;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-timeline em{font-style:normal;font-size:6.5px;color:#5d6b84;border:1px solid rgba(119,137,171,.11);border-radius:999px;padding:4px 6px}.premium-table{border-color:rgba(124,141,178,.11)}
.structure-hero-pro{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(116,92,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(30,28,72,.58),rgba(9,16,30,.95));margin-bottom:12px}.structure-hero-pro:after{content:"";position:absolute;right:-50px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(73,123,255,.19),transparent 66%);pointer-events:none}.structure-hero-pro>div{position:relative;z-index:1}.structure-hero-pro h2{font-size:18px;margin:4px 0 5px;letter-spacing:-.3px}.structure-hero-pro p{font-size:9px;color:#72819e;margin:0}.structure-summary-pills{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.structure-summary-pills span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(135,150,185,.13);border-radius:999px;background:rgba(7,12,24,.48);font-size:8px;color:#8694ad}.structure-summary-pills b{font-size:10px;color:#fff}.structure-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}.structure-type-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(123,140,176,.12);border-radius:14px;background:linear-gradient(155deg,rgba(13,21,37,.96),rgba(7,12,23,.96));transition:.18s}.structure-type-card:hover{transform:translateY(-1px);border-color:rgba(116,92,255,.25)}.structure-type-card>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#9e96ff;background:rgba(116,92,255,.10);border:1px solid rgba(116,92,255,.14)}.structure-type-card b,.structure-type-card small{display:block}.structure-type-card b{font-size:15px}.structure-type-card small{font-size:7.5px;color:#6e7c97;margin-top:2px}.modern-create-grid{margin-bottom:13px}.create-resource-card{margin:0}.resource-create-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(116,92,255,.09);border:1px solid rgba(116,92,255,.15);color:#a99eff}.structure-manager-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.25fr) minmax(300px,1fr);gap:12px}.resource-manager-card{min-width:0}.resource-search{display:flex;align-items:center;gap:6px;width:155px;padding:0 8px;border:1px solid rgba(123,140,177,.13);border-radius:10px;background:rgba(6,11,21,.55)}.resource-search span{font-size:11px;color:#596984}.resource-search input{border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:7px 0!important;font-size:8px}.modern-resource-list{max-height:610px}.modern-resource-row{position:relative;padding:10px;border-radius:12px}.modern-resource-row[hidden]{display:none}.resource-symbol.category-symbol{background:rgba(116,92,255,.10);color:#a398ff}.resource-symbol.channel-symbol{background:rgba(58,130,255,.08);color:#7faaff}.resource-symbol.type-2{background:rgba(56,217,150,.07);color:#77dfb5}.resource-symbol.type-15{background:rgba(65,216,225,.07);color:#75dee4}.resource-symbol.type-5{background:rgba(246,198,96,.07);color:#e9cc81}.resource-type-pill{margin-left:auto;font-size:6.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#677691;border:1px solid rgba(123,140,176,.10);padding:4px 6px;border-radius:999px;background:rgba(5,9,18,.45);white-space:nowrap}.resource-type-pill.role{color:#9389d7}.role-dot.large{width:14px;height:14px;flex:0 0 14px}.resource-filter-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#697792}.resource-filter-empty span{font-size:22px;color:#8075d8}.resource-filter-empty b{font-size:9px;margin-top:8px;color:#b7c2d8}.resource-filter-empty small{font-size:7.5px;margin-top:4px}.modern-resource-row .resource-main b{max-width:210px}.modern-resource-row .resource-main small{max-width:230px}.modern-resource-row .inline-actions{margin:0;flex-wrap:nowrap}.modern-resource-row .btn.tiny{white-space:nowrap}.channels-manager-card .modern-resource-row .resource-main{flex:1}.roles-manager-card .modern-resource-row .resource-main{flex:1}
@media(max-width:1250px){.structure-manager-grid{grid-template-columns:1fr 1fr}.roles-manager-card{grid-column:1/-1}.overview-metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.server-pro-grid,.server-pro-grid.lower-grid{grid-template-columns:1fr}.structure-manager-grid{grid-template-columns:1fr}.roles-manager-card{grid-column:auto}.structure-type-grid{grid-template-columns:repeat(2,1fr)}.health-main{grid-template-columns:110px 1fr}.health-orb{width:104px;height:104px}.health-orb:before{width:82px;height:82px}}
@media(max-width:700px){.overview-metric-grid{grid-template-columns:1fr 1fr}.structure-hero-pro{display:block}.structure-summary-pills{justify-content:flex-start;margin-top:14px}.pro-actions-grid{grid-template-columns:1fr}.health-main{grid-template-columns:1fr}.health-orb{margin:auto}.server-tech-row{grid-template-columns:1fr}.client-profile-strip{grid-template-columns:38px 1fr}.client-profile-strip>span{grid-column:1/-1;width:max-content}.plan-expiry-row{align-items:flex-start;flex-direction:column}.resource-search{width:125px}.modern-resource-row{align-items:center}.modern-resource-row .inline-actions{flex-direction:row}.resource-type-pill{display:none}}
@media(max-width:470px){.overview-metric-grid,.structure-type-grid{grid-template-columns:1fr}.overview-metric{min-height:96px}.server-tabs a{padding:8px 9px}.pro-card{padding:14px}.pro-card-head{display:block}.pro-card-head>.live-status,.pro-card-head>.plan-status-pill,.pro-card-head>.resource-search{margin-top:9px}.resource-search{width:100%}.health-facts{grid-template-columns:1fr 1fr}.server-cc-actions .btn{flex:1 1 auto}.client-server-command{padding:17px}}

/* v3.5 — Gateways + white-label maintenance */
.gateway-status-grid{align-items:stretch}.premium-gateway-card{margin:0;min-height:132px;position:relative;overflow:hidden}.premium-gateway-card:before{content:"";position:absolute;inset:-70% auto auto -20%;width:190px;height:190px;border-radius:50%;background:rgba(116,92,255,.08);filter:blur(12px);pointer-events:none}.premium-gateway-card .gateway-head{align-items:flex-start;gap:12px}.premium-gateway-card .gateway-head>div{flex:1}.premium-gateway-card p{margin:5px 0 0;font-size:11px;line-height:1.5}.gateway-logo,.gateway-config-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(116,92,255,.24),rgba(58,130,255,.18));border:1px solid rgba(119,126,255,.3);color:#d8dcff;font-size:11px;font-weight:900;letter-spacing:.06em;flex:0 0 auto}.gateway-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 18px}.gateway-toggle{display:grid;grid-template-columns:auto 42px 1fr;align-items:center;gap:11px;padding:15px;border:1px solid #26344f;border-radius:15px;background:linear-gradient(145deg,#0e1628,#0a101d);cursor:pointer;transition:.2s}.gateway-toggle:hover{transform:translateY(-1px);border-color:#45577b}.gateway-toggle input{position:absolute;opacity:0;pointer-events:none}.gateway-toggle .toggle-ui{width:42px;height:24px;border-radius:999px;background:#1b2538;border:1px solid #34415c;position:relative;transition:.22s}.gateway-toggle .toggle-ui:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#8190aa;transition:.22s}.gateway-toggle input:checked+.toggle-ui{background:linear-gradient(135deg,#705cff,#3485ff);border-color:transparent;box-shadow:0 0 22px rgba(92,92,255,.26)}.gateway-toggle input:checked+.toggle-ui:after{left:21px;background:white}.gateway-toggle b,.gateway-toggle small{display:block}.gateway-toggle small{color:var(--muted);font-size:10px;margin-top:3px}.gateway-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gateway-config-card{padding:18px;border:1px solid #26344e;border-radius:17px;background:linear-gradient(145deg,rgba(14,22,40,.96),rgba(8,14,26,.96))}.gateway-config-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.gateway-config-title b,.gateway-config-title small{display:block}.gateway-config-title small{color:var(--muted);font-size:10px;margin-top:3px}.gateway-config-card label{margin-top:11px}.btn.paghiper{background:linear-gradient(135deg,#13b87a,#1389a0);border:0;color:#fff;box-shadow:0 10px 26px rgba(19,184,122,.13)}.payment-modal{width:min(520px,100%);position:relative}.payment-modal h2{margin:5px 0 8px;font-size:25px}.payment-modal .modal-x{position:absolute;right:15px;top:13px;width:34px;height:34px;border-radius:10px;border:1px solid #32405c;background:#11192b;color:#cbd6eb;font-size:20px;cursor:pointer}.payment-modal label{margin-top:14px}.pro-actions-grid>button:nth-child(5){grid-column:1/-1}
@media(max-width:1180px){.gateway-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.gateway-toggle-grid,.gateway-config-grid,.gateway-status-grid{grid-template-columns:1fr}.gateway-toggle{grid-template-columns:42px 1fr}.gateway-toggle .toggle-ui{grid-column:1}.gateway-toggle>div{grid-column:2}.pro-actions-grid>button:nth-child(5){grid-column:auto}}

/* v3.6 — Strict Entitlements & visual quota locks */
.btn.is-locked,.is-locked[disabled]{opacity:.62;cursor:not-allowed;filter:saturate(.45);border-color:rgba(244,182,72,.22)!important;background:linear-gradient(145deg,rgba(70,54,23,.28),rgba(18,24,38,.88))!important;color:#d9b96d!important;box-shadow:none!important;transform:none!important}.locked-link{border-color:rgba(244,182,72,.18)!important;background:rgba(244,182,72,.035)!important}.locked-link span{color:#efc46c!important}.tab-locked{opacity:.55;border-style:dashed!important;color:#8c91a0!important}.quota-lock-banner{border-color:rgba(245,181,66,.24);background:linear-gradient(90deg,rgba(111,73,14,.18),rgba(21,25,37,.82));color:#d8c291}.quota-disabled{position:relative}.quota-disabled:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(245,181,66,.025))}.member-limited{border-color:rgba(255,95,120,.18)!important;background:rgba(255,73,101,.035)!important}.entitlement-audit{overflow:hidden}.entitlement-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px}.quota-audit-list,.feature-audit-list{display:grid;gap:9px}.quota-audit-row{padding:13px 14px;border:1px solid rgba(116,139,179,.12);border-radius:13px;background:rgba(8,14,26,.58)}.quota-audit-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.quota-audit-row span,.quota-audit-row small{color:#7887a3;font-size:9px}.quota-audit-row b{font-size:11px}.quota-audit-row .usage-track{margin:8px 0 6px}.quota-audit-row.full{border-color:rgba(241,183,68,.22)}.quota-audit-row.over{border-color:rgba(255,80,109,.28);background:rgba(115,21,39,.10)}.quota-audit-row.over small{color:#ff869b;font-weight:800}.feature-audit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-audit-list>div{display:grid;grid-template-columns:26px 1fr;column-gap:8px;align-items:center;padding:10px 11px;border:1px solid rgba(119,138,175,.11);border-radius:12px;background:rgba(8,14,26,.5)}.feature-audit-list>div>span{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:8px}.feature-audit-list b{font-size:9.5px}.feature-audit-list small{font-size:7.5px;color:#6c7a94}.feature-audit-list .enabled>span{background:rgba(42,210,150,.09);color:#62ddae}.feature-audit-list .disabled>span{background:rgba(255,79,108,.08);color:#ff7189}.feature-audit-list .disabled{opacity:.72}.stat-alert{border-color:rgba(255,79,108,.22)!important}.stat-alert .num{color:#ff8397}
@media(max-width:900px){.entitlement-grid{grid-template-columns:1fr}}
@media(max-width:560px){.feature-audit-list{grid-template-columns:1fr}}

/* v3.7 — Panel Studio / Discord message visual editor */
.panel-studio-hero{background:linear-gradient(115deg,rgba(24,30,68,.96),rgba(11,20,38,.96) 52%,rgba(9,38,54,.9));border-color:rgba(115,108,255,.25)}.panel-studio-feature-row{display:flex;flex-wrap:wrap;gap:8px}.panel-studio-feature-row span{padding:7px 9px;border-radius:999px;border:1px solid rgba(82,211,168,.14);background:rgba(42,210,158,.055);color:#8fdac0;font-size:8.5px;font-weight:800}.legacy-cleaner-card{border-color:rgba(242,187,81,.15)}.legacy-cleaner-card .section-head{margin-bottom:0}.legacy-cleanup-progress{margin-top:12px;padding:10px 12px;border-radius:11px;border:1px solid rgba(113,132,172,.13);background:#080e19;color:#93a2bd;font-size:9.5px}.panel-studio-card{padding:0;overflow:hidden}.panel-studio-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(116,136,172,.12);background:linear-gradient(180deg,rgba(20,29,48,.66),rgba(10,16,28,.28))}.panel-studio-titlebar h2{font-size:18px;margin:1px 0 5px}.panel-studio-titlebar p{margin:0;color:#7c8ba6;font-size:10px}.panel-publish-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.panel-studio-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);min-height:500px}.panel-studio-editor{padding:18px 20px;border-right:1px solid rgba(116,136,172,.11)}.studio-section{padding:15px 0;border-bottom:1px solid rgba(116,136,172,.09)}.studio-section:first-child{padding-top:0}.studio-section:last-child{border-bottom:0}.studio-section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:11px}.studio-section-head b{font-size:11px;color:#dce5f7}.studio-section-head small{font-size:8px;color:#65748e}.language-editor-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.language-editor-card{padding:12px;border:1px solid rgba(118,138,178,.12);border-radius:13px;background:rgba(7,12,23,.52)}.language-editor-card h4{margin:0 0 9px;font-size:9.5px}.language-editor-card textarea{min-height:112px;resize:vertical}.toggle-field{position:relative;padding:11px 54px 11px 12px;border:1px solid rgba(116,136,172,.12);border-radius:12px;background:rgba(8,14,25,.45);min-height:58px}.toggle-field>span,.toggle-field>small{display:block}.toggle-field>span{font-size:9.5px;color:#c8d3e8;font-weight:800}.toggle-field>small{margin-top:4px;color:#66748d;font-size:7.5px;line-height:1.4}.toggle-field input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.toggle-field i{position:absolute;right:12px;top:13px;width:34px;height:20px;border-radius:999px;background:#1a2538;border:1px solid #32405c;transition:.2s}.toggle-field i:after{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;background:#7b8ba6;transition:.2s}.toggle-field input:checked+i{background:linear-gradient(135deg,#6d63ff,#428dff);border-color:transparent;box-shadow:0 0 18px rgba(94,93,255,.24)}.toggle-field input:checked+i:after{left:17px;background:#fff}.panel-studio-preview-wrap{padding:18px;background:linear-gradient(180deg,rgba(5,9,17,.68),rgba(8,13,24,.88));position:relative}.panel-studio-preview-wrap:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(88,101,242,.08);filter:blur(70px);right:-80px;top:40px;pointer-events:none}.preview-toolbar{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.preview-toolbar>span{font-size:7.5px;letter-spacing:.15em;font-weight:900;color:#65728d}.preview-toolbar select{width:92px;margin:0;padding:6px 8px;font-size:8px}.discord-preview{position:relative;padding:14px 12px 16px;border-radius:13px;background:#313338;border:1px solid rgba(255,255,255,.055);box-shadow:0 18px 50px rgba(0,0,0,.28);color:#dbdee1;font-family:Arial,sans-serif}.discord-preview-bot{display:flex;align-items:center;gap:8px;margin-bottom:7px}.preview-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#5865f2,#3744bb);color:#fff;font-size:7px;font-weight:900}.discord-preview-bot b{font-size:11px;color:#f2f3f5}.discord-preview-bot em{font-style:normal;font-size:6px;padding:2px 4px;border-radius:3px;background:#5865f2;color:#fff;margin-left:3px}.discord-preview-bot small{display:inline;margin-left:5px;color:#949ba4;font-size:7px}.discord-preview-content{font-size:9px;line-height:1.45;margin:4px 0 7px 40px;white-space:pre-wrap}.discord-preview-embed{position:relative;margin-left:40px;padding:10px 12px;border-left:4px solid #5865f2;border-radius:4px;background:#2b2d31;overflow:hidden;min-height:72px}.discord-preview-author{font-size:7.5px;color:#b5bac1;margin-bottom:6px;font-weight:700}.discord-preview-embed strong{display:block;font-size:11px;color:#f2f3f5;padding-right:48px}.discord-preview-embed p{margin:5px 0 0;color:#dbdee1;font-size:8.5px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.discord-preview-thumb{position:absolute;right:10px;top:10px;width:42px;height:42px;border-radius:5px;object-fit:cover}.discord-preview-image{display:block;width:100%;max-height:170px;object-fit:cover;border-radius:4px;margin-top:9px}.discord-preview-footer{margin-top:9px;color:#949ba4;font-size:7px}.discord-preview-button,.discord-preview-buttons button{margin:8px 0 0 40px;border:0;border-radius:4px;padding:7px 10px;color:#fff;font-size:8px;font-weight:700;background:#4e5058}.discord-preview-button[data-style="1"]{background:#5865f2}.discord-preview-button[data-style="2"]{background:#4e5058}.discord-preview-button[data-style="3"]{background:#248046}.discord-preview-button[data-style="4"]{background:#da373c}.discord-preview-buttons{margin-left:40px;display:flex;flex-wrap:wrap;gap:5px}.discord-preview-buttons button{margin:8px 0 0}.preview-note{margin-top:9px;color:#586781;font-size:7.5px;line-height:1.5}.panel-studio-actions{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid rgba(116,136,172,.11);background:rgba(7,12,22,.58)}.panel-studio-actions select{margin:0}.panel-studio-card input[type=color]{height:42px;padding:4px;cursor:pointer}
@media(max-width:1150px){.panel-studio-layout{grid-template-columns:1fr}.panel-studio-editor{border-right:0;border-bottom:1px solid rgba(116,136,172,.11)}.panel-studio-preview-wrap{min-height:390px}.language-editor-tabs{grid-template-columns:1fr}}
@media(max-width:700px){.panel-studio-titlebar{display:block}.panel-publish-state{justify-content:flex-start;margin-top:12px}.panel-studio-actions{grid-template-columns:1fr}.panel-studio-actions .btn,.panel-studio-actions select{width:100%}.panel-studio-editor,.panel-studio-preview-wrap{padding:14px}.discord-preview-embed,.discord-preview-content,.discord-preview-button,.discord-preview-buttons{margin-left:0}.studio-section-head{display:block}.studio-section-head small{display:block;margin-top:3px}}
.discord-preview-buttons button[data-style="1"]{background:#5865f2}.discord-preview-buttons button[data-style="2"]{background:#4e5058}.discord-preview-buttons button[data-style="3"]{background:#248046}.discord-preview-buttons button[data-style="4"]{background:#da373c}.discord-preview-external{margin:8px 0 0 40px;border:0;border-radius:4px;padding:7px 10px;background:#4e5058;color:#fff;font-size:8px;font-weight:700}@media(max-width:700px){.discord-preview-external{margin-left:0}}

/* ==========================================================================
   v4.0 — Professional SaaS / Customer-Owned Discord Bots
   ========================================================================== */
:root{--v4-violet:#7c72ff;--v4-blue:#4d8dff;--v4-cyan:#35d7ff;--v4-green:#35d59a;--v4-amber:#f3bd5b;--v4-panel:rgba(11,18,33,.82)}
.dsm-body{background:#050812;background-image:radial-gradient(circle at 16% 7%,rgba(100,82,255,.12),transparent 26%),radial-gradient(circle at 84% 8%,rgba(25,129,255,.10),transparent 25%),radial-gradient(circle at 55% 100%,rgba(19,203,232,.055),transparent 28%)}
.content{background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:52px 52px;background-position:0 70px}
.sidebar{background:linear-gradient(180deg,rgba(7,11,22,.985),rgba(6,10,19,.975));box-shadow:18px 0 70px rgba(0,0,0,.24);border-right-color:rgba(125,137,177,.1)}
.panel,.server-card,.template-card,.price-card{backdrop-filter:blur(14px)}
.saas-hero-v4{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:238px;margin:8px 0 18px;padding:34px 38px;border:1px solid rgba(123,115,255,.25);border-radius:24px;background:linear-gradient(115deg,rgba(13,21,42,.97),rgba(18,22,60,.93) 51%,rgba(8,45,71,.88));box-shadow:0 28px 80px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.055)}
.saas-hero-v4:before{content:"";position:absolute;inset:-45% -8% -55% 38%;z-index:-1;background:radial-gradient(circle at 57% 48%,rgba(72,124,255,.32),transparent 22%),conic-gradient(from 190deg at 58% 48%,transparent 0 14%,rgba(119,89,255,.18) 21%,transparent 30% 62%,rgba(43,215,255,.10) 69%,transparent 78%);filter:blur(2px)}
.saas-hero-v4:after{content:"";position:absolute;width:570px;height:570px;right:-190px;top:-190px;border:1px solid rgba(123,126,255,.15);border-radius:50%;box-shadow:0 0 0 52px rgba(92,96,255,.025),0 0 0 106px rgba(47,164,255,.018);z-index:-1}
.saas-hero-v4>div:first-child{max-width:760px}.hero-pill-v4{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(105,95,255,.10);border:1px solid rgba(133,124,255,.27);color:#bbb6ff;font-size:8.5px;letter-spacing:.13em;font-weight:900}.saas-hero-v4 h2{font-size:clamp(31px,4.6vw,52px);line-height:.98;letter-spacing:-2px;margin:13px 0 10px}.saas-hero-v4 h2 span{background:linear-gradient(90deg,#bfbaff,#71aaff 55%,#65e4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.saas-hero-v4 p{color:#94a4c1;font-size:12.5px;line-height:1.65;max-width:680px}.glow-btn{box-shadow:0 0 0 1px rgba(156,146,255,.1),0 10px 30px rgba(84,69,255,.23)!important}.glow-btn:hover{box-shadow:0 0 0 1px rgba(177,167,255,.24),0 15px 38px rgba(84,69,255,.34)!important}
.metric-grid-v4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.metric-grid-v4.bot-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card-v4{position:relative;overflow:hidden;min-height:122px;padding:17px 18px;border-radius:17px;border:1px solid rgba(126,144,181,.13);background:linear-gradient(145deg,rgba(15,24,42,.91),rgba(8,14,26,.91));box-shadow:0 15px 40px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.035);display:flex;align-items:flex-start;gap:13px;transition:.24s ease}.metric-card-v4:after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-60px;border-radius:50%;background:rgba(102,94,255,.09);filter:blur(24px)}.metric-card-v4:hover{transform:translateY(-3px);border-color:rgba(129,123,255,.28);box-shadow:0 22px 50px rgba(0,0,0,.22)}.metric-ico{position:relative;z-index:1;flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:17px;font-weight:900;border:1px solid rgba(255,255,255,.08)}.metric-ico.violet{background:linear-gradient(145deg,rgba(125,107,255,.27),rgba(87,73,207,.12));color:#bbb3ff}.metric-ico.green{background:linear-gradient(145deg,rgba(50,211,151,.24),rgba(26,128,94,.1));color:#69e5b7}.metric-ico.cyan{background:linear-gradient(145deg,rgba(45,189,255,.25),rgba(34,114,204,.1));color:#76dcff}.metric-ico.amber{background:linear-gradient(145deg,rgba(243,184,79,.24),rgba(164,108,30,.1));color:#f5ca7b}.metric-card-v4 div{position:relative;z-index:1}.metric-card-v4 small,.metric-card-v4 strong,.metric-card-v4 em{display:block}.metric-card-v4 small{font-size:8px;letter-spacing:.1em;font-weight:900;color:#687895}.metric-card-v4 strong{font-size:27px;line-height:1;margin-top:7px;letter-spacing:-1px}.metric-card-v4 strong i{font-style:normal;font-size:13px;color:#677692;font-weight:700}.metric-card-v4 em{font-style:normal;color:#7887a1;font-size:9px;margin-top:8px}
.hero-orbit{position:relative;width:190px;height:190px;flex:0 0 190px;border-radius:50%;border:1px solid rgba(126,128,255,.18);box-shadow:0 0 0 28px rgba(86,98,255,.035),0 0 0 57px rgba(44,175,255,.02);display:grid;place-items:center;animation:v4Float 6s ease-in-out infinite}.orbit-core{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#8379ff,#5668fa 52%,#2f9dff);box-shadow:0 0 42px rgba(88,104,255,.48),0 24px 50px rgba(0,0,0,.3);font-weight:950;font-size:20px}.orbit-node{position:absolute;padding:5px 8px;border-radius:999px;background:#101b31;border:1px solid rgba(137,151,199,.2);font-size:7.5px;color:#9db0d2;font-weight:900}.orbit-node.n1{left:-8px;top:38px}.orbit-node.n2{right:-10px;top:78px}.orbit-node.n3{bottom:2px;left:45px}@keyframes v4Float{50%{transform:translateY(-7px) rotate(2deg)}}
.bot-hero-stack{position:relative;width:270px;height:180px;flex:0 0 270px}.floating-bot-card{position:absolute;right:0;top:12px;width:205px;padding:14px;border:1px solid rgba(132,145,196,.20);border-radius:16px;background:linear-gradient(145deg,rgba(18,28,50,.86),rgba(11,17,33,.8));backdrop-filter:blur(16px);box-shadow:0 18px 42px rgba(0,0,0,.25);transform:rotate(3deg)}.floating-bot-card.offset{right:54px;top:92px;transform:rotate(-4deg)}.floating-bot-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#4f86ff,#2ec8f1);font-size:18px;float:left;margin-right:10px}.floating-bot-avatar.purple{background:linear-gradient(145deg,#8d75ff,#5d4bdf)}.floating-bot-card b,.floating-bot-card small{display:block}.floating-bot-card b{font-size:10px;margin-top:3px}.floating-bot-card small{color:#7e8ca9;font-size:8px;margin-top:3px}.status-live{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:#48d79d;box-shadow:0 0 13px #48d79d}
.saas-section-card{border-color:rgba(120,137,176,.14);background:linear-gradient(145deg,rgba(12,20,35,.88),rgba(8,13,24,.9))}.bot-fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bot-fleet-grid.customer-bot-grid{margin:17px 0}.bot-card-v4{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(126,144,182,.14);border-radius:18px;background:linear-gradient(145deg,rgba(15,24,43,.93),rgba(7,13,25,.95));box-shadow:0 17px 46px rgba(0,0,0,.16);transition:.23s}.bot-card-v4:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,80%) var(--my,0%),rgba(101,92,255,.13),transparent 28%);pointer-events:none}.bot-card-v4:hover{transform:translateY(-3px);border-color:rgba(125,116,255,.29);box-shadow:0 22px 55px rgba(0,0,0,.23)}.bot-card-head{position:relative;display:flex;align-items:center;gap:13px}.bot-avatar-v4{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#242f50,#111c34);border:1px solid rgba(146,161,202,.17);font-size:21px;box-shadow:inset 0 1px rgba(255,255,255,.06)}.bot-avatar-v4.xl{width:60px;height:60px;flex-basis:60px;border-radius:18px}.bot-avatar-v4 img,.mini-bot-avatar img{width:100%;height:100%;object-fit:cover}.bot-card-head h3{font-size:16px;margin:6px 0 2px}.bot-card-head p{font-size:9px;color:#72809b;margin:0}.bot-status-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bot-id-tag{font-size:7px;color:#64728d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.bot-data-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 0}.bot-data-grid>div{padding:10px;border:1px solid rgba(117,135,171,.1);border-radius:11px;background:rgba(5,10,20,.48)}.bot-data-grid span,.bot-data-grid b{display:block}.bot-data-grid span{font-size:7.5px;color:#66748e;text-transform:uppercase;letter-spacing:.07em}.bot-data-grid b{font-size:9.5px;color:#c9d4e8;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.bot-error{position:relative;margin-top:10px;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,86,113,.18);background:rgba(122,25,45,.10);color:#f394a4;font-size:8.5px}.bot-actions{position:relative;margin-top:13px;flex-wrap:wrap}.quota-over-card{border-color:rgba(239,178,70,.24);opacity:.79}
.onboarding-strip-v4{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:16px 0;padding:14px;border:1px solid rgba(122,140,180,.13);border-radius:17px;background:rgba(8,14,26,.72)}.onboarding-strip-v4>div{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center}.onboarding-strip-v4>div>span{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(105,94,255,.12);color:#aaa4ff;font-size:8px;font-weight:900}.onboarding-strip-v4 b{font-size:9.5px}.onboarding-strip-v4 small{font-size:7.5px;color:#6f7e99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-strip-v4>i{font-style:normal;color:#3f4d6a}.endpoint-card-v4{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.endpoint-copy{display:flex;align-items:center;gap:8px;width:min(620px,55%)}.endpoint-copy code{flex:1;overflow:auto;padding:10px 12px;border-radius:10px;background:#060b14;border:1px solid rgba(118,138,181,.15);font-size:9px;color:#9eb6df}.secure-note-v4{padding:10px 12px;border-radius:11px;background:rgba(45,205,154,.055);border:1px solid rgba(47,209,157,.14);color:#91cfb9;font-size:8.5px}.bot-editor-modal{width:min(680px,94vw)}
.bot-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bot-mini-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(122,141,180,.12);border-radius:13px;background:rgba(6,12,23,.5)}.bot-mini-card .bot-avatar-v4{width:42px;height:42px;flex-basis:42px;border-radius:12px}.bot-mini-card b,.bot-mini-card small{display:block}.bot-mini-card b{font-size:10px}.bot-mini-card small{font-size:8px;color:#6f7d97;margin-top:3px}.bot-mini-card.is-disabled{opacity:.55}.modern-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.server-card-v4{position:relative;overflow:hidden;padding-top:0}.server-card-cover{height:62px;margin:0 -1px;background:linear-gradient(115deg,rgba(96,76,255,.16),rgba(35,136,255,.12),rgba(48,221,242,.05));border-bottom:1px solid rgba(124,141,178,.10);position:relative}.server-status-dot{position:absolute;right:15px;top:14px;width:8px;height:8px;border-radius:50%}.server-status-dot.online{background:#3ed79b;box-shadow:0 0 14px #3ed79b}.server-status-dot.offline{background:#ec657c;box-shadow:0 0 14px rgba(236,101,124,.6)}.server-card-v4 .server-head{margin-top:-27px;position:relative}.server-card-v4 .server-icon.large{width:56px;height:56px;flex-basis:56px;border-radius:17px;border:4px solid #0d1627}.server-bot-identity{display:flex;align-items:center;gap:8px;margin:12px 0;padding:9px 10px;border-radius:10px;background:rgba(7,12,22,.55);border:1px solid rgba(119,138,177,.1)}.mini-bot-avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:#16223a}.server-bot-identity span,.server-bot-identity b{display:block}.server-bot-identity span{font-size:6.5px;color:#64728c;font-weight:900;letter-spacing:.11em}.server-bot-identity b{font-size:9px;margin-top:2px}.quota-ring-card{width:190px;flex:0 0 190px;text-align:center;padding:14px;border:1px solid rgba(124,139,187,.14);border-radius:17px;background:rgba(7,13,26,.56);backdrop-filter:blur(12px)}.quota-ring{--pct:0;position:relative;width:93px;height:93px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6e66ff calc(var(--pct)*1%),rgba(112,128,167,.12) 0)}.quota-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0d1628}.quota-ring span{position:relative;z-index:1;font-size:17px;font-weight:900}.quota-ring-card b,.quota-ring-card small{display:block}.quota-ring-card b{font-size:10px}.quota-ring-card small{font-size:8px;color:#71809a;margin-top:4px}.modern-claim{margin-top:12px}.server-bot-control-v4{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,rgba(14,23,42,.9),rgba(14,18,43,.86));border-color:rgba(118,110,255,.2)}.server-bot-current{display:flex;align-items:center;gap:12px}.server-bot-current h3{margin:3px 0 2px;font-size:14px}.server-bot-current p{margin:0;color:#71809d;font-size:9px}.server-bot-switch{display:flex;align-items:flex-end;gap:8px;min-width:min(500px,48%)}.server-bot-switch label{flex:1;margin:0}
.empty-state-v4{min-height:170px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px!important;border:1px dashed rgba(128,145,184,.18);border-radius:17px;background:rgba(8,14,25,.42)}.empty-state-v4>span{font-size:28px;filter:drop-shadow(0 0 18px rgba(100,89,255,.34))}.empty-state-v4 h3{font-size:14px;margin:9px 0 4px}.empty-state-v4 p{max-width:520px;color:#72819c;font-size:9.5px;line-height:1.55}.empty-state-v4 .btn{margin-top:10px}
/* stronger SaaS card language globally */
.cards.premium-stats .stat,.overview-metric,.pro-card,.structure-panel,.price-card{border-color:rgba(123,140,179,.13)!important;background:linear-gradient(145deg,rgba(14,23,41,.91),rgba(8,13,25,.91))!important;box-shadow:0 15px 42px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03)}.cards.premium-stats .stat:hover,.overview-metric:hover,.pro-card:hover,.price-card:hover{border-color:rgba(119,110,255,.27)!important;transform:translateY(-3px);box-shadow:0 21px 50px rgba(0,0,0,.23),0 0 35px rgba(79,68,255,.04)}
.auth-body{background:#050812;background-image:radial-gradient(circle at 12% 18%,rgba(104,82,255,.2),transparent 30%),radial-gradient(circle at 88% 12%,rgba(29,139,255,.13),transparent 28%)}.auth-promo{background:linear-gradient(145deg,rgba(16,25,50,.78),rgba(9,14,28,.72));border:1px solid rgba(128,142,183,.12);border-radius:25px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.auth-card{background:linear-gradient(145deg,rgba(15,23,41,.94),rgba(7,12,23,.94));border-color:rgba(131,143,183,.17);box-shadow:0 30px 80px rgba(0,0,0,.3)}
@media(max-width:1180px){.metric-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-server-grid,.bot-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-fleet-grid{grid-template-columns:1fr}.saas-hero-v4{padding:28px}.hero-orbit{width:155px;height:155px;flex-basis:155px}.endpoint-card-v4{display:block}.endpoint-copy{width:100%;margin-top:12px}}
@media(max-width:800px){.saas-hero-v4{display:block;min-height:0}.hero-orbit,.bot-hero-stack,.quota-ring-card{display:none}.metric-grid-v4,.metric-grid-v4.bot-metrics,.modern-server-grid,.bot-mini-grid{grid-template-columns:1fr}.onboarding-strip-v4{grid-template-columns:1fr}.onboarding-strip-v4>i{display:none}.server-bot-control-v4{display:block}.server-bot-switch{min-width:0;width:100%;margin-top:14px}.endpoint-copy{display:block}.endpoint-copy .btn{margin-top:8px;width:100%}.bot-data-grid{grid-template-columns:1fr}}
@media(max-width:520px){.saas-hero-v4{padding:21px 18px;border-radius:18px}.saas-hero-v4 h2{font-size:30px}.metric-grid-v4{gap:9px}.metric-card-v4{min-height:105px}.bot-actions .btn{width:100%}.server-bot-switch{display:block}.server-bot-switch .btn{width:100%;margin-top:8px}}

/* v4 dashboard density: five KPI cards stay balanced on wide SaaS layouts */
@media(min-width:1181px){.premium-stats{grid-template-columns:repeat(5,minmax(0,1fr))}}

.bot-discovered-v41{margin:14px 0;padding:12px;border:1px solid rgba(92,124,250,.22);border-radius:14px;background:rgba(20,28,52,.58)}
.bot-discovered-v41>.section-kicker{display:block;margin-bottom:8px}.bot-discovered-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(148,163,184,.10)}.bot-discovered-row:first-of-type{border-top:0}.bot-discovered-row div{min-width:0}.bot-discovered-row b,.bot-discovered-row small{display:block}.bot-discovered-row small{margin-top:3px;color:var(--muted);font-size:11px}.bot-discovered-row .btn{flex:0 0 auto}

/* v5.0 — Reseller Edition */
.reseller-body{--res-accent:#7c5cff}.reseller-chip{border-color:rgba(124,92,255,.28);background:linear-gradient(145deg,rgba(79,55,180,.18),rgba(9,15,28,.84))}.reseller-cta{background:radial-gradient(circle at 80% 0,rgba(100,80,255,.28),transparent 46%),linear-gradient(145deg,rgba(27,24,64,.96),rgba(8,15,28,.98));border-color:rgba(129,108,255,.33)}
.reseller-hero{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:30px;border:1px solid rgba(123,105,255,.23);border-radius:24px;background:radial-gradient(circle at 85% 15%,rgba(63,125,255,.19),transparent 31%),radial-gradient(circle at 22% 110%,rgba(125,77,255,.18),transparent 38%),linear-gradient(135deg,rgba(17,25,45,.98),rgba(10,14,28,.98));box-shadow:0 28px 90px rgba(0,0,0,.23);margin-bottom:18px}.reseller-hero.compact{padding:24px}.reseller-hero h2{font-size:32px;line-height:1.04;margin:8px 0 12px;letter-spacing:-1px}.reseller-hero h2 span{background:linear-gradient(90deg,#a695ff,#5fd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.reseller-hero p{max-width:760px;color:var(--muted);line-height:1.65;margin:0}.hero-pill{display:inline-flex;padding:7px 10px;border:1px solid rgba(124,92,255,.32);background:rgba(73,54,159,.17);border-radius:999px;color:#bcb1ff;font-size:9px;font-weight:900;letter-spacing:.12em}.reseller-license-card{min-width:250px;padding:19px;border-radius:19px;border:1px solid rgba(255,255,255,.09);background:rgba(6,11,23,.72);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 1px rgba(255,255,255,.04)}.reseller-license-card>span{font-size:8px;font-weight:900;color:#72809b;letter-spacing:.13em}.reseller-license-card>b{font-size:19px;margin:7px 0}.reseller-license-card>small{color:var(--soft)}.license-status{margin-top:13px;padding:9px 11px;border-radius:10px;font-size:9px;font-weight:900;letter-spacing:.08em}.license-status.ok{background:rgba(24,180,116,.12);color:#56e5ab}.license-status.bad{background:rgba(255,73,93,.12);color:#ff8392}.license-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;box-shadow:0 0 10px currentColor}
.reseller-stats,.reseller-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.reseller-main-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)}.reseller-client-list{display:grid;gap:8px}.reseller-client-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(126,145,181,.12);border-radius:14px;background:linear-gradient(180deg,rgba(14,22,39,.72),rgba(8,13,24,.72));text-decoration:none;color:inherit;transition:.2s ease}.reseller-client-row:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.32);box-shadow:0 12px 30px rgba(0,0,0,.2)}.reseller-client-row small{display:block;color:var(--muted);margin-top:4px}.reseller-admin-grid,.reseller-client-grid,.reseller-offer-grid,.reseller-plan-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reseller-admin-card,.reseller-customer-card,.reseller-offer-card,.reseller-plan-card{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(126,145,181,.14);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(110,82,255,.12),transparent 34%),linear-gradient(155deg,rgba(16,24,43,.94),rgba(8,13,24,.98));box-shadow:0 16px 45px rgba(0,0,0,.16);transition:.22s ease}.reseller-admin-card:hover,.reseller-customer-card:hover,.reseller-offer-card:hover,.reseller-plan-card:hover{transform:translateY(-3px);border-color:rgba(122,104,255,.32);box-shadow:0 22px 55px rgba(0,0,0,.24)}.reseller-card-top{display:flex;align-items:center;gap:13px}.reseller-card-top h3{margin:7px 0 3px}.reseller-card-top p{margin:0;color:var(--muted)}.reseller-logo-fallback{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#745cff,#317eff);box-shadow:0 10px 25px rgba(80,83,255,.28)}.reseller-kpis{margin:16px 0;grid-template-columns:repeat(3,1fr)}.reseller-kpis>div{padding:10px;border-radius:12px;background:rgba(4,9,18,.48);border:1px solid rgba(255,255,255,.055)}.reseller-kpis b,.reseller-kpis span{display:block}.reseller-kpis b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reseller-kpis span{font-size:8px;color:var(--soft);text-transform:uppercase;margin-top:4px}.reseller-info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.reseller-info-strip>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(7,12,22,.55)}.reseller-info-strip span,.reseller-info-strip b{display:block}.reseller-info-strip span{font-size:8px;letter-spacing:.1em;color:var(--soft);text-transform:uppercase}.reseller-info-strip b{margin-top:5px;font-size:12px}.white-label-preview{padding:18px;border-radius:20px;border:1px solid rgba(120,100,255,.22);background:radial-gradient(circle at top right,rgba(93,85,255,.16),transparent 38%),rgba(7,12,23,.7)}.brand-preview-card{border-radius:17px;border:1px solid rgba(255,255,255,.08);background:#090f1c;padding:18px;min-height:190px;position:relative;overflow:hidden}.brand-preview-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;background:var(--preview-accent,#6c63ff);opacity:.13;filter:blur(20px)}.brand-preview-logo{width:46px;height:46px;border-radius:14px;object-fit:cover;background:#141d32;display:grid;place-items:center}.reseller-pricing{font-size:27px;font-weight:900;letter-spacing:-.6px}.reseller-renew-note{padding:16px;border:1px dashed rgba(255,190,73,.32);border-radius:15px;background:rgba(255,169,34,.06);color:#b6c1d6}.admin-reseller-hero{align-items:center}.reseller-network-badge{min-width:180px;text-align:center;padding:20px;border-radius:18px;background:rgba(8,13,25,.65);border:1px solid rgba(255,255,255,.07)}.reseller-network-badge b{display:block;font-size:34px}.reseller-network-badge span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.reseller-admin-stats{margin-bottom:16px}
@media(max-width:1100px){.reseller-admin-grid,.reseller-client-grid,.reseller-offer-grid,.reseller-plan-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-main-grid{grid-template-columns:1fr}.reseller-info-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.reseller-hero{display:block;padding:22px}.reseller-license-card{margin-top:18px;min-width:0}.reseller-hero h2{font-size:28px}.reseller-admin-grid,.reseller-client-grid,.reseller-offer-grid,.reseller-plan-admin-grid,.reseller-stats,.reseller-kpis,.reseller-info-strip{grid-template-columns:1fr}.reseller-client-row{grid-template-columns:auto 1fr}.reseller-client-row>.chip{grid-column:1/-1;justify-self:start}}

/* v5.2 — Website Content Studio ----------------------------------------- */
.website-studio-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;margin-bottom:18px;border:1px solid rgba(111,123,255,.24);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(97,85,255,.22),transparent 32%),radial-gradient(circle at 92% 18%,rgba(30,214,196,.12),transparent 26%),linear-gradient(135deg,rgba(15,21,42,.98),rgba(8,12,25,.98));box-shadow:0 24px 70px rgba(0,0,0,.25)}
.website-studio-hero:after{content:"";position:absolute;inset:auto -80px -130px auto;width:300px;height:300px;border-radius:50%;background:rgba(90,77,255,.14);filter:blur(40px);pointer-events:none}.website-studio-hero h2{font-size:clamp(28px,3vw,46px);line-height:1.02;margin:10px 0}.website-studio-hero h2 span{background:linear-gradient(90deg,#8c7dff,#52d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.website-studio-hero p{max-width:700px;color:#9aa8c2;margin:0}.website-studio-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.content-studio-panel{padding:24px}.content-count{font-size:11px;font-weight:900;letter-spacing:.08em;color:#b9c4ff;background:#121a33;border:1px solid #273353;border-radius:999px;padding:8px 12px}.content-search{max-width:620px;margin:18px 0 20px}.content-editor-groups{display:grid;gap:12px}.content-editor-group{border:1px solid #1d2942;border-radius:18px;background:linear-gradient(180deg,#0d1426,#0a1020);overflow:hidden;transition:border-color .2s,box-shadow .2s}.content-editor-group[open]{border-color:#344675;box-shadow:0 12px 34px rgba(0,0,0,.18)}.content-editor-group>summary{cursor:pointer;list-style:none;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.content-editor-group>summary::-webkit-details-marker{display:none}.content-editor-group>summary>div{display:flex;align-items:center;gap:12px;min-width:0}.content-editor-group>summary span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5f55ff,#7c6dff);font-size:10px;font-weight:900;color:white}.content-editor-group>summary b{font-size:14px;color:#f1f5ff}.content-editor-group>summary small{font-size:10px;color:#6f7f9d}.content-editor-group>summary i{font-style:normal;color:#8fa0c2;transition:transform .2s}.content-editor-group[open]>summary i{transform:rotate(180deg)}.content-editor-body{padding:4px 18px 18px;border-top:1px solid rgba(39,52,83,.55);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.content-field{padding-top:12px}.content-field[hidden]{display:none!important}.content-field label>span{display:block;font-size:10px;font-weight:800;color:#9daccc;margin:0 0 7px;letter-spacing:.02em}.content-field textarea{min-height:86px;resize:vertical}.content-toggle{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px!important;border:1px solid #202c47;border-radius:14px;background:#0a1121}.content-toggle span{margin:0!important}.content-toggle span b{display:block;color:#eef3ff;font-size:12px}.content-toggle span small{display:block;color:#70809d;font-size:10px;margin-top:3px}.content-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.content-toggle i{position:relative;width:42px;height:24px;min-width:42px;border-radius:999px;background:#202a3e;border:1px solid #33405c;transition:.2s}.content-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#71809b;transition:.2s}.content-toggle input[type=checkbox]:checked+i{background:linear-gradient(90deg,#6258ff,#6552ff);border-color:#786dff;box-shadow:0 0 18px rgba(99,85,255,.28)}.content-toggle input[type=checkbox]:checked+i:after{left:21px;background:white}.content-studio-save{position:sticky;bottom:14px;z-index:8;margin-top:20px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(92,106,255,.35);border-radius:16px;background:rgba(8,13,27,.9);backdrop-filter:blur(16px);box-shadow:0 15px 50px rgba(0,0,0,.38)}.content-studio-save b{display:block;color:#f2f5ff;font-size:12px}.content-studio-save small{display:block;color:#74829c;font-size:10px;margin-top:3px}
@media(max-width:900px){.website-studio-hero{align-items:flex-start;flex-direction:column}.content-editor-body{grid-template-columns:1fr}.content-studio-save{align-items:stretch;flex-direction:column}.content-studio-save .btn{width:100%}}

/* v5.3 — Reseller Partner Site Studio */
.reseller-site-studio-hero{background:radial-gradient(circle at 12% 18%,rgba(94,77,255,.22),transparent 28%),radial-gradient(circle at 82% 18%,rgba(37,210,212,.10),transparent 25%),linear-gradient(135deg,rgba(16,23,44,.98),rgba(8,13,26,.98))}.reseller-site-studio-hero .hero-pill{display:inline-flex}.reseller-site-studio-hero .hero-actions{min-width:max-content}.reseller-site-studio-hero+.content-studio-panel{margin-top:0}.content-studio-panel.quota-disabled{opacity:.72}.content-studio-panel .inline-actions{display:flex;gap:9px;flex-wrap:wrap}.content-editor-body select{width:100%}.reseller-site-studio-hero .btn{min-width:126px}
@media(max-width:760px){.reseller-site-studio-hero .hero-actions{min-width:0;width:100%}.reseller-site-studio-hero .hero-actions .btn{width:100%}.content-studio-panel .inline-actions{display:grid;grid-template-columns:1fr;width:100%}}

.reseller-publish-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}.reseller-publish-status>div{padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(8,13,24,.55)}.reseller-publish-status span,.reseller-publish-status b{display:block}.reseller-publish-status span{font-size:8px;letter-spacing:.12em;color:#6f7f99;font-weight:900}.reseller-publish-status b{margin-top:5px;font-size:11px}.reseller-publish-status>div:last-child b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9c91ff}@media(max-width:700px){.reseller-publish-status{grid-template-columns:1fr}}