:root{
  --bg:#05070f;--bg2:#070b17;--panel:rgba(12,18,34,.70);--panel2:rgba(17,24,45,.84);--panel3:rgba(4,8,18,.78);
  --stroke:rgba(113,137,255,.24);--stroke2:rgba(132,89,255,.50);--text:#f7f9ff;--muted:#a7aec5;--dim:#798098;
  --blue:#318cff;--cyan:#57b7ff;--violet:#6f59ff;--violet2:#9a58ff;--green:#31f28c;--red:#ff536d;--warn:#ffd55c;
  --radius:28px;--shadow:0 0 42px rgba(73,108,255,.18), inset 0 1px 0 rgba(255,255,255,.06);
  --font:Inter,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:600}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.inline{display:inline}.wide{width:100%}.center{text-align:center}.muted{color:var(--muted)}.lead{font-size:18px;line-height:1.8;color:#d9e0ff;max-width:980px}.scene-bg{position:fixed;inset:0;z-index:-4;background-image:url('/assets/topboost-unified-bg.png'),radial-gradient(circle at 52% 12%,rgba(69,92,211,.26),transparent 34%),radial-gradient(circle at 10% 45%,rgba(24,130,255,.18),transparent 32%),radial-gradient(circle at 93% 58%,rgba(118,63,255,.16),transparent 34%),linear-gradient(180deg,#050916 0%,#070912 42%,#03050b 100%);background-size:cover,auto,auto,auto,auto;background-position:center center,center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat}
.scene-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(6,11,22,.38),rgba(0,0,0,.72));opacity:.96}.scene-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0 55%,rgba(2,5,12,.88) 100%),radial-gradient(circle at 50% 68%,rgba(80,96,255,.08),transparent 40%);}
.scene-smoke{position:absolute;inset:-20%;background:radial-gradient(circle at 12% 74%,rgba(78,122,255,.20),transparent 22%),radial-gradient(circle at 80% 26%,rgba(127,83,255,.16),transparent 24%),radial-gradient(circle at 47% 58%,rgba(160,184,255,.06),transparent 30%);filter:blur(8px);animation:smokeMove 16s ease-in-out infinite alternate}.scene-soldier{position:absolute;bottom:0;width:380px;height:720px;opacity:.18;filter:blur(.2px);background:linear-gradient(120deg,transparent 0 20%,rgba(116,131,180,.22) 20% 28%,transparent 28% 35%,rgba(255,255,255,.09) 35% 40%,transparent 40%),radial-gradient(ellipse at 52% 17%,rgba(170,185,220,.42) 0 8%,transparent 8.5%),linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.14) 35% 45%,transparent 45%);mask:linear-gradient(180deg,transparent 0,#000 12%,#000 76%,transparent 100%)}.scene-soldier.left{left:-95px}.scene-soldier.right{right:-88px;transform:scaleX(-1);opacity:.12}.crystal{position:absolute;width:78px;height:78px;border:2px solid rgba(192,209,255,.55);border-radius:18px;transform:rotate(38deg);box-shadow:0 0 28px rgba(111,158,255,.38), inset 0 0 25px rgba(255,255,255,.12);opacity:.55}.crystal:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.35);border-radius:12px}.c1{left:5%;top:65%;animation:float 8s ease-in-out infinite}.c2{right:4%;top:16%;width:64px;height:64px;animation:float 10s ease-in-out infinite reverse}.c3{right:7%;bottom:8%;width:92px;height:92px;animation:float 9s ease-in-out infinite}
@keyframes smokeMove{to{transform:translate3d(3%,2%,0) scale(1.05)}}@keyframes float{50%{transform:translateY(-18px) rotate(55deg)}}
.glass-xl,.glass-dark{background:linear-gradient(135deg,rgba(18,25,48,.78),rgba(6,11,24,.72));border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative}.glass-xl:before,.glass-dark:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 26%,transparent 70%,rgba(108,105,255,.07));opacity:.85}.glass-xl{border-color:rgba(111,136,255,.28)}.glass-dark{background:linear-gradient(135deg,rgba(12,18,36,.74),rgba(7,11,23,.82));border-color:rgba(111,136,255,.18)}
.topbar{width:min(1480px,calc(100% - 52px));min-height:88px;margin:20px auto 14px;padding:16px 20px;border-radius:22px;display:flex;align-items:center;gap:28px;position:sticky;top:10px;z-index:50}.brand{display:flex;align-items:center;gap:14px;min-width:270px}.brand-icon{width:52px;height:52px;display:grid;place-items:center;color:#6287ff;filter:drop-shadow(0 0 16px rgba(88,111,255,.75))}.brand-icon svg{width:52px;height:52px;stroke-width:1.6}.brand-text b{display:block;font-size:32px;line-height:1;letter-spacing:.4px;font-weight:900;color:#fff}.brand-text em{font-style:normal;color:#6082ff}.brand-text small{display:block;margin-top:4px;font-size:10px;font-weight:900;text-transform:uppercase;color:#fff;opacity:.92;letter-spacing:.35px}.brand.mini{min-width:auto}.brand.mini .brand-icon{width:36px;height:36px}.brand.mini .brand-icon svg{width:36px;height:36px}.brand.mini b{font-size:23px}.brand.mini small{font-size:8px}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}.nav-link{display:flex;align-items:center;gap:8px;padding:14px 6px;position:relative;color:#c8cee1;font-weight:900}.nav-link svg{width:18px;height:18px;opacity:.95}.nav-link:hover{color:#fff}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--violet),transparent);box-shadow:0 0 14px rgba(88,135,255,.85);transform:scaleX(0);transition:.2s}body[data-active=home] .nav-link[href="/"],body[data-active=listing] .nav-link[href="/listing"],body[data-active=stats] .nav-link[href="/stats"]{color:#fff}body[data-active=home] .nav-link[href="/"]:after,body[data-active=listing] .nav-link[href="/listing"]:after,body[data-active=stats] .nav-link[href="/stats"]:after,.nav-link:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:14px 22px;font-weight:900;color:#fff;white-space:nowrap;transition:.22s;position:relative;overflow:hidden}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,#477cff 0%,#7658ff 100%);box-shadow:0 0 27px rgba(101,99,255,.55),inset 0 1px 0 rgba(255,255,255,.24)}.btn-blue{background:linear-gradient(135deg,#1687ff,#775cff);box-shadow:0 0 30px rgba(33,129,255,.48),inset 0 1px 0 rgba(255,255,255,.22)}.btn-ghost{background:rgba(5,9,18,.45);border:1px solid rgba(151,166,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.btn-light{background:#f2f5fb;color:#141722}.btn.mini{padding:9px 14px;font-size:13px}.mobile-toggle{display:none;margin-left:auto;width:46px;height:42px;border-radius:12px;border:1px solid rgba(130,146,255,.25);background:rgba(5,9,18,.58)}.mobile-toggle span{display:block;width:20px;height:2px;background:#fff;margin:4px auto;border-radius:99px}.page-shell{width:min(1370px,calc(100% - 64px));margin:0 auto}.activity-bar{height:58px;margin:0 auto 22px;border-radius:12px;padding:0 18px;display:flex;align-items:center;gap:12px;color:#d8def5}.activity-bar .activity-ico{width:26px;height:26px;color:#7b6bff}.activity-bar .activity-ico svg{width:22px}.activity-bar p{margin:0;flex:1}.activity-bar b{color:#fff}.activity-bar a{color:#7d75ff;font-weight:900}.activity-bar small{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);padding:9px 13px;border-radius:8px;color:#fff;font-weight:800}.activity-bar small svg{width:17px;height:17px}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:22px 0}.promo-card{min-height:136px;border-radius:22px;padding:28px;display:flex;align-items:center;gap:26px}.promo-card .btn{margin-left:auto}.promo-copy h3{font-size:22px;margin:0 0 10px}.promo-copy p{margin:0;color:#d3dbf2;line-height:1.55}.orb-icon{width:86px;height:86px;min-width:86px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#42a4ff,#7e4dff);box-shadow:0 0 36px rgba(86,112,255,.65)}.orb-icon svg{width:54px;height:54px;color:#fff}.server-cube{width:96px;height:76px;min-width:96px;position:relative;filter:drop-shadow(0 0 22px rgba(64,136,255,.6))}.server-cube:before,.server-cube:after,.server-cube span{content:"";position:absolute;border-radius:12px;background:linear-gradient(145deg,#263b89,#50a7ff);border:1px solid rgba(188,217,255,.45);box-shadow:inset 0 10px 20px rgba(255,255,255,.12)}.server-cube:before{width:80px;height:52px;left:5px;top:13px;transform:skewY(-9deg)}.server-cube:after{width:70px;height:44px;left:20px;top:2px;opacity:.7;transform:skewY(10deg)}.server-cube span{width:56px;height:10px;left:18px;top:34px;background:#7ad4ff}.home-title{text-align:center;margin:50px 0 26px}.home-title h1{font-size:44px;line-height:1.1;letter-spacing:.5px;margin:0;text-transform:uppercase;text-shadow:0 0 24px rgba(104,141,255,.36)}.home-title span{display:block;width:260px;height:18px;margin:16px auto 0;position:relative;background:linear-gradient(90deg,transparent,rgba(79,174,255,.8),transparent)}.home-title span:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border:2px solid #5ea7ff;transform:translate(-50%,-50%) rotate(45deg);background:#0b1226}.home-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) 410px;gap:30px;margin-bottom:36px}.boost-types{display:grid;gap:16px}.boost-row{display:grid;grid-template-columns:92px 1fr;gap:26px;align-items:center;border-radius:18px;padding:20px 24px;min-height:128px;transition:.22s}.boost-row:hover{transform:translateX(4px);border-color:rgba(91,169,255,.55);box-shadow:0 0 36px rgba(69,136,255,.23),inset 0 1px 0 rgba(255,255,255,.08)}.boost-icon{width:76px;height:76px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(50,68,116,.88),rgba(20,26,50,.9));border:1px solid rgba(114,150,255,.34);color:#7b83ff;box-shadow:0 0 28px rgba(90,106,255,.28), inset 0 0 24px rgba(95,144,255,.08)}.boost-icon svg{width:46px;height:46px;filter:drop-shadow(0 0 8px rgba(120,125,255,.9))}.boost-row h3{font-size:22px;margin:0 0 10px}.boost-row p{margin:0;color:#c8d0e8;line-height:1.55}.analytics-widget{border-radius:22px;padding:24px}.widget-head{display:flex;align-items:center;gap:10px}.widget-head svg{width:22px;height:22px;color:#777dff}.widget-head small{margin-left:auto;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:7px 10px;color:#c8d0e8}.analytics-widget p{color:#c7d0e8;margin:22px 0 4px}.analytics-widget strong{font-size:32px}.analytics-widget em{font-size:16px;color:var(--green);font-style:normal}.line-art{height:190px;width:100%;margin:12px 0 18px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stats div{padding:14px;border-radius:14px;background:rgba(5,9,18,.46);border:1px solid rgba(119,137,255,.15)}.mini-stats svg{width:24px;height:24px;color:#718aff}.mini-stats b{display:block;font-size:21px;margin-top:5px}.mini-stats small{color:#99a2bb}.popular-server{margin-top:18px;border-radius:15px;padding:14px;display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;background:rgba(6,10,20,.58);border:1px solid rgba(120,137,255,.16)}.popular-server .map-thumb{width:72px;height:48px;border-radius:10px;background:linear-gradient(135deg,#605139,#b59b6e)}.popular-server small{display:block;color:#aab3ca;margin-top:4px}.popular-server em{font-style:normal;color:var(--green);font-weight:900}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 22px}.top-metrics{padding:0}.stat-card{border-radius:18px;padding:20px;display:grid;grid-template-columns:42px 1fr;grid-template-areas:"ico value" "ico label" "ico sub";align-items:center;min-height:98px}.stat-icon{grid-area:ico;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(72,95,255,.16);color:#7386ff}.stat-icon svg{width:25px;height:25px}.stat-card b{grid-area:value;font-size:28px;line-height:1}.stat-card small{grid-area:label;color:#a6aec7;font-weight:800}.stat-card em{grid-area:sub;color:var(--green);font-style:normal;font-weight:900}.service-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:28px}.service-tile{min-height:156px;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:.22s}.service-tile.active,.service-tile:hover{border-color:rgba(52,168,255,.7);box-shadow:0 0 42px rgba(54,144,255,.28), inset 0 0 20px rgba(54,144,255,.06)}.service-tile span{width:48px;height:48px;display:grid;place-items:center;color:#7a82ff}.service-tile span svg{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(106,119,255,.8))}.service-tile b{font-size:17px}.service-tile p{margin:0;color:#9ca6c0;line-height:1.45}.service-tile em{margin-top:auto;color:#83a8ff;font-style:normal}.panel{border-radius:28px;padding:30px;margin-bottom:30px}.panel h1{font-size:46px;line-height:1.1;margin:0 0 28px;text-transform:uppercase}.panel h2{font-size:28px;margin:28px 0 18px;text-transform:uppercase}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.section-head h2{font-size:34px;margin:0}.section-head p{margin:8px 0 0;color:#a6afc9}.table-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input,select,.filter-btn{height:48px;background:rgba(5,9,18,.62);border:1px solid rgba(124,143,255,.22);color:#e9edff;border-radius:10px;padding:0 16px;outline:none}input:focus,select:focus{border-color:#715eff;box-shadow:0 0 0 4px rgba(103,88,255,.12)}.filter-btn{font-weight:800}.table-wrap{overflow:auto;border-radius:16px}.server-table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0 8px}.server-table th{text-align:left;padding:0 14px 8px;color:#99a4be;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.server-table td{background:rgba(8,13,26,.72);border-top:1px solid rgba(116,134,255,.13);border-bottom:1px solid rgba(116,134,255,.13);padding:14px;color:#e9edff}.server-table tr td:first-child{border-left:1px solid rgba(116,134,255,.13);border-radius:12px 0 0 12px}.server-table tr td:last-child{border-right:1px solid rgba(116,134,255,.13);border-radius:0 12px 12px 0}.server-table tr:hover td{background:rgba(21,29,53,.88);border-color:rgba(105,119,255,.42)}.row-num{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.05)}.server-name{display:flex;align-items:center;gap:10px;font-weight:900;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-mini-icon{width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;background:rgba(94,114,255,.18);color:#cfd8ff}.server-mini-icon svg{width:17px;height:17px}.copy-ip{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#eef2ff;font-weight:800;padding:0}.copy-ip svg{width:16px;height:16px;color:#aab4d6}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:#777}.status-dot.online{background:var(--green);box-shadow:0 0 12px var(--green)}.status-dot.offline{background:var(--red);box-shadow:0 0 12px var(--red)}.status-dot.warn{background:var(--warn);box-shadow:0 0 12px var(--warn)}.map-badge{font-weight:900}.mini-btn{width:38px;height:38px;border-radius:9px;border:1px solid rgba(111,136,255,.25);background:rgba(54,94,180,.24);display:inline-grid;place-items:center;color:#dce5ff}.mini-btn svg{width:18px;height:18px}.row-actions{display:flex;gap:8px}.empty{text-align:center!important;color:#a6aec7;padding:38px!important}.empty.big{font-size:19px}.soldier-empty{display:block;width:120px;height:90px;margin:0 auto 12px;opacity:.08;background:#fff;clip-path:polygon(25% 20%,48% 15%,60% 24%,62% 38%,80% 36%,83% 44%,62% 48%,60% 84%,50% 84%,46% 54%,32% 82%,24% 78%,38% 47%,25% 42%)}.footer{width:min(1480px,calc(100% - 52px));margin:34px auto 28px;padding:22px 28px;border-radius:22px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;color:#d5dbed}.footer a{font-weight:800;color:#eef2ff}.copyright{color:#d0d7ed}.socials{display:flex;gap:8px}.socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:12px}.csstats{margin-left:auto;padding:15px 18px;border-radius:16px;background:rgba(71,77,158,.28);font-weight:900}.csstats em{font-style:normal;color:#815dff}.csstats small{display:block;font-size:10px;text-transform:uppercase;color:#c5cdec}.auth-card{width:min(500px,100%);margin:64px auto;border-radius:26px;padding:34px}.auth-card h1{font-size:36px;margin:0 0 22px}.auth-card form{display:grid;gap:14px}.auth-card p{color:#adb5cc}.cabinet-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}.side-menu{border-radius:28px;padding:28px;position:sticky;top:122px;min-height:520px}.side-menu h3{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:24px}.side-menu h3 svg{width:28px;height:28px}.side-menu a{display:flex;align-items:center;gap:14px;min-height:52px;padding:13px 15px;border-radius:12px;color:#cdd4e9;font-weight:900}.side-menu a svg{width:23px;height:23px}.side-menu a:hover,.side-menu a.active{background:linear-gradient(135deg,rgba(78,83,255,.55),rgba(129,44,255,.48));box-shadow:0 0 28px rgba(112,72,255,.28);color:#fff}.cabinet-panel h1 span{display:inline-block;width:54px;height:12px;background:linear-gradient(90deg,#584fff 0 30%,transparent 30% 42%,#313646 42% 100%);transform:skewX(-25deg);margin-left:16px}.cabinet-top{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:22px;margin-bottom:22px}.wallet{border-radius:16px;background:rgba(4,8,17,.54);border:1px solid rgba(255,255,255,.08);padding:20px;display:flex;flex-direction:column;gap:7px}.wallet span{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#484bff,#9b53ff);box-shadow:0 0 24px rgba(112,79,255,.4)}.wallet span svg{width:30px;height:30px}.wallet small{text-transform:uppercase;color:#a0a8bd;font-weight:900}.wallet b{font-size:28px}.add-server-card{border:1px dashed rgba(124,105,255,.55);border-radius:16px;background:rgba(88,68,194,.08);color:#8f76ff;font-size:22px;font-weight:900;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:14px}.add-server-card svg{width:34px;height:34px}.add-server-form{display:none;grid-template-columns:1.2fr 1fr 1fr 170px;gap:14px;background:rgba(5,9,18,.45);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;margin-bottom:20px}.add-server-form.open{display:grid}.server-layout{display:grid;grid-template-columns:minmax(0,1.08fr) 520px;gap:28px}.server-main{display:grid;gap:26px}.server-head{display:grid;grid-template-columns:1fr 250px;gap:24px;border-radius:22px;padding:28px}.server-head h1{font-size:31px;margin:0 0 20px;text-transform:none}.server-head p{color:#aeb7cc}.server-head b{color:#fff}.fav{color:#a2a9bc}.badge{display:inline-block;padding:7px 12px;border-radius:8px;font-weight:900;font-size:12px}.badge.online{background:rgba(55,255,139,.16);color:var(--green);border:1px solid rgba(55,255,139,.32)}.badge.offline{background:rgba(255,83,109,.15);color:var(--red);border:1px solid rgba(255,83,109,.28)}.map-preview{border-radius:14px;min-height:180px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(151,119,78,.52),rgba(58,52,42,.6));display:flex;flex-direction:column;justify-content:flex-end;padding:14px}.map-preview span{align-self:flex-end;background:rgba(0,0,0,.38);padding:5px 8px;border-radius:7px}.map-preview b{margin-top:auto;margin-bottom:16px}.csstats-inline{display:block;text-align:center;border:1px solid rgba(145,156,255,.28);border-radius:12px;padding:12px;color:#8968ff;font-weight:900;background:rgba(5,8,17,.5)}.services-panel h2{display:flex;gap:12px;align-items:center}.services-panel h2 svg{width:34px;height:34px;color:#745dff}.service-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-service{border-radius:14px;background:rgba(6,10,20,.55);border:1px solid rgba(115,136,255,.18);padding:18px;display:flex;flex-direction:column;gap:8px;color:#fff}.mini-service span{height:40px;color:#8d74ff}.mini-service span svg{width:38px;height:38px}.mini-service b{text-transform:uppercase}.mini-service small{color:#a9b1ca}.mini-service.buy{align-items:center;justify-content:center;color:#9884ff;font-weight:900;border-style:dashed}.players-panel{border-radius:22px;padding:28px}.players-panel h2{font-size:30px;margin:0 0 20px}.players-panel h2 small{float:right;font-size:15px;color:#b2bad2;text-transform:none}.players-panel h2 small i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:6px}.players-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;background:rgba(5,9,18,.55);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:10px;min-width:0}.player span{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3f4cff,#9b56ff);box-shadow:0 0 18px rgba(100,87,255,.38)}.player b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player small{color:#a3abc1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-panel{min-height:360px}.chart-panel canvas{max-height:280px}.stats-page{width:min(1080px,100%);margin:24px auto 36px;padding:38px 38px 48px}.stats-page h1{font-size:45px}.pill{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(125,143,255,.22);border-radius:12px;padding:12px 15px;background:rgba(5,9,18,.48);color:#bfc7db;font-weight:800}.pill b{background:linear-gradient(135deg,#475cff,#8b57ff);padding:9px 12px;border-radius:8px;color:#fff}.chart-shell{text-align:center;border-radius:20px;padding:20px;margin:22px 0;background:rgba(4,8,17,.26);border:1px solid rgba(117,135,255,.10)}.chart-shell h2{font-size:24px;margin:0 0 10px;text-transform:none}.chart-shell p{margin:0 0 10px;color:#d5dcf0}.chart-shell canvas{max-height:430px}.chart-shell.donut canvas{max-height:460px}.buy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.buy-card{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}.buy-card span{height:48px;color:#8b74ff}.buy-card span svg{width:44px;height:44px;filter:drop-shadow(0 0 10px rgba(131,105,255,.8))}.buy-card p{min-height:58px;color:#aab2c8}.buy-card strong{font-size:24px}.server-switch{display:flex;align-items:center;gap:12px;margin-bottom:22px}.timer-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0}.timer-row div{width:112px;height:100px;border-radius:12px;background:rgba(5,9,18,.55);border:1px solid rgba(124,143,255,.22);display:grid;place-items:center}.timer-row b{font-size:38px;line-height:1}.timer-row small{text-transform:uppercase;font-weight:900;color:#d7ddf1}.timer-row span{font-size:30px;color:#ccd4ea}.auction-note{background:rgba(5,9,18,.58);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;line-height:1.6;color:#d7def1}.auction-note b{color:#7d71ff}.auction-info{text-align:center;border-radius:12px;background:rgba(5,9,18,.55);border:1px solid rgba(122,141,255,.16);padding:14px;font-weight:900;margin:12px 0;display:flex;justify-content:center;align-items:center;gap:8px}.auction-info svg{width:20px;color:#7564ff}.bid-form,.inline-form{display:flex;justify-content:center;gap:12px;margin:24px 0}.rules-box{border-radius:14px;background:rgba(5,9,18,.48);border:1px solid rgba(255,255,255,.08);padding:18px;margin:24px 0;color:#d7def1}.rules-box p{margin:8px 0}.code-card{background:rgba(5,9,18,.48);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;margin:16px 0}.code-card code{display:block;white-space:pre-wrap;margin-top:12px;color:#9fb5ff;background:#050813;border-radius:12px;padding:16px}.text-page{font-size:17px;line-height:1.9;color:#d0d7ea}
@media(max-width:1280px){.home-showcase,.server-layout,.cabinet-layout{grid-template-columns:1fr}.side-menu{position:relative;top:auto;min-height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.promo-grid{grid-template-columns:1fr}.service-tiles{grid-template-columns:repeat(3,1fr)}.stats-strip{grid-template-columns:repeat(2,1fr)}.server-head{grid-template-columns:1fr}.players-panel{order:2}.topbar{gap:16px}.main-nav{gap:14px}.brand{min-width:230px}}
@media(max-width:860px){.topbar{width:calc(100% - 22px);margin:10px auto;border-radius:18px;min-height:auto;flex-wrap:wrap;padding:12px}.brand{min-width:auto}.brand-icon{width:40px;height:40px}.brand-icon svg{width:40px;height:40px}.brand-text b{font-size:24px}.brand-text small{font-size:8px}.mobile-toggle{display:block}.main-nav,.header-actions{display:none;width:100%;flex-direction:column;align-items:stretch}.menu-open .main-nav,.menu-open .header-actions{display:flex}.nav-link{padding:12px}.page-shell,.footer{width:calc(100% - 22px)}.activity-bar{height:auto;padding:14px;align-items:flex-start}.activity-bar small{display:none}.promo-card{flex-direction:column;align-items:flex-start}.promo-card .btn{margin-left:0;width:100%}.home-title h1{font-size:32px}.boost-row{grid-template-columns:1fr;gap:14px}.analytics-widget{padding:18px}.mini-stats,.service-tiles,.service-status-grid,.buy-grid,.grid-2,.cabinet-top,.add-server-form,.players-grid,.side-menu{grid-template-columns:1fr}.section-head{display:block}.table-tools{margin-top:14px;display:grid;grid-template-columns:1fr}.server-table{min-width:780px}.panel{padding:22px;border-radius:22px}.panel h1{font-size:34px}.panel h2,.section-head h2{font-size:26px}.server-head{padding:22px}.footer{gap:16px}.csstats{margin-left:0}.timer-row{gap:6px}.timer-row div{width:70px;height:78px}.timer-row b{font-size:26px}.timer-row span{font-size:20px}.bid-form,.inline-form,.server-switch{flex-direction:column}.stats-page{padding:24px}.stats-page h1{font-size:34px}.chart-shell canvas{max-height:330px}.c1,.c2,.c3{opacity:.24}}
@media(max-width:460px){.page-shell,.footer,.topbar{width:calc(100% - 14px)}.promo-card{padding:20px}.orb-icon{width:70px;height:70px;min-width:70px}.orb-icon svg{width:44px;height:44px}.home-title h1{font-size:27px}.boost-row h3{font-size:19px}.stats-strip{grid-template-columns:1fr}.stat-card{min-height:84px}.section-head h2{font-size:23px}.server-table{min-width:700px}.players-panel h2 small{float:none;display:block;margin-top:7px}.footer .brand{width:100%}}

/* GROUPPY HOME EXACT PATCH V3 START */
/* GROUPPY home exact patch v3 — only visual correction for main page */
body[data-active="home"] .scene-bg{
  background-image:url('/assets/topboost-unified-bg.png'),radial-gradient(circle at 50% 6%,rgba(70,112,255,.24),transparent 32%),linear-gradient(180deg,#02050d 0%,#050815 42%,#03050b 100%) !important;
  background-size:cover,auto,auto !important;
  background-position:center top,center,center !important;
  background-repeat:no-repeat !important;
}
body[data-active="home"] .scene-bg:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,5,12,.46) 0%,rgba(2,5,13,.16) 27%,rgba(4,7,15,.24) 59%,rgba(2,5,12,.50) 100%),linear-gradient(180deg,rgba(1,3,9,.20),rgba(1,3,9,.22) 60%,rgba(1,3,9,.58));
  opacity:1 !important;
}
body[data-active="home"] .scene-smoke{opacity:.42 !important}
body[data-active="home"] .crystal{opacity:.98 !important;filter:drop-shadow(0 0 18px rgba(169,196,255,.62))}

body[data-active="home"] .topbar{
  width:min(1458px,calc(100% - 90px)) !important;
  min-height:98px !important;
  margin:20px auto 14px !important;
  padding:18px 28px !important;
  border-radius:22px !important;
  border:1px solid rgba(156,183,255,.35) !important;
  background:linear-gradient(180deg,rgba(13,20,39,.82),rgba(5,9,22,.70)) !important;
  box-shadow:0 0 0 1px rgba(80,121,255,.10) inset,0 0 45px rgba(74,126,255,.18),0 22px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(22px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(125%) !important;
  gap:34px !important;
}
body[data-active="home"] .topbar:before{background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 22%,transparent 68%,rgba(87,123,255,.10)) !important}
body[data-active="home"] .brand{min-width:304px !important;gap:14px !important}
body[data-active="home"] .brand-icon{width:58px !important;height:58px !important;color:#5c82ff !important;filter:drop-shadow(0 0 18px rgba(91,130,255,.85)) !important}
body[data-active="home"] .brand-icon svg{width:58px !important;height:58px !important;stroke-width:1.7 !important}
body[data-active="home"] .brand-text b{font-size:34px !important;letter-spacing:.1px !important;text-shadow:0 0 18px rgba(86,128,255,.20)}
body[data-active="home"] .brand-text small{font-size:10px !important;letter-spacing:.28px !important;color:#f4f7ff !important;opacity:.95 !important}
body[data-active="home"] .main-nav{gap:34px !important}
body[data-active="home"] .nav-link{font-size:16px !important;padding:17px 6px !important;color:#d7ddeb !important}
body[data-active="home"] .nav-link:after{height:2px !important;box-shadow:0 0 14px rgba(69,163,255,.95)}
body[data-active="home"] .header-actions{gap:16px !important}
body[data-active="home"] .btn{border-radius:13px !important;font-size:15px !important;padding:15px 22px !important;min-height:48px !important;white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important}
body[data-active="home"] .btn-primary{background:linear-gradient(135deg,#3f84ff 0%,#6e5cff 58%,#8664ff 100%) !important;box-shadow:0 0 34px rgba(101,105,255,.56),inset 0 1px 0 rgba(255,255,255,.25) !important}
body[data-active="home"] .btn-ghost{background:rgba(4,8,18,.48) !important;border:1px solid rgba(159,178,235,.27) !important;box-shadow:0 12px 25px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04) !important}
body[data-active="home"] .btn-light{background:#f3f6fb !important;color:#131722 !important;box-shadow:0 12px 28px rgba(0,0,0,.18) !important}

body[data-active="home"] .page-shell{width:min(1328px,calc(100% - 200px)) !important;margin:0 auto !important}
body[data-active="home"] .activity-bar{
  height:58px !important;margin:0 auto 22px !important;border-radius:13px !important;padding:0 18px 0 24px !important;
  background:linear-gradient(180deg,rgba(13,20,38,.78),rgba(4,8,18,.68)) !important;
  border:1px solid rgba(152,176,255,.24) !important;box-shadow:0 0 24px rgba(74,126,255,.10),inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body[data-active="home"] .activity-bar p{font-size:15px !important;color:#d9e0ef !important;font-weight:800 !important}
body[data-active="home"] .activity-bar a{color:#6c72ff !important;text-shadow:0 0 12px rgba(89,99,255,.35)}
body[data-active="home"] .activity-bar small{padding:10px 15px !important;border-radius:9px !important;background:rgba(255,255,255,.055) !important}

body[data-active="home"] .promo-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:26px !important;margin:20px 0 52px !important}
body[data-active="home"] .promo-card{
  min-height:154px !important;height:154px !important;border-radius:23px !important;padding:27px 28px !important;gap:26px !important;overflow:hidden !important;
  background:linear-gradient(135deg,rgba(25,37,65,.65),rgba(7,12,28,.72) 56%,rgba(9,14,30,.76)) !important;
  border:1px solid rgba(137,164,240,.28) !important;
  box-shadow:0 0 0 1px rgba(95,126,230,.06) inset,0 18px 48px rgba(0,0,0,.27),0 0 34px rgba(65,115,255,.12) !important;
}
body[data-active="home"] .promo-card.telegram{background:radial-gradient(circle at 10% 50%,rgba(78,98,255,.17),transparent 38%),linear-gradient(135deg,rgba(25,37,65,.66),rgba(7,12,28,.74)) !important}
body[data-active="home"] .promo-card.hosting{background:radial-gradient(circle at 18% 50%,rgba(55,135,255,.18),transparent 34%),linear-gradient(135deg,rgba(22,35,62,.64),rgba(9,11,25,.73)) !important}
body[data-active="home"] .promo-copy{min-width:0;flex:1 1 auto;position:relative;z-index:2}
body[data-active="home"] .promo-copy h3{font-size:23px !important;margin:0 0 11px !important;line-height:1.16 !important;color:#fff !important;text-shadow:0 0 15px rgba(112,143,255,.18)}
body[data-active="home"] .promo-copy p{font-size:15.5px !important;line-height:1.48 !important;color:#d3dbea !important;font-weight:700 !important}
body[data-active="home"] .promo-card .btn{flex:0 0 auto !important;margin-left:auto !important;min-width:150px !important;max-width:none !important;padding:13px 18px !important;border-radius:12px !important;font-size:14px !important;z-index:3}
body[data-active="home"] .orb-icon{width:92px !important;height:92px !important;min-width:92px !important;background:linear-gradient(145deg,#43aaff 0%,#7656ff 72%) !important;box-shadow:0 0 35px rgba(80,130,255,.70), inset 0 1px 0 rgba(255,255,255,.25) !important}
body[data-active="home"] .orb-icon svg{width:58px !important;height:58px !important}
body[data-active="home"] .server-cube{width:122px !important;height:96px !important;min-width:122px !important;background:url('/assets/tb-hosting-cube.png') center/contain no-repeat !important;filter:drop-shadow(0 0 24px rgba(58,132,255,.58)) !important}
body[data-active="home"] .server-cube:before,body[data-active="home"] .server-cube:after,body[data-active="home"] .server-cube span{display:none !important}

body[data-active="home"] .home-title{margin:0 0 27px !important;text-align:center !important}
body[data-active="home"] .home-title h1{font-size:43px !important;line-height:1.08 !important;letter-spacing:.4px !important;font-weight:900 !important;text-transform:uppercase !important;color:#f4f8ff !important;text-shadow:0 0 22px rgba(105,140,255,.36),0 2px 0 rgba(255,255,255,.04) !important}
body[data-active="home"] .home-title span{width:255px !important;height:18px !important;margin:18px auto 0 !important;background:linear-gradient(90deg,transparent 0%,rgba(56,160,255,.25) 16%,rgba(80,180,255,.85) 49%,rgba(84,84,255,.48) 73%,transparent 100%) !important}
body[data-active="home"] .home-title span:after{width:14px !important;height:14px !important;border:2px solid #51a9ff !important;background:#08152c !important;box-shadow:0 0 15px rgba(69,175,255,.78) !important}
body[data-active="home"] .home-showcase{grid-template-columns:minmax(0,1fr) 410px !important;gap:31px !important;margin-bottom:36px !important;align-items:stretch !important}
body[data-active="home"] .boost-types{gap:15px !important;position:relative !important;padding-left:24px !important}
body[data-active="home"] .boost-types:before{content:"";position:absolute;left:7px;top:28px;bottom:75px;width:3px;border-radius:10px;background:linear-gradient(180deg,transparent,rgba(56,184,255,.95),rgba(53,117,255,.65),transparent);box-shadow:0 0 16px rgba(65,181,255,.95)}
body[data-active="home"] .boost-types:after{content:"";position:absolute;left:2px;top:58px;width:13px;height:13px;border-radius:50%;background:#48c4ff;box-shadow:0 137px 0 #48c4ff,0 274px 0 #48c4ff,0 411px 0 #48c4ff,0 0 13px rgba(70,204,255,.9)}
body[data-active="home"] .boost-row{grid-template-columns:94px 1fr !important;gap:26px !important;min-height:126px !important;padding:22px 26px !important;border-radius:18px !important;background:linear-gradient(135deg,rgba(17,29,53,.72),rgba(6,12,28,.80)) !important;border:1px solid rgba(132,161,236,.25) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 35px rgba(0,0,0,.21) !important}
body[data-active="home"] .boost-icon{width:78px !important;height:78px !important;border-radius:16px !important;background:linear-gradient(145deg,rgba(65,90,154,.70),rgba(22,32,61,.90)) !important;border:1px solid rgba(126,159,245,.35) !important;color:#8596ff !important;box-shadow:0 0 30px rgba(78,105,255,.26),inset 0 0 25px rgba(115,150,255,.08) !important}
body[data-active="home"] .boost-icon svg{width:48px !important;height:48px !important;filter:drop-shadow(0 0 10px rgba(125,137,255,.88)) !important}
body[data-active="home"] .boost-row h3{font-size:23px !important;line-height:1.17 !important;margin:0 0 10px !important;color:#fff !important}
body[data-active="home"] .boost-row p{font-size:15px !important;line-height:1.50 !important;color:#cfd7e8 !important;font-weight:700 !important}

body[data-active="home"] .analytics-widget{border-radius:22px !important;padding:23px !important;background:linear-gradient(135deg,rgba(14,25,47,.74),rgba(6,11,26,.82)) !important;border:1px solid rgba(133,161,240,.26) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 48px rgba(0,0,0,.25),0 0 34px rgba(65,115,255,.10) !important}
body[data-active="home"] .widget-head b{font-size:16px !important;color:#fff !important}
body[data-active="home"] .widget-head small{border-radius:9px !important;padding:8px 11px !important;background:rgba(255,255,255,.055) !important;font-size:13px !important}
body[data-active="home"] .analytics-widget p{margin:22px 0 5px !important;color:#cfd8ec !important;font-size:14px !important}
body[data-active="home"] .analytics-widget strong{font-size:31px !important;color:#fff !important}
body[data-active="home"] .analytics-widget em{color:#2dff91 !important;text-shadow:0 0 12px rgba(45,255,145,.3) !important}
body[data-active="home"] .line-art{height:192px !important;margin:14px 0 18px !important}
body[data-active="home"] .mini-stats{gap:12px !important}
body[data-active="home"] .mini-stats div{min-height:84px !important;padding:14px 13px !important;border-radius:14px !important;background:rgba(4,9,22,.55) !important;border:1px solid rgba(122,146,232,.18) !important}
body[data-active="home"] .popular-server{margin-top:18px !important;border-radius:15px !important;padding:14px !important;grid-template-columns:76px 1fr auto !important;background:rgba(4,9,22,.58) !important;border:1px solid rgba(128,153,240,.18) !important}
body[data-active="home"] .popular-server .map-thumb{width:76px !important;height:50px !important;border-radius:10px !important;background:linear-gradient(135deg,#735f43,#c3ad79) !important}
body[data-active="home"] .popular-server em{color:#33ff8e !important;font-style:normal !important;font-weight:900 !important}

body[data-active="home"] .footer{width:min(1458px,calc(100% - 90px)) !important;min-height:110px !important;margin:36px auto 28px !important;padding:22px 28px !important;border-radius:21px !important;background:linear-gradient(180deg,rgba(13,20,39,.82),rgba(5,9,22,.72)) !important;border:1px solid rgba(156,183,255,.31) !important;box-shadow:0 0 0 1px rgba(80,121,255,.10) inset,0 0 45px rgba(74,126,255,.13),0 22px 70px rgba(0,0,0,.30) !important}
body[data-active="home"] .footer a{font-size:14px !important;color:#eef3ff !important}
body[data-active="home"] .footer .brand.mini b{font-size:25px !important}
body[data-active="home"] .csstats{min-width:234px !important;text-align:center !important;background:linear-gradient(135deg,rgba(75,92,179,.42),rgba(38,45,93,.38)) !important;border:1px solid rgba(126,153,239,.22) !important;box-shadow:0 0 22px rgba(80,92,255,.15) !important}

@media(max-width:1280px){
  body[data-active="home"] .topbar,body[data-active="home"] .footer{width:calc(100% - 40px) !important}
  body[data-active="home"] .page-shell{width:calc(100% - 48px) !important}
  body[data-active="home"] .main-nav{gap:18px !important}
  body[data-active="home"] .brand{min-width:250px !important}
  body[data-active="home"] .home-showcase{grid-template-columns:1fr !important}
  body[data-active="home"] .analytics-widget{max-width:none !important}
}
@media(max-width:900px){
  body[data-active="home"] .topbar{width:calc(100% - 22px) !important;min-height:auto !important;margin:10px auto 12px !important;padding:12px 14px !important;border-radius:18px !important;gap:12px !important}
  body[data-active="home"] .brand{min-width:0 !important}.brand-text b{font-size:26px !important}.brand-icon{width:42px !important;height:42px !important}.brand-icon svg{width:42px !important;height:42px !important}
  body[data-active="home"] .page-shell,body[data-active="home"] .footer{width:calc(100% - 22px) !important}
  body[data-active="home"] .activity-bar{height:auto !important;min-height:56px !important;padding:13px 14px !important}
  body[data-active="home"] .promo-grid{grid-template-columns:1fr !important;margin-bottom:36px !important}
  body[data-active="home"] .promo-card{height:auto !important;min-height:150px !important;display:grid !important;grid-template-columns:76px 1fr !important;padding:22px !important;gap:18px !important}
  body[data-active="home"] .promo-card .btn{grid-column:1 / -1 !important;width:100% !important;min-width:0 !important;margin:0 !important}
  body[data-active="home"] .orb-icon{width:76px !important;height:76px !important;min-width:76px !important}.orb-icon svg{width:48px !important;height:48px !important}
  body[data-active="home"] .server-cube{width:82px !important;min-width:82px !important;height:70px !important}
  body[data-active="home"] .home-title h1{font-size:31px !important}
  body[data-active="home"] .boost-types{padding-left:0 !important}.boost-types:before,.boost-types:after{display:none !important}
  body[data-active="home"] .boost-row{grid-template-columns:72px 1fr !important;min-height:auto !important;padding:18px !important;gap:16px !important}
  body[data-active="home"] .boost-icon{width:64px !important;height:64px !important}.boost-icon svg{width:40px !important;height:40px !important}
  body[data-active="home"] .boost-row h3{font-size:18px !important}.boost-row p{font-size:13.5px !important}
}
@media(max-width:520px){
  body[data-active="home"] .promo-card{grid-template-columns:1fr !important;text-align:left !important}
  body[data-active="home"] .orb-icon,body[data-active="home"] .server-cube{margin-bottom:2px !important}
  body[data-active="home"] .home-title h1{font-size:26px !important}
  body[data-active="home"] .analytics-widget{padding:18px !important}.mini-stats{grid-template-columns:1fr !important}
}

/* GROUPPY HOME EXACT PATCH V3 END */

/* GROUPPY HOME FIT ACTIVITY PATCH START */
/* GROUPPY HOME FIT + REAL ACTIVITY PATCH */
body[data-active="home"] .activity-bar,
body[data-active="listing"] .activity-bar,
body[data-active="stats"] .activity-bar,
body[data-active="server"] .activity-bar{
  overflow:hidden !important;
  min-width:0 !important;
}
body[data-active="home"] .activity-bar p,
body[data-active="listing"] .activity-bar p,
body[data-active="stats"] .activity-bar p,
body[data-active="server"] .activity-bar p{
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:15px !important;
  line-height:1.2 !important;
}
.activity-bar[data-live-activity="1"] a{font-weight:900 !important;color:#726bff !important;text-shadow:0 0 14px rgba(114,107,255,.35)}
.activity-bar[data-live-activity="1"] small{flex:0 0 auto !important;white-space:nowrap !important}
.activity-bar[data-live-activity="1"] .activity-ico{flex:0 0 28px !important;display:grid !important;place-items:center !important}

body[data-active="listing"] .top-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:18px 0 26px !important;
}
body[data-active="listing"] .top-metrics .stat-card{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  grid-template-areas:"ico value" "ico label" "ico sub" !important;
  align-items:center !important;
  min-height:96px !important;
  padding:19px 22px !important;
  gap:0 14px !important;
  overflow:hidden !important;
}
body[data-active="listing"] .top-metrics .stat-icon{
  width:46px !important;height:46px !important;border-radius:13px !important;
  flex:0 0 46px !important;
}
body[data-active="listing"] .top-metrics .stat-icon svg{width:26px !important;height:26px !important}
body[data-active="listing"] .top-metrics .stat-card b{
  font-size:34px !important;line-height:.95 !important;letter-spacing:-.6px !important;
  min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
}
body[data-active="listing"] .top-metrics .stat-card small{
  font-size:15px !important;line-height:1.15 !important;min-width:0 !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
}

body[data-active="home"] .promo-card,
body[data-active="listing"] .promo-card{
  display:grid !important;
  grid-template-columns:104px minmax(0,1fr) 178px !important;
  align-items:center !important;
  gap:24px !important;
  overflow:hidden !important;
}
body[data-active="home"] .promo-copy,
body[data-active="listing"] .promo-copy{min-width:0 !important;overflow:hidden !important}
body[data-active="home"] .promo-copy h3,
body[data-active="listing"] .promo-copy h3{line-height:1.14 !important;overflow-wrap:anywhere !important}
body[data-active="home"] .promo-copy p,
body[data-active="listing"] .promo-copy p{line-height:1.48 !important;overflow-wrap:anywhere !important}
body[data-active="home"] .promo-card .btn,
body[data-active="listing"] .promo-card .btn{
  justify-self:end !important;
  width:178px !important;
  min-width:178px !important;
  max-width:178px !important;
  margin:0 !important;
  padding:13px 14px !important;
  font-size:14px !important;
  line-height:1.15 !important;
  white-space:normal !important;
  text-align:center !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
body[data-active="home"] .promo-card .btn svg,
body[data-active="listing"] .promo-card .btn svg{flex:0 0 17px !important}
body[data-active="home"] .orb-icon,
body[data-active="listing"] .orb-icon{justify-self:center !important}
body[data-active="home"] .server-cube,
body[data-active="listing"] .server-cube{justify-self:center !important}

body[data-active="listing"] .service-tiles{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px !important}
body[data-active="listing"] .service-tile{
  min-width:0 !important;
  overflow:hidden !important;
  padding:20px 18px !important;
}
body[data-active="listing"] .service-tile span{width:44px !important;height:44px !important;min-height:44px !important}
body[data-active="listing"] .service-tile span svg{width:36px !important;height:36px !important}
body[data-active="listing"] .service-tile b{
  font-size:16px !important;line-height:1.12 !important;
  overflow-wrap:anywhere !important;
}
body[data-active="listing"] .service-tile p{
  font-size:14px !important;line-height:1.35 !important;overflow-wrap:anywhere !important;
}
body[data-active="listing"] .service-tile em{font-size:14px !important;white-space:nowrap !important}
body[data-active="listing"] .server-table .row-actions{display:flex !important;gap:7px !important;align-items:center !important;justify-content:flex-end !important;min-width:88px !important}
body[data-active="listing"] .server-table .mini-btn{width:34px !important;height:34px !important;min-width:34px !important;flex:0 0 34px !important;padding:0 !important}
body[data-active="listing"] .server-table .mini-btn svg{width:18px !important;height:18px !important}
body[data-active="listing"] .copy-ip{white-space:nowrap !important;max-width:260px !important;overflow:hidden !important;text-overflow:ellipsis !important;text-align:left !important}
body[data-active="listing"] .server-name{display:flex !important;align-items:center !important;gap:8px !important;min-width:0 !important;max-width:360px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
body[data-active="listing"] .server-mini-icon{flex:0 0 22px !important;width:22px !important;height:22px !important}
body[data-active="listing"] .server-mini-icon svg{width:20px !important;height:20px !important}

@media(max-width:1280px){
  body[data-active="home"] .promo-card,body[data-active="listing"] .promo-card{grid-template-columns:92px minmax(0,1fr) 165px !important;gap:18px !important}
  body[data-active="home"] .promo-card .btn,body[data-active="listing"] .promo-card .btn{width:165px !important;min-width:165px !important;max-width:165px !important;font-size:13px !important}
  body[data-active="listing"] .service-tiles{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:860px){
  body[data-active="listing"] .top-metrics{grid-template-columns:1fr 1fr !important}
  body[data-active="home"] .promo-card,body[data-active="listing"] .promo-card{grid-template-columns:76px minmax(0,1fr) !important;gap:16px !important}
  body[data-active="home"] .promo-card .btn,body[data-active="listing"] .promo-card .btn{grid-column:1 / -1 !important;width:100% !important;min-width:0 !important;max-width:none !important;white-space:nowrap !important}
  body[data-active="home"] .promo-copy h3,body[data-active="listing"] .promo-copy h3{font-size:19px !important}
  body[data-active="home"] .promo-copy p,body[data-active="listing"] .promo-copy p{font-size:14px !important}
  body[data-active="listing"] .service-tiles{grid-template-columns:1fr 1fr !important}
  .activity-bar[data-live-activity="1"] p{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}
}
@media(max-width:520px){
  body[data-active="listing"] .top-metrics{grid-template-columns:1fr !important}
  body[data-active="listing"] .service-tiles{grid-template-columns:1fr !important}
  body[data-active="home"] .promo-card,body[data-active="listing"] .promo-card{grid-template-columns:1fr !important;text-align:left !important}
}

/* GROUPPY HOME FIT ACTIVITY PATCH END */

/* GROUPPY HOME ACTIVITY CRON FIX V5 START */
/* GROUPPY HOME OVERFLOW + LIVE ACTIVITY V5 */
body[data-active="home"] .activity-bar,
body[data-active="listing"] .activity-bar,
body[data-active="stats"] .activity-bar,
body[data-active="server"] .activity-bar{
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  overflow:hidden !important;
}
body[data-active="home"] .activity-bar p,
body[data-active="listing"] .activity-bar p,
body[data-active="stats"] .activity-bar p,
body[data-active="server"] .activity-bar p{
  margin:0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:15px !important;
  line-height:1.2 !important;
  color:#e6ebff !important;
  font-weight:900 !important;
}
body[data-active="home"] .activity-bar p b,
body[data-active="home"] .activity-bar p a{color:#746dff !important;text-shadow:0 0 14px rgba(116,109,255,.42) !important;font-weight:1000 !important}
body[data-active="home"] .activity-bar small{white-space:nowrap !important;justify-self:end !important;max-width:170px !important}
body[data-active="home"] .activity-ico{display:grid !important;place-items:center !important;color:#716bff !important;filter:drop-shadow(0 0 10px rgba(109,103,255,.52)) !important}

body[data-active="home"] .promo-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:26px !important;
  align-items:stretch !important;
  margin:22px 0 52px !important;
}
body[data-active="home"] .promo-card{
  height:auto !important;
  min-height:214px !important;
  max-height:none !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) 210px !important;
  align-items:center !important;
  gap:28px !important;
  padding:30px 32px !important;
}
body[data-active="home"] .promo-card > div:not(.big-icon):not(.orb-icon):not(.server-cube),
body[data-active="home"] .promo-card .promo-copy{
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
  align-self:center !important;
}
body[data-active="home"] .promo-card h3{
  display:block !important;
  margin:0 0 10px !important;
  padding:0 !important;
  max-height:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:23px !important;
  line-height:1.18 !important;
  letter-spacing:-.15px !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body[data-active="home"] .promo-card p{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  max-height:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:15.5px !important;
  line-height:1.48 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body[data-active="home"] .promo-card .btn{
  justify-self:end !important;
  align-self:center !important;
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;
  height:auto !important;
  min-height:58px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:14px 18px !important;
  white-space:normal !important;
  line-height:1.15 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:center !important;
}
body[data-active="home"] .promo-card .btn svg,
body[data-active="home"] .promo-card .btn span:first-child{flex:0 0 auto !important}
body[data-active="home"] .promo-card .big-icon,
body[data-active="home"] .promo-card .orb-icon,
body[data-active="home"] .promo-card .server-cube{
  justify-self:center !important;
  align-self:center !important;
  flex:0 0 auto !important;
}
body[data-active="home"] .promo-card .big-icon{width:92px !important;height:92px !important;min-width:92px !important;font-size:48px !important;display:grid !important;place-items:center !important}

body[data-active="listing"] .server-table .mini-btn,
body[data-active="home"] .server-table .mini-btn{
  display:inline-grid !important;
  place-items:center !important;
  width:34px !important;height:34px !important;min-width:34px !important;
  padding:0 !important;border-radius:9px !important;
  overflow:hidden !important;
  line-height:1 !important;
}
body[data-active="listing"] .server-table .row-actions,
body[data-active="home"] .server-table .row-actions{display:flex !important;gap:7px !important;align-items:center !important;justify-content:flex-end !important;white-space:nowrap !important}
body[data-active="listing"] .server-table .server-name,
body[data-active="home"] .server-table .server-name{min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}

@media(max-width:1320px){
  body[data-active="home"] .promo-card{grid-template-columns:96px minmax(0,1fr) 180px !important;gap:22px !important;padding:28px 26px !important;min-height:214px !important}
  body[data-active="home"] .promo-card .btn{width:180px !important;min-width:180px !important;max-width:180px !important;font-size:14px !important}
  body[data-active="home"] .promo-card h3{font-size:21px !important}
  body[data-active="home"] .promo-card p{font-size:14.5px !important;line-height:1.43 !important}
}
@media(max-width:980px){
  body[data-active="home"] .promo-grid{grid-template-columns:1fr !important}
  body[data-active="home"] .promo-card{grid-template-columns:82px minmax(0,1fr) !important;min-height:auto !important;padding:24px !important;gap:18px !important}
  body[data-active="home"] .promo-card .btn{grid-column:1 / -1 !important;width:100% !important;min-width:0 !important;max-width:none !important;justify-self:stretch !important;white-space:nowrap !important;min-height:52px !important}
  body[data-active="home"] .activity-bar{grid-template-columns:26px minmax(0,1fr) !important;height:auto !important;min-height:58px !important;padding-top:12px !important;padding-bottom:12px !important}
  body[data-active="home"] .activity-bar small{grid-column:2 !important;justify-self:start !important;font-size:12px !important;padding:6px 10px !important}
  body[data-active="home"] .activity-bar p{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}
}
@media(max-width:540px){
  body[data-active="home"] .promo-card{grid-template-columns:1fr !important;text-align:left !important}
  body[data-active="home"] .promo-card .big-icon,body[data-active="home"] .promo-card .orb-icon,body[data-active="home"] .promo-card .server-cube{justify-self:start !important}
  body[data-active="home"] .promo-card h3{font-size:19px !important}
  body[data-active="home"] .promo-card p{font-size:14px !important}
}

/* GROUPPY HOME ACTIVITY CRON FIX V5 END */

/* GROUPPY ACTIVITY REAL FEED V6 START */
/* GROUPPY ACTIVITY REAL FEED + PROMO OVERFLOW FIX V6 */
.activity-bar,
body[data-active] .activity-bar{
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
  overflow:hidden !important;
  height:58px !important;
  min-height:58px !important;
  padding:0 18px 0 24px !important;
}
.activity-bar p,
body[data-active] .activity-bar p{
  margin:0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:15px !important;
  line-height:1.2 !important;
  color:#e6ebff !important;
  font-weight:900 !important;
}
.activity-bar p b,
.activity-bar p a{
  color:#746dff !important;
  text-shadow:0 0 14px rgba(116,109,255,.42) !important;
  font-weight:1000 !important;
}
.activity-bar small{
  white-space:nowrap !important;
  justify-self:end !important;
  max-width:180px !important;
  padding:10px 15px !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.activity-ico{
  display:grid !important;
  place-items:center !important;
  color:#716bff !important;
  filter:drop-shadow(0 0 10px rgba(109,103,255,.52)) !important;
  font-size:20px !important;
}

/* Верхние две промо-плашки: текст и кнопки не вылезают за карточку */
body[data-active="home"] .promo-grid,
.promo-grid{
  align-items:stretch !important;
}
body[data-active="home"] .promo-card,
.promo-card.telegram,
.promo-card.hosting{
  height:auto !important;
  min-height:176px !important;
  max-height:none !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:106px minmax(0,1fr) 196px !important;
  align-items:center !important;
  gap:24px !important;
  padding:26px 30px !important;
}
body[data-active="home"] .promo-card > div:not(.big-icon):not(.orb-icon):not(.server-cube),
.promo-card .promo-copy{
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
  align-self:center !important;
}
body[data-active="home"] .promo-card h3,
.promo-card h3{
  display:block !important;
  margin:0 0 10px !important;
  padding:0 !important;
  max-height:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:22px !important;
  line-height:1.18 !important;
  letter-spacing:-.15px !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body[data-active="home"] .promo-card p,
.promo-card p{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  max-height:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:15px !important;
  line-height:1.45 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body[data-active="home"] .promo-card .btn,
.promo-card .btn{
  justify-self:end !important;
  align-self:center !important;
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  height:auto !important;
  min-height:56px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:13px 16px !important;
  white-space:normal !important;
  line-height:1.15 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:center !important;
}
body[data-active="home"] .promo-card .big-icon,
body[data-active="home"] .promo-card .orb-icon,
body[data-active="home"] .promo-card .server-cube,
.promo-card .big-icon,
.promo-card .orb-icon,
.promo-card .server-cube{
  justify-self:center !important;
  align-self:center !important;
  flex:0 0 auto !important;
}
body[data-active="home"] .promo-card .big-icon,
.promo-card .big-icon{
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  display:grid !important;
  place-items:center !important;
}
body[data-active="home"] .server-cube,
.promo-card .server-cube{
  max-width:120px !important;
}

/* Листинг: иконки и маленькие кнопки аккуратно входят в строки */
.server-table .mini-btn,
.server-table .row-actions .mini-btn{
  display:inline-grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  padding:0 !important;
  border-radius:9px !important;
  overflow:hidden !important;
  line-height:1 !important;
  font-size:15px !important;
}
.server-table .row-actions{
  display:flex !important;
  gap:7px !important;
  align-items:center !important;
  justify-content:flex-end !important;
  white-space:nowrap !important;
}
.server-table .server-name{
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media(max-width:1320px){
  body[data-active="home"] .promo-card,
  .promo-card.telegram,
  .promo-card.hosting{
    grid-template-columns:92px minmax(0,1fr) 170px !important;
    gap:20px !important;
    padding:24px 24px !important;
    min-height:180px !important;
  }
  body[data-active="home"] .promo-card .btn,
  .promo-card .btn{
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
    font-size:14px !important;
  }
  body[data-active="home"] .promo-card h3,
  .promo-card h3{font-size:20px !important}
  body[data-active="home"] .promo-card p,
  .promo-card p{font-size:14.3px !important;line-height:1.42 !important}
}
@media(max-width:980px){
  body[data-active="home"] .promo-grid,
  .promo-grid{grid-template-columns:1fr !important}
  body[data-active="home"] .promo-card,
  .promo-card.telegram,
  .promo-card.hosting{
    grid-template-columns:82px minmax(0,1fr) !important;
    min-height:auto !important;
    padding:22px !important;
    gap:18px !important;
  }
  body[data-active="home"] .promo-card .btn,
  .promo-card .btn{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:stretch !important;
    white-space:nowrap !important;
    min-height:52px !important;
  }
  .activity-bar,
  body[data-active] .activity-bar{
    grid-template-columns:26px minmax(0,1fr) !important;
    height:auto !important;
    min-height:58px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  .activity-bar small{grid-column:2 !important;justify-self:start !important;font-size:12px !important;padding:6px 10px !important}
  .activity-bar p{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important}
}
@media(max-width:540px){
  body[data-active="home"] .promo-card,
  .promo-card.telegram,
  .promo-card.hosting{grid-template-columns:1fr !important;text-align:left !important}
  body[data-active="home"] .promo-card .big-icon,
  body[data-active="home"] .promo-card .orb-icon,
  body[data-active="home"] .promo-card .server-cube,
  .promo-card .big-icon,
  .promo-card .orb-icon,
  .promo-card .server-cube{justify-self:start !important}
  body[data-active="home"] .promo-card h3,
  .promo-card h3{font-size:19px !important}
  body[data-active="home"] .promo-card p,
  .promo-card p{font-size:14px !important}
}

/* GROUPPY ACTIVITY REAL FEED V6 END */

/* GROUPPY ACTIVITY SINGLE V7 START */
/* GROUPPY ACTIVITY SINGLE BAR V7 */
.activity-bar,
body .activity-bar,
body[data-active] .activity-bar{
  width:100% !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  margin:0 0 26px !important;
  padding:0 20px 0 25px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(9,15,31,.84),rgba(5,9,20,.82)) !important;
  border:1px solid rgba(103,129,238,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 22px rgba(61,92,255,.12) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.activity-bar.tb-activity-duplicate{display:none !important; visibility:hidden !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;}
.activity-bar .activity-ico,
.activity-ico{
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  color:#756dff !important;
  font-size:20px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 10px rgba(117,109,255,.55)) !important;
}
.activity-bar p,
body .activity-bar p{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#e7ebff !important;
  font-size:15.5px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
}
.activity-bar p b,
.activity-bar p a,
.activity-bar .activity-accent{
  color:#746bff !important;
  text-shadow:0 0 14px rgba(116,107,255,.48) !important;
  font-weight:1000 !important;
}
.activity-bar small{
  display:block !important;
  justify-self:end !important;
  max-width:190px !important;
  min-width:108px !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-radius:9px !important;
  padding:10px 15px !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
@media (max-width:760px){
  .activity-bar,body .activity-bar{
    grid-template-columns:24px minmax(0,1fr) !important;
    height:auto !important;
    min-height:64px !important;
    max-height:none !important;
    gap:10px 12px !important;
    padding:14px 14px !important;
    margin-bottom:18px !important;
  }
  .activity-bar p{font-size:13.5px !important; white-space:normal !important; line-height:1.35 !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;}
  .activity-bar small{grid-column:2 !important; justify-self:start !important; min-width:0 !important; max-width:100% !important; padding:7px 10px !important; font-size:12px !important;}
}

/* GROUPPY ACTIVITY SINGLE V7 END */

/* GROUPPY MAP IMAGES V10 */
.tb-map-target,.map-preview,.map-thumb,.server-map,.server-map-thumb,.map-card,[data-map-name],[data-map]{position:relative!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
html body .tb-map-target.has-map-image,
html body .map-preview.has-map-image,
html body .server-map.has-map-image,
html body .server-map-thumb.has-map-image,
html body .map-card.has-map-image,
html body [data-map-name].has-map-image,
html body [data-map].has-map-image,
html body .popular-server .map-thumb.has-map-image,
html body[data-active="home"] .popular-server .map-thumb.has-map-image{background:linear-gradient(180deg,rgba(8,12,25,.03),rgba(4,7,15,.45)),var(--tb-map-image) center center / cover no-repeat!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
html body .map-thumb.has-map-image,
html body .popular-server .map-thumb.has-map-image{background:linear-gradient(180deg,rgba(8,12,25,.02),rgba(4,7,15,.28)),var(--tb-map-image) center center / cover no-repeat!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
html body .map-preview.has-map-image:before,html body .server-map.has-map-image:before,html body .map-card.has-map-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(84,112,255,.10),transparent 48%),linear-gradient(180deg,rgba(0,0,0,.00),rgba(0,0,0,.46));pointer-events:none;z-index:0;}
html body .map-preview.has-map-image > *,html body .server-map.has-map-image > *,html body .map-card.has-map-image > *{position:relative;z-index:1;}
html body .tb-map-target.no-map-image,
html body .map-preview.no-map-image,
html body .server-map.no-map-image,
html body .server-map-thumb.no-map-image,
html body .map-card.no-map-image,
html body .map-thumb.no-map-image{background:linear-gradient(135deg,rgba(92,76,57,.70),rgba(42,37,31,.72))!important;}
html body .map-no-image{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:4!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:calc(100% - 16px)!important;padding:7px 10px!important;border-radius:10px!important;background:rgba(2,6,16,.70)!important;border:1px solid rgba(255,255,255,.14)!important;color:#dce4ff!important;font-style:normal!important;font-size:12px!important;font-weight:900!important;text-align:center!important;line-height:1.1!important;white-space:nowrap!important;box-shadow:0 0 18px rgba(0,0,0,.26)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
html body .map-thumb .map-no-image,html body .popular-server .map-no-image{font-size:0!important;padding:0!important;width:0!important;height:0!important;border:0!important;overflow:hidden!important;}
html body .map-preview.has-map-image b,html body .map-preview.has-map-image .csstats-inline,html body .map-preview.has-map-image span{filter:drop-shadow(0 2px 8px rgba(0,0,0,.78));}
html body .map-preview.has-map-image b{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.86),0 0 16px rgba(117,102,255,.38)!important;}

/* GROUPPY FIX V11: activity icon, live players modal, listing buttons */
.activity-bar,.activity-bar.tb-activity-real{grid-template-columns:26px minmax(0,1fr) auto!important;overflow:hidden!important;}
.activity-bar img,.activity-bar picture,.activity-bar canvas,.activity-bar > svg:not(.tb-activity-main-icon svg){display:none!important;}
.activity-bar .activity-ico{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;color:#766dff!important;filter:drop-shadow(0 0 12px rgba(118,109,255,.56))!important;min-width:24px!important;}
.activity-bar .activity-ico svg{display:block!important;width:22px!important;height:22px!important;}
.activity-bar p{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.activity-bar small{white-space:nowrap!important;}
.players-grid .tb-real-empty{grid-column:1/-1;padding:18px;border:1px dashed rgba(128,143,255,.18);border-radius:14px;text-align:center;}
.real-player span{background:linear-gradient(135deg,#3f4cff,#9b56ff)!important;color:#fff!important;}
#tbPlayersModal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;}
.tb-modal-backdrop{position:absolute;inset:0;background:rgba(1,4,12,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.tb-modal-card{position:relative;width:min(720px,100%);max-height:min(82vh,760px);overflow:auto;border-radius:22px;padding:28px;background:linear-gradient(180deg,rgba(10,16,35,.96),rgba(5,8,18,.96));border:1px solid rgba(113,135,255,.32);box-shadow:0 0 40px rgba(54,86,255,.22);}
.tb-modal-card h2{margin:0 0 18px;font-size:28px;color:#fff;}
.tb-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1;}
.tb-modal-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.server-table .row-actions,.server-row-actions{white-space:nowrap!important;}
.server-table .mini-btn,.server-table .connect-btn{display:inline-grid!important;place-items:center!important;min-width:34px!important;height:34px!important;border-radius:9px!important;overflow:hidden!important;}
@media(max-width:760px){.activity-bar,.activity-bar.tb-activity-real{grid-template-columns:24px minmax(0,1fr)!important}.activity-bar small{grid-column:2!important;justify-self:start!important}.activity-bar p{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.tb-modal-players{grid-template-columns:1fr}.tb-modal-card{padding:22px}}

/* GROUPPY SERVICES ADMIN V12 START */
.tb-services-page .tb-service-panel{padding:34px;border-radius:26px;overflow:hidden}.tb-services-page h1{font-size:clamp(34px,4vw,58px);line-height:.95;margin:0 0 30px;font-weight:900;letter-spacing:.02em}.tb-services-page h2{font-size:clamp(22px,2.4vw,34px);margin:30px 0 18px;font-weight:900}.tb-service-switch{display:flex;align-items:center;gap:14px;margin:0 0 22px}.tb-service-switch label,.tb-buy-head b{font-weight:900}.tb-service-switch select,.tb-slot-select{background:#070d20;color:#fff;border:1px solid rgba(106,131,255,.38);border-radius:12px;padding:13px 18px;min-width:320px;font-weight:800}.tb-server-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tb-server-choice,.tb-buy-card,.tb-active-service,.tb-checkout-card{background:linear-gradient(145deg,rgba(12,20,43,.88),rgba(4,8,20,.94));border:1px solid rgba(95,122,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.24);border-radius:18px}.tb-server-choice{display:block;padding:18px 20px}.tb-server-choice b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-server-choice span{display:block;margin-top:8px;color:#bdc8ec}.tb-server-choice em{float:right;font-style:normal}.tb-active-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:54px}.tb-active-service{display:flex;gap:14px;align-items:center;padding:16px}.tb-active-service span{font-size:30px;color:#8e70ff}.tb-active-service b,.tb-active-service small{display:block}.tb-active-service small{color:#aeb8d5;margin-top:4px}.tb-buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tb-buy-card{min-height:255px;padding:26px 26px 22px;display:flex;flex-direction:column;color:#fff}.tb-buy-card span{font-size:42px;color:#9176ff;text-shadow:0 0 28px rgba(119,87,255,.8)}.tb-buy-card b{font-size:20px;margin-top:18px}.tb-buy-card p{color:#b8c2de;line-height:1.35;min-height:58px}.tb-buy-card strong{font-size:26px;margin-top:auto}.tb-buy-card em,.tb-pay-btn{margin-top:14px;display:block;text-align:center;border:0;border-radius:12px;padding:14px;background:linear-gradient(135deg,#3688ff,#7b4dff);font-style:normal;font-weight:900;color:#fff;box-shadow:0 12px 32px rgba(87,91,255,.35)}.tb-buy-head{display:flex;gap:18px;flex-wrap:wrap;margin:-10px 0 20px}.tb-buy-head p{margin:0;color:#d7def5}.tb-checkout-card{padding:26px}.tb-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 22px}.tb-option input{position:absolute;opacity:0}.tb-option span{display:block;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:13px 14px;text-align:center;font-weight:900;background:rgba(255,255,255,.03)}.tb-option.selected span,.tb-option input:checked+span{border-color:#8067ff;background:linear-gradient(135deg,rgba(54,136,255,.55),rgba(123,77,255,.55));box-shadow:0 0 24px rgba(112,92,255,.25)}.tb-warning{border:1px solid rgba(255,120,120,.35);background:rgba(255,70,70,.08);border-radius:12px;padding:14px;color:#ffd1d1}.tb-empty-big{padding:34px;border:1px dashed rgba(120,140,255,.35);border-radius:20px;text-align:center}.tb-admin-panel{padding:22px}.tb-admin-panel h1{font-size:32px;margin:0 0 10px}.tb-admin-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tb-admin-service-card,.tb-admin-settings-form{background:linear-gradient(135deg,rgba(65,8,30,.64),rgba(20,4,12,.85));border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:8px;margin:0 0 18px}.tb-admin-service-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tb-admin-service-head span{font-size:28px}.tb-admin-service-head b{font-size:22px}.tb-admin-service-head label{margin-left:auto}.tb-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tb-admin-grid label,.tb-admin-service-card .wide,.tb-admin-settings-form .wide{display:flex;flex-direction:column;gap:6px;font-weight:800}.tb-admin-service-card input,.tb-admin-service-card textarea,.tb-admin-settings-form input,.tb-admin-settings-form textarea{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);color:#fff;padding:10px}.tb-admin-service-card textarea,.tb-admin-settings-form textarea{resize:vertical}.tb-admin-service-card button,.tb-admin-settings-form button{width:100%;margin-top:14px;border:0;background:linear-gradient(180deg,#1d0a13,#030105);color:#fff;padding:12px;font-weight:900}.tb-admin-service-card small{color:#e7c5c5}.tb-admin-service-card .check,.tb-admin-settings-form .check{display:block;margin-top:12px}.tb-admin-service-card .check input,.tb-admin-settings-form .check input{width:auto;margin-right:8px}@media(max-width:980px){.tb-server-choice-grid,.tb-buy-grid,.tb-active-grid,.tb-option-grid,.tb-admin-services-grid,.tb-admin-grid{grid-template-columns:1fr}.tb-service-switch{align-items:stretch;flex-direction:column}.tb-service-switch select{min-width:0;width:100%}.tb-services-page .tb-service-panel{padding:22px}.tb-buy-head{display:block}.tb-buy-card{min-height:0}}/* GROUPPY SERVICES ADMIN V12 END */

/* GROUPPY SERVICES LISTING V13 START */
.tb-services-page .tb-service-shell{display:block;width:100%}
.tb-service-panel{padding:32px;border-radius:28px;background:linear-gradient(180deg,rgba(7,15,41,.76),rgba(4,11,33,.82));border:1px solid rgba(91,131,255,.28);box-shadow:0 12px 36px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06)}
.tb-service-panel>h1{font-size:clamp(30px,4vw,56px);line-height:1.04;margin:0 0 22px;font-weight:900;letter-spacing:.01em}
.tb-title-chunk h2,.tb-chunk h2{font-size:clamp(20px,2.7vw,38px);margin:0 0 18px;font-weight:900;letter-spacing:.01em}
.tb-chunk{padding:22px 24px;border-radius:24px;background:linear-gradient(180deg,rgba(6,15,45,.52),rgba(2,8,27,.66));border:1px solid rgba(93,132,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);margin:0 0 22px}
.tb-server-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tb-server-choice{display:flex;flex-direction:column;gap:8px;padding:18px 20px;min-height:110px;border-radius:20px;text-decoration:none;color:#fff;border:1px solid rgba(89,130,255,.28);background:linear-gradient(180deg,rgba(4,12,40,.84),rgba(1,7,25,.88));box-shadow:0 8px 26px rgba(0,0,0,.18)}
.tb-server-choice:hover{transform:translateY(-1px);border-color:rgba(111,153,255,.5)}
.tb-server-choice b{font-size:17px;line-height:1.25}.tb-server-choice span{opacity:.82;font-size:14px}.tb-server-choice em{margin-top:auto;align-self:flex-end;font-style:normal;font-weight:800;opacity:.9}
.tb-service-switch{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tb-service-switch label{font-weight:800;font-size:18px}.tb-service-switch select,.tb-slot-select{min-width:320px;max-width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(88,128,255,.35);background:rgba(5,12,35,.92);color:#fff;font-size:16px;font-weight:700}
.tb-active-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.tb-active-service{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;border:1px solid rgba(96,139,255,.26);background:linear-gradient(180deg,rgba(5,13,41,.72),rgba(2,8,25,.84))}.tb-active-service>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(86,118,255,.18);font-size:22px}.tb-active-service b{display:block;font-size:17px;margin:0 0 5px}.tb-active-service small{display:block;opacity:.84}
.tb-buy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.tb-buy-card{display:flex;flex-direction:column;gap:12px;min-height:250px;padding:22px;border-radius:24px;color:#fff;text-decoration:none;border:1px solid rgba(91,132,255,.28);background:linear-gradient(180deg,rgba(4,12,40,.84),rgba(1,7,25,.92));box-shadow:0 8px 28px rgba(0,0,0,.22)}.tb-buy-card>span{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;font-size:28px;background:rgba(95,116,255,.18)}.tb-buy-card b{font-size:18px}.tb-buy-card p{margin:0;opacity:.86;line-height:1.45}.tb-buy-card strong{margin-top:auto;font-size:24px;font-weight:900}.tb-buy-card em{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border-radius:16px;background:linear-gradient(90deg,#4c84ff,#8a63ff);font-style:normal;font-weight:900;color:#fff}.tb-buy-card:hover{transform:translateY(-2px);border-color:rgba(120,160,255,.45)}
.tb-buy-head{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 18px}.tb-buy-head p{margin:0;font-size:18px;font-weight:700}.tb-buy-head a{text-decoration:none;color:#b8c9ff;margin-left:4px}
.tb-checkout-card{padding:0}.tb-checkout-card h3,.tb-field-wrap h3{font-size:28px;line-height:1.15;margin:0 0 16px;font-weight:900}.tb-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px}.tb-option input{display:none}.tb-option span{display:flex;justify-content:center;align-items:center;min-height:72px;padding:14px;border-radius:16px;border:1px solid rgba(103,141,255,.34);background:rgba(6,14,39,.72);font-size:18px;font-weight:900;text-align:center}.tb-option input:checked+span{background:linear-gradient(90deg,rgba(95,131,255,.88),rgba(124,93,255,.88));border-color:rgba(170,193,255,.55)}
.tb-field-wrap{margin:10px 0 24px}.tb-slot-select{min-width:240px}.tb-warning{padding:16px 18px;border-radius:16px;background:rgba(194,127,17,.15);border:1px solid rgba(255,184,80,.25);color:#ffd596;font-weight:700}.tb-pay-btn{min-width:180px;min-height:56px;border-radius:16px;font-size:20px;font-weight:900}
.server-table-panel .section-head h2{font-size:clamp(26px,2.8vw,42px);font-weight:900;letter-spacing:.01em}
@media (max-width:900px){.tb-service-panel{padding:24px}.tb-chunk{padding:18px}.tb-buy-head{gap:10px;flex-direction:column}.tb-service-switch select,.tb-slot-select{min-width:100%}}
/* GROUPPY SERVICES LISTING V13 END */



/* GROUPPY V36 visual/services fix */
.listing-service-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:8px 0 22px}
.listing-service-card{position:relative;min-height:186px;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(122,141,255,.18);transition:.22s}
.listing-service-card:hover{transform:translateY(-2px);border-color:rgba(85,162,255,.72);box-shadow:0 0 38px rgba(60,124,255,.22),inset 0 1px 0 rgba(255,255,255,.05)}
.listing-service-card__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(180deg,rgba(88,91,255,.3),rgba(48,58,132,.18));color:#7d78ff;box-shadow:0 0 22px rgba(106,98,255,.22);border:1px solid rgba(154,164,255,.15)}
.listing-service-card__icon svg{width:30px;height:30px;filter:drop-shadow(0 0 8px rgba(131,118,255,.7))}
.listing-service-card b{font-size:18px;line-height:1.05;text-transform:uppercase}
.listing-service-card p{margin:0;color:#c7cfdf;line-height:1.45;min-height:46px}
.listing-service-card small{margin-top:auto;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);color:#b9c3d8;font-size:13px;font-weight:800}
.listing-service-card.is-action{justify-content:flex-start}
.listing-service-card__button{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;min-width:108px;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#477cff,#7658ff);color:#fff;font-weight:900;box-shadow:0 0 24px rgba(95,95,255,.32)}
.cabinet-panel-v36 .cabinet-summary-grid{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:20px;margin-bottom:18px}
.cabinet-panel-v36 .summary-card{border-radius:20px;border:1px solid rgba(122,141,255,.16);background:rgba(6,10,20,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);min-height:144px;padding:22px;display:flex;align-items:center;gap:18px}
.cabinet-panel-v36 .summary-card small{display:block;color:#adb6cc;font-weight:900;text-transform:uppercase;margin-bottom:8px}
.cabinet-panel-v36 .summary-card b{display:block;font-size:28px;line-height:1.05}
.cabinet-panel-v36 .summary-icon{width:70px;height:70px;min-width:70px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#6a59ff,#7f57ff);box-shadow:0 0 22px rgba(109,95,255,.32)}
.cabinet-panel-v36 .summary-icon svg{width:36px;height:36px}
.cabinet-panel-v36 .summary-card-spent{justify-content:flex-start}
.cabinet-panel-v36 .add-server-card-v36{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:14px;border-radius:22px;border:1px dashed rgba(133,140,255,.35);background:rgba(18,18,62,.32);color:#876eff;font-size:16px;font-weight:950;text-transform:uppercase;min-height:144px}
.cabinet-panel-v36 .add-server-card-v36 svg{width:34px;height:34px}
.cabinet-panel-v36 .add-server-form-v36{margin:0 0 18px}
.cabinet-empty-cell{padding:0 !important}
.cabinet-empty-state{min-height:190px;display:flex;align-items:center;justify-content:center;gap:26px;padding:26px 18px}
.cabinet-empty-state .soldier-empty{width:120px;height:120px;opacity:.28}
.cabinet-empty-state b{display:block;font-size:28px;line-height:1.05;margin-bottom:10px}
.cabinet-empty-state small{display:block;color:#aab4ca;font-size:16px;margin-bottom:16px}
.services-panel-v36{padding:34px 36px}
.services-panel-v36 h1{margin:0 0 26px;font-size:clamp(36px,4vw,58px);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}
.services-panel-v36 h2{margin:0 0 18px;font-size:clamp(24px,2.4vw,34px);line-height:1.02;text-transform:uppercase}
.service-step-v36 + .service-step-v36{margin-top:26px}
.service-server-grid-v36,.service-buy-grid-v36,.service-active-grid-v36{display:grid;gap:18px}
.service-server-grid-v36{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-server-card-v36,.service-buy-card-v36,.service-active-card-v36,.service-empty-v36,.service-empty-inline-v36,.service-purchase-box-v36{border-radius:20px;border:1px solid rgba(122,141,255,.18);background:rgba(6,10,20,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.service-server-card-v36{display:block;padding:20px 22px;position:relative;transition:.18s}
.service-server-card-v36:hover,.service-server-card-v36.active{border-color:rgba(84,164,255,.72);box-shadow:0 0 34px rgba(57,114,255,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.service-server-card-v36 b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-server-card-v36 small{display:block;margin-top:10px;color:#bbc5da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-server-card-v36 em{position:absolute;right:22px;bottom:18px;font-style:normal;color:#fff;font-size:13px;font-weight:900}
.service-current-v36{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-2px 0 18px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(122,141,255,.12)}
.service-current-v36 b{color:#a8b1c7;text-transform:uppercase;font-size:13px;letter-spacing:.12em}
.service-current-v36 strong{font-size:18px}
.service-current-v36 a{margin-left:auto;color:#8e7dff;font-weight:900}
.service-active-grid-v36{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-active-card-v36{display:flex;align-items:center;gap:16px;padding:20px}
.service-active-card-v36__icon,.service-buy-card-v36__icon{width:56px;height:56px;min-width:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(88,91,255,.3),rgba(48,58,132,.18));color:#7d78ff;box-shadow:0 0 22px rgba(106,98,255,.22);border:1px solid rgba(154,164,255,.15)}
.service-active-card-v36__icon svg,.service-buy-card-v36__icon svg{width:30px;height:30px;filter:drop-shadow(0 0 8px rgba(131,118,255,.7))}
.service-active-card-v36 b{display:block;font-size:18px;margin-bottom:6px}
.service-active-card-v36 small{display:block;color:#b8c2d9;line-height:1.4}
.service-buy-grid-v36{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-buy-card-v36{display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-height:255px;transition:.18s}
.service-buy-card-v36:hover{transform:translateY(-2px);border-color:rgba(84,164,255,.72);box-shadow:0 0 34px rgba(57,114,255,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.service-buy-card-v36 b{margin:18px 0 10px;font-size:22px;line-height:1.02}
.service-buy-card-v36 p{margin:0 0 18px;color:#bcc6dc;line-height:1.45;min-height:66px}
.service-buy-card-v36 strong{margin-top:auto;font-size:26px}
.service-buy-card-v36 em{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:12px;background:linear-gradient(135deg,#477cff,#7658ff);font-style:normal;font-weight:900;box-shadow:0 0 24px rgba(95,95,255,.32)}
.service-empty-v36{min-height:180px;padding:26px;display:flex;align-items:center;justify-content:center;gap:22px}
.service-empty-v36 .soldier-empty{width:106px;height:106px;opacity:.26}
.service-empty-v36 b{display:block;font-size:24px;margin-bottom:8px}
.service-empty-v36 small{display:block;color:#aab4ca;margin-bottom:14px;line-height:1.45}
.service-empty-inline-v36{padding:18px 20px;color:#aeb8cf}
.service-purchase-box-v36{padding:28px}
.service-purchase-head-v36{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px;color:#c3ccdd}
.service-purchase-head-v36 p{margin:0}
.service-purchase-head-v36 b{color:#fff}
.service-option-grid-v36{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}
.service-option-v36 input{position:absolute;opacity:0;pointer-events:none}
.service-option-v36 span{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px 16px;text-align:center;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);font-weight:900}
.service-option-v36 input:checked + span{border-color:rgba(109,131,255,.78);background:linear-gradient(135deg,rgba(71,124,255,.38),rgba(118,88,255,.36));box-shadow:0 0 22px rgba(92,105,255,.22)}
.service-slot-select-v36{display:flex;flex-direction:column;gap:10px;font-weight:900;margin:0 0 18px}
.service-slot-select-v36 select{min-height:48px;border-radius:12px;background:#070d20;color:#fff;border:1px solid rgba(106,131,255,.38);padding:0 14px}
body[data-active="listing"] .top-metrics{margin-top:0}
@media(max-width:1280px){.listing-service-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cabinet-panel-v36 .cabinet-summary-grid,.service-server-grid-v36,.service-active-grid-v36,.service-buy-grid-v36{grid-template-columns:1fr}.services-panel-v36{padding:28px}}
@media(max-width:860px){.listing-service-cards{grid-template-columns:1fr}.cabinet-panel-v36 .cabinet-summary-grid{grid-template-columns:1fr}.cabinet-empty-state,.service-empty-v36{flex-direction:column;text-align:center}.services-panel-v36{padding:22px}.service-option-grid-v36{grid-template-columns:1fr}.service-current-v36 a{margin-left:0}}

/* GROUPPY V37 cabinet/services/background final fix */
html{min-height:100%;background:#030814 url('/img/topboost-bg-v37.jpg') center top/cover fixed no-repeat!important;}
body{min-height:100%;position:relative;isolation:isolate;background:transparent!important;}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,18,.82),rgba(3,7,18,.76)),radial-gradient(circle at 74% 8%,rgba(94,61,180,.22),transparent 38%),url('/img/topboost-bg-v37.jpg') center top/cover fixed no-repeat!important;}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 16%,rgba(42,103,255,.14),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.34),transparent 28%,transparent 72%,rgba(0,0,0,.38));}
.topbar,.footer,.activity-bar,.panel,.glass-xl,.glass-dark{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

/* Listing service cards keep one clean line and correct order */
body[data-active="listing"] .listing-service-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin:8px 0 22px!important;}
body[data-active="listing"] .listing-service-card{min-height:186px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(13,20,43,.82),rgba(5,9,22,.84))!important;border:1px solid rgba(122,141,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 70px rgba(0,0,0,.20)!important;}
body[data-active="listing"] .listing-service-card__icon{width:54px!important;height:54px!important;border-radius:16px!important;}
@media(max-width:1280px){body[data-active="listing"] .listing-service-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body[data-active="listing"] .listing-service-cards{grid-template-columns:1fr!important}}

/* Cabinet pixel-clean look */
body[data-active="cabinet"] .cabinet-layout,
body[data-active="services"] .cabinet-layout,
.tbv37-cabinet-layout{width:min(1440px,calc(100% - 70px))!important;margin:28px auto 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:28px!important;align-items:start!important;}
body[data-active="cabinet"] .cabinet-panel-v36,
body[data-active="cabinet"] .cabinet-layout>div>.panel{padding:38px 36px 34px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(13,20,42,.86),rgba(5,9,22,.82))!important;border:1px solid rgba(126,151,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 80px rgba(0,0,0,.30)!important;}
body[data-active="cabinet"] .cabinet-panel-v36 h1{margin:0 0 28px!important;font-size:clamp(42px,4vw,62px)!important;line-height:.9!important;letter-spacing:-.04em!important;text-transform:uppercase!important;}
body[data-active="cabinet"] .cabinet-panel-v36 h1 span{display:inline-flex!important;width:72px!important;height:16px!important;margin-left:12px!important;background:linear-gradient(90deg,#6c58ff 0 34%,rgba(255,255,255,.22) 34% 70%,rgba(255,255,255,.12) 70%)!important;transform:skew(-22deg)!important;border-radius:2px!important;vertical-align:middle!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .cabinet-summary-grid{display:grid!important;grid-template-columns:1fr 1fr 1.52fr!important;gap:20px!important;margin:0 0 26px!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .summary-card{min-height:132px!important;padding:22px!important;border-radius:20px!important;background:rgba(5,10,23,.58)!important;border:1px solid rgba(122,141,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .summary-card-balance{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .summary-icon{width:70px!important;height:70px!important;border-radius:18px!important;box-shadow:0 16px 36px rgba(111,87,255,.32)!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .summary-card small{font-size:13px!important;color:#aab4c9!important;font-weight:950!important;letter-spacing:.02em!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .summary-card b{font-size:31px!important;letter-spacing:-.03em!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .summary-card .btn.mini{height:37px!important;min-height:37px!important;padding:0 22px!important;border-radius:10px!important;margin-top:8px!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .add-server-card-v36{min-height:132px!important;border-radius:20px!important;border:1px dashed rgba(139,119,255,.46)!important;background:linear-gradient(180deg,rgba(25,24,74,.36),rgba(12,15,43,.38))!important;color:#8a70ff!important;font-size:20px!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .table-wrap{overflow-x:auto!important;border-radius:16px!important;scrollbar-color:rgba(255,255,255,.45) rgba(255,255,255,.08)!important;}
body[data-active="cabinet"] .cabinet-panel-v36 .server-table{min-width:880px!important;}
body[data-active="cabinet"] .side-menu,.tbv37-cabinet-layout .side-menu{border-radius:28px!important;background:linear-gradient(180deg,rgba(13,20,42,.86),rgba(5,9,22,.82))!important;border:1px solid rgba(126,151,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 80px rgba(0,0,0,.26)!important;}

/* Services v37 workflow */
body[data-active="services"] .tbv37-services-panel{padding:42px 40px 38px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(13,20,42,.88),rgba(5,9,22,.84))!important;border:1px solid rgba(126,151,255,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 80px rgba(0,0,0,.30)!important;}
.tbv37-services-panel h1{margin:0 0 28px!important;font-size:clamp(42px,4vw,62px)!important;line-height:.9!important;letter-spacing:-.045em!important;text-transform:uppercase!important;}
.tbv37-step{margin-top:22px!important;padding:24px!important;border-radius:22px!important;background:rgba(5,10,23,.52)!important;border:1px solid rgba(126,151,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
.tbv37-step-open{margin-top:0!important;}
.tbv37-step-head{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:20px!important;}
.tbv37-step-head>span{width:54px!important;height:54px!important;min-width:54px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,rgba(88,91,255,.34),rgba(48,58,132,.22))!important;border:1px solid rgba(154,164,255,.18)!important;color:#8177ff!important;font-weight:950!important;box-shadow:0 0 25px rgba(106,98,255,.25)!important;}
.tbv37-step-head>span svg{width:30px!important;height:30px!important;}
.tbv37-step h2{margin:0!important;font-size:clamp(24px,2.35vw,34px)!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:-.03em!important;}
.tbv37-step p{margin:7px 0 0!important;color:#aeb8cf!important;font-weight:800!important;line-height:1.45!important;}
.tbv37-server-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.tbv37-server-card{position:relative!important;display:block!important;min-height:92px!important;padding:18px 20px!important;border-radius:16px!important;background:rgba(5,10,23,.62)!important;border:1px solid rgba(122,141,255,.22)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;transition:.18s!important;}
.tbv37-server-card:hover,.tbv37-server-card.is-active{transform:translateY(-1px)!important;border-color:rgba(87,158,255,.72)!important;box-shadow:0 0 30px rgba(57,114,255,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;}
.tbv37-server-card b{display:block!important;font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tbv37-server-card small{display:block!important;margin-top:9px!important;color:#aeb8cf!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tbv37-server-card em{position:absolute!important;right:16px!important;bottom:14px!important;font-style:normal!important;color:#fff!important;font-size:12px!important;font-weight:950!important;}
.tbv37-current{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin:0 0 22px!important;padding:16px 18px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(122,141,255,.14)!important;}
.tbv37-current b{color:#aeb8cf!important;text-transform:uppercase!important;font-size:13px!important;letter-spacing:.1em!important;}
.tbv37-current strong{font-size:18px!important;line-height:1.15!important;}
.tbv37-current a{margin-left:auto!important;color:#8c78ff!important;font-weight:950!important;}
.tbv37-active-grid,.tbv37-service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
.tbv37-active-card,.tbv37-service-card{border-radius:20px!important;border:1px solid rgba(122,141,255,.20)!important;background:linear-gradient(180deg,rgba(8,14,31,.72),rgba(5,10,23,.70))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
.tbv37-active-card{display:flex!important;gap:15px!important;align-items:center!important;padding:18px!important;}
.tbv37-active-card>span,.tbv37-service-icon{width:56px!important;height:56px!important;min-width:56px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,rgba(88,91,255,.34),rgba(48,58,132,.22))!important;border:1px solid rgba(154,164,255,.18)!important;color:#8177ff!important;box-shadow:0 0 25px rgba(106,98,255,.24)!important;}
.tbv37-active-card svg,.tbv37-service-icon svg{width:30px!important;height:30px!important;}
.tbv37-active-card b{display:block!important;font-size:18px!important;margin-bottom:6px!important;}
.tbv37-active-card small{display:block!important;color:#aeb8cf!important;line-height:1.35!important;}
.tbv37-empty-inline,.tbv37-empty{padding:22px!important;border:1px dashed rgba(128,143,255,.30)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important;color:#aeb8cf!important;font-weight:850!important;}
.tbv37-empty b{display:block!important;color:#fff!important;font-size:22px!important;margin-bottom:6px!important;}
.tbv37-empty small{display:block!important;margin-bottom:14px!important;}
.tbv37-service-card{min-height:245px!important;padding:22px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;color:#fff!important;transition:.18s!important;}
.tbv37-service-card:hover{transform:translateY(-2px)!important;border-color:rgba(87,158,255,.72)!important;box-shadow:0 0 34px rgba(57,114,255,.20),inset 0 1px 0 rgba(255,255,255,.05)!important;}
.tbv37-service-card b{margin:16px 0 10px!important;font-size:22px!important;line-height:1.05!important;text-transform:uppercase!important;}
.tbv37-service-card p{margin:0 0 18px!important;color:#b9c3d7!important;font-size:14.5px!important;line-height:1.45!important;min-height:62px!important;}
.tbv37-service-card strong{margin-top:auto!important;font-size:24px!important;line-height:1!important;}
.tbv37-service-card em{margin-top:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:46px!important;border-radius:12px!important;background:linear-gradient(135deg,#477cff,#7658ff)!important;color:#fff!important;font-style:normal!important;font-weight:950!important;box-shadow:0 0 24px rgba(95,95,255,.32)!important;}
.tbv37-checkout{padding:0!important;}
.tbv37-checkout-top{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin:0 0 18px!important;}
.tbv37-checkout-top p{margin:0!important;padding:12px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(122,141,255,.14)!important;color:#c8d1e4!important;}
.tbv37-checkout h3{margin:18px 0 14px!important;font-size:22px!important;}
.tbv37-option-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important;}
.tbv37-option input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.tbv37-option span{min-height:58px!important;padding:14px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.035)!important;font-weight:950!important;color:#fff!important;}
.tbv37-option input:checked+span{border-color:rgba(116,139,255,.82)!important;background:linear-gradient(135deg,rgba(71,124,255,.42),rgba(118,88,255,.38))!important;box-shadow:0 0 24px rgba(92,105,255,.24)!important;}
.tbv37-slot{display:flex!important;flex-direction:column!important;gap:9px!important;margin:0 0 18px!important;font-weight:950!important;}
.tbv37-slot select{height:50px!important;border-radius:13px!important;background:#070d20!important;color:#fff!important;border:1px solid rgba(106,131,255,.38)!important;padding:0 14px!important;font-weight:900!important;}
.tbv37-pay-btn{min-width:220px!important;height:54px!important;border-radius:14px!important;font-size:17px!important;}
@media(max-width:1280px){body[data-active="cabinet"] .cabinet-layout,body[data-active="services"] .cabinet-layout,.tbv37-cabinet-layout{width:calc(100% - 40px)!important;grid-template-columns:1fr!important}.tbv37-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:860px){body[data-active="cabinet"] .cabinet-layout,body[data-active="services"] .cabinet-layout,.tbv37-cabinet-layout{width:calc(100% - 22px)!important}.tbv37-services-panel{padding:24px!important}.tbv37-server-grid,.tbv37-active-grid,.tbv37-service-grid,.tbv37-option-grid,body[data-active="cabinet"] .cabinet-panel-v36 .cabinet-summary-grid{grid-template-columns:1fr!important}.tbv37-current a{margin-left:0!important}.tbv37-step{padding:18px!important}}
/* GROUPPY V37 cabinet/services/background final fix end */

/* GROUPPY V38: only cabinet top cards + cabinet/services visual flow */
body[data-active="cabinet"] .cabinet-panel .cabinet-top{
  grid-template-columns:250px 250px minmax(280px,1fr)!important;
  gap:18px!important;
  margin-bottom:22px!important;
  align-items:stretch!important;
}
body[data-active="cabinet"] .cabinet-panel .wallet{
  min-height:126px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  gap:6px!important;
  overflow:hidden!important;
}
body[data-active="cabinet"] .cabinet-panel .wallet span{
  width:52px!important;height:52px!important;border-radius:14px!important;
}
body[data-active="cabinet"] .cabinet-panel .wallet span svg{width:28px!important;height:28px!important;}
body[data-active="cabinet"] .cabinet-panel .wallet small{font-size:13px!important;line-height:1.1!important;}
body[data-active="cabinet"] .cabinet-panel .wallet b{
  font-size:24px!important;line-height:1.05!important;white-space:nowrap!important;letter-spacing:.01em!important;
}
body[data-active="cabinet"] .cabinet-panel .wallet .btn{min-height:36px!important;height:36px!important;padding:8px 14px!important;font-size:13px!important;border-radius:10px!important;}
body[data-active="cabinet"] .cabinet-panel .add-server-card{
  min-height:126px!important;border-radius:18px!important;font-size:20px!important;line-height:1.1!important;padding:14px 18px!important;
}
body[data-active="cabinet"] .cabinet-panel .add-server-card svg{width:28px!important;height:28px!important;}

.tbv38-services-layout{align-items:start!important;}
.tbv38-services-page{padding:34px!important;overflow:hidden!important;}
.tbv38-services-page h1{font-size:clamp(38px,4vw,58px)!important;line-height:.98!important;margin:0 0 28px!important;font-weight:950!important;letter-spacing:.01em!important;}
.tbv38-services-page h2{font-size:clamp(22px,2.2vw,32px)!important;line-height:1.08!important;margin:0 0 18px!important;font-weight:950!important;letter-spacing:.01em!important;text-transform:uppercase!important;}
.tbv38-step{margin-top:22px!important;padding:24px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(8,15,35,.62),rgba(5,10,24,.66))!important;border:1px solid rgba(94,127,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.18)!important;}
.tbv38-step-open{margin-top:0!important;}
.tbv38-server-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.tbv38-server-card{position:relative!important;display:block!important;min-height:110px!important;padding:18px 20px!important;border-radius:16px!important;color:#fff!important;text-decoration:none!important;background:linear-gradient(180deg,rgba(6,13,31,.82),rgba(4,9,22,.88))!important;border:1px solid rgba(93,123,255,.36)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 34px rgba(0,0,0,.2)!important;transition:.18s!important;}
.tbv38-server-card:hover{transform:translateY(-2px)!important;border-color:rgba(83,154,255,.72)!important;box-shadow:0 0 30px rgba(61,125,255,.2),inset 0 1px 0 rgba(255,255,255,.07)!important;}
.tbv38-server-card b{display:block!important;max-width:100%!important;font-size:16px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tbv38-server-card small{display:block!important;margin-top:10px!important;color:#b7c0d8!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tbv38-server-card em{position:absolute!important;right:18px!important;bottom:16px!important;font-style:normal!important;font-size:12px!important;font-weight:950!important;color:#fff!important;}
.tbv38-current{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin:0 0 22px!important;padding:16px 18px!important;border-radius:16px!important;background:rgba(4,9,23,.58)!important;border:1px solid rgba(111,135,255,.20)!important;}
.tbv38-current b{color:#aeb8cf!important;text-transform:uppercase!important;font-size:13px!important;letter-spacing:.08em!important;}
.tbv38-current strong{font-size:18px!important;line-height:1.15!important;color:#fff!important;}
.tbv38-current a{margin-left:auto!important;color:#927bff!important;font-weight:950!important;text-decoration:none!important;}
.tbv38-active-grid,.tbv38-buy-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
.tbv38-active-card,.tbv38-buy-card{border-radius:20px!important;border:1px solid rgba(107,134,255,.24)!important;background:linear-gradient(180deg,rgba(6,13,31,.76),rgba(4,9,22,.84))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
.tbv38-active-card{display:flex!important;align-items:center!important;gap:14px!important;padding:16px!important;}
.tbv38-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,rgba(89,91,255,.35),rgba(47,59,133,.24))!important;border:1px solid rgba(154,164,255,.18)!important;color:#8177ff!important;box-shadow:0 0 25px rgba(106,98,255,.24)!important;overflow:hidden!important;}
.tbv38-icon svg{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important;stroke-width:1.9!important;}
.tbv38-active-card b{display:block!important;font-size:17px!important;margin-bottom:5px!important;color:#fff!important;}
.tbv38-active-card small{display:block!important;color:#aeb8cf!important;line-height:1.35!important;font-weight:800!important;}
.tbv38-empty-line,.tbv38-empty{padding:20px!important;border:1px dashed rgba(128,143,255,.32)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important;color:#b5bfd9!important;font-weight:850!important;}
.tbv38-empty b{display:block!important;color:#fff!important;font-size:20px!important;margin-bottom:8px!important;}
.tbv38-empty span{display:block!important;margin-bottom:14px!important;}
.tbv38-buy-card{min-height:235px!important;padding:22px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;color:#fff!important;text-decoration:none!important;transition:.18s!important;}
.tbv38-buy-card:hover{transform:translateY(-2px)!important;border-color:rgba(83,154,255,.72)!important;box-shadow:0 0 32px rgba(61,125,255,.20)!important;}
.tbv38-buy-card b{margin:16px 0 10px!important;font-size:21px!important;line-height:1.08!important;text-transform:uppercase!important;color:#fff!important;}
.tbv38-buy-card p{margin:0 0 16px!important;color:#b8c2da!important;font-size:14.5px!important;line-height:1.45!important;min-height:58px!important;}
.tbv38-buy-card strong{margin-top:auto!important;font-size:24px!important;line-height:1!important;color:#fff!important;}
.tbv38-buy-card em,.tbv38-pay-btn{margin-top:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;border-radius:12px!important;background:linear-gradient(135deg,#477cff,#7658ff)!important;color:#fff!important;font-style:normal!important;font-weight:950!important;box-shadow:0 0 24px rgba(95,95,255,.32)!important;}
.tbv38-checkout-head{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:20px!important;}
.tbv38-checkout-head h2{margin:0 0 6px!important;}
.tbv38-checkout-head p{margin:0!important;color:#b8c2da!important;font-weight:800!important;}
.tbv38-checkout h3{margin:18px 0 14px!important;font-size:22px!important;}
.tbv38-option-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important;}
.tbv38-option{position:relative!important;display:block!important;}
.tbv38-option input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.tbv38-option span{min-height:58px!important;padding:14px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.035)!important;font-weight:950!important;color:#fff!important;}
.tbv38-option input:checked+span{border-color:rgba(116,139,255,.82)!important;background:linear-gradient(135deg,rgba(71,124,255,.45),rgba(118,88,255,.40))!important;box-shadow:0 0 24px rgba(92,105,255,.24)!important;}
.tbv38-place{display:flex!important;flex-direction:column!important;gap:9px!important;margin:0 0 18px!important;font-weight:950!important;}
.tbv38-place select{height:50px!important;border-radius:13px!important;background:#070d20!important;color:#fff!important;border:1px solid rgba(106,131,255,.38)!important;padding:0 14px!important;font-weight:900!important;max-width:380px!important;}
.tbv38-pay-row{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin-top:18px!important;}
.tbv38-pay-row p{margin:0!important;color:#b8c2da!important;font-weight:900!important;}
.tbv38-pay-row p b{color:#fff!important;font-size:20px!important;}
.tbv38-pay-btn{width:auto!important;min-width:220px!important;border:0!important;font-size:16px!important;}
.tbv38-pay-btn:disabled{opacity:.45!important;cursor:not-allowed!important;}
body[data-active="services"] .tb18-services-page{display:none!important;}
@media(max-width:1280px){.tbv38-services-layout{grid-template-columns:1fr!important}.tbv38-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:860px){body[data-active="cabinet"] .cabinet-panel .cabinet-top{grid-template-columns:1fr!important}.tbv38-services-page{padding:22px!important}.tbv38-server-grid,.tbv38-active-grid,.tbv38-buy-grid,.tbv38-option-grid{grid-template-columns:1fr!important}.tbv38-current a{margin-left:0!important}.tbv38-step{padding:18px!important}.tbv38-checkout-head{align-items:flex-start!important}}
/* GROUPPY V38 end */

/* GROUPPY CABINET BALANCE OVERFLOW V42 START
   Точечно сжимает только 3 верхние карточки кабинета: баланс / потрачено / добавить сервер.
   Цель: сумма баланса не вылезает за края карточки. */

html body .tb-cabinet-top-grid-v42,
html body .cabinet-panel .tb-cabinet-top-grid-v42,
html body .cabinet-page .tb-cabinet-top-grid-v42{
  display:grid !important;
  grid-template-columns:168px 168px 250px !important;
  gap:10px !important;
  align-items:stretch !important;
  align-content:start !important;
  width:596px !important;
  max-width:596px !important;
  min-width:0 !important;
  margin:0 0 18px 0 !important;
  overflow:visible !important;
}

html body .tb-cabinet-card-v42,
html body .tb-balance-card-v42,
html body .tb-spent-card-v42,
html body .tb-add-server-card-v42{
  box-sizing:border-box !important;
  min-width:0 !important;
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

html body .tb-balance-card-v42{
  width:168px !important;
  max-width:168px !important;
  padding:9px 10px !important;
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) !important;
  grid-template-rows:14px 21px 22px !important;
  grid-template-areas:"ico label" "ico value" "ico btn" !important;
  column-gap:8px !important;
  row-gap:0 !important;
  align-items:center !important;
  align-content:center !important;
}

html body .tb-spent-card-v42{
  width:168px !important;
  max-width:168px !important;
  padding:10px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:3px !important;
}

html body .tb-add-server-card-v42{
  width:250px !important;
  max-width:250px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  text-align:center !important;
  white-space:nowrap !important;
}

html body .tb-balance-card-v42 *,
html body .tb-spent-card-v42 *,
html body .tb-add-server-card-v42 *{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  position:static !important;
  transform:none !important;
}

html body .tb-balance-card-v42 .tb-card-icon-v42,
html body .tb-balance-card-v42 > svg:first-child,
html body .tb-balance-card-v42 > span:first-child,
html body .tb-balance-card-v42 > div:first-child:has(svg){
  grid-area:ico !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  border-radius:10px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

html body .tb-balance-card-v42 .tb-card-icon-v42 svg,
html body .tb-balance-card-v42 svg,
html body .tb-spent-card-v42 svg,
html body .tb-add-server-card-v42 svg{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  min-height:18px !important;
  max-height:18px !important;
}

html body .tb-balance-card-v42 .tb-card-label-v42,
html body .tb-spent-card-v42 .tb-card-label-v42,
html body .tb-balance-card-v42 small,
html body .tb-balance-card-v42 [class*="label"],
html body .tb-spent-card-v42 small,
html body .tb-spent-card-v42 [class*="label"]{
  grid-area:label !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-size:8.5px !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:rgba(226,232,255,.72) !important;
}

html body .tb-balance-card-v42 .tb-card-amount-v42,
html body .tb-spent-card-v42 .tb-card-amount-v42,
html body .tb-balance-card-v42 b,
html body .tb-balance-card-v42 strong,
html body .tb-balance-card-v42 [class*="amount"],
html body .tb-balance-card-v42 [class*="balance"],
html body .tb-balance-card-v42 [class*="value"],
html body .tb-spent-card-v42 b,
html body .tb-spent-card-v42 strong,
html body .tb-spent-card-v42 [class*="amount"],
html body .tb-spent-card-v42 [class*="value"]{
  grid-area:value !important;
  display:block !important;
  width:100% !important;
  max-width:104px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  color:#fff !important;
}

html body .tb-spent-card-v42 .tb-card-amount-v42,
html body .tb-spent-card-v42 b,
html body .tb-spent-card-v42 strong,
html body .tb-spent-card-v42 [class*="amount"],
html body .tb-spent-card-v42 [class*="value"]{
  max-width:140px !important;
  font-size:18px !important;
}

html body .tb-balance-card-v42 .tb-card-button-v42,
html body .tb-balance-card-v42 a,
html body .tb-balance-card-v42 button,
html body .tb-balance-card-v42 .btn{
  grid-area:btn !important;
  width:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  height:21px !important;
  min-height:21px !important;
  max-height:21px !important;
  margin:0 !important;
  padding:0 7px !important;
  border-radius:7px !important;
  font-size:8.8px !important;
  line-height:21px !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html body .tb-add-server-card-v42,
html body .tb-add-server-card-v42 a,
html body .tb-add-server-card-v42 button,
html body .tb-add-server-card-v42 span,
html body .tb-add-server-card-v42 b,
html body .tb-add-server-card-v42 strong{
  font-size:14px !important;
  line-height:1.05 !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
}

html body .tb-add-server-card-v42 .tb-card-amount-v42,
html body .tb-add-server-card-v42 [class*="plus"]{
  font-size:19px !important;
  line-height:1 !important;
}

@media(max-width:1180px){
  html body .tb-cabinet-top-grid-v42{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  html body .tb-balance-card-v42,
  html body .tb-spent-card-v42,
  html body .tb-add-server-card-v42{
    width:100% !important;
    max-width:100% !important;
  }
  html body .tb-add-server-card-v42{grid-column:1 / -1 !important;}
}

@media(max-width:700px){
  html body .tb-cabinet-top-grid-v42{grid-template-columns:1fr !important; gap:10px !important;}
}
/* GROUPPY CABINET BALANCE OVERFLOW V42 END */


/* GROUPPY V43: compact, non-overflow cabinet summary cards only */
/* GROUPPY V43: compact, non-overflow cabinet summary cards only */
.tb43-cabinet-summary,
.tb43-cabinet-summary-row {
  display: grid !important;
  grid-template-columns: minmax(248px, 268px) minmax(220px, 240px) minmax(300px, 1fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: min(100%, 850px) !important;
  max-width: 850px !important;
  overflow: visible !important;
}

.tb43-cabinet-card {
  min-width: 0 !important;
  width: 100% !important;
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  padding: 18px 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

.tb43-balance-card {
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 14px !important;
  align-items: center !important;
}

.tb43-balance-card img,
.tb43-balance-card svg,
.tb43-balance-card .icon,
.tb43-balance-card [class*="icon"] {
  max-width: 58px !important;
  max-height: 58px !important;
}

.tb43-cabinet-card *,
.tb43-balance-card *,
.tb43-spent-card * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.tb43-card-label {
  font-size: 12px !important;
  line-height: 1.05 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: .82 !important;
}

.tb43-money {
  font-size: clamp(23px, 1.75vw, 28px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.055em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: block !important;
  max-width: 100% !important;
  word-break: keep-all !important;
}

.tb43-balance-card .tb43-money {
  font-size: clamp(22px, 1.62vw, 26px) !important;
}

.tb43-topup-btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  line-height: 34px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  max-width: 140px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tb43-add-card {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.tb43-add-card * {
  white-space: nowrap !important;
}

@media (max-width: 1050px) {
  .tb43-cabinet-summary,
  .tb43-cabinet-summary-row {
    grid-template-columns: repeat(2, minmax(230px, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .tb43-add-card { grid-column: 1 / -1 !important; }
}

@media (max-width: 640px) {
  .tb43-cabinet-summary,
  .tb43-cabinet-summary-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .tb43-cabinet-card {
    height: auto !important;
    min-height: 104px !important;
    max-height: none !important;
  }
  .tb43-money,
  .tb43-balance-card .tb43-money {
    font-size: 24px !important;
  }
}

/* END GROUPPY V43 CABINET FIT */

/* GROUPPY_CABINET_FIT_V44_FALLBACK */
@import url('/css/topboost-cabinet-fit-v44.css?v=44.2');
/* GROUPPY V53: owner contacts, ban-list, cabinet top cards. Targeted only. */
.tbv53-server-extra{display:grid;gap:3px;margin:2px 0 4px}
.tbv53-extra-line{margin:0;color:#aeb8cf;font-weight:800;line-height:1.45}
.tbv53-extra-line span{color:#9aa6bd;font-weight:900}
.tbv53-extra-line a{color:#fff;font-weight:1000;text-decoration:none;border-bottom:1px solid rgba(124,105,255,.55)}
.tbv53-extra-line a:hover{color:#8e7cff;text-shadow:0 0 14px rgba(126,102,255,.45)}
.tbv53-extra-line small{color:#ffb9b9;font-weight:800;margin-left:8px}
.tbv53-good{color:#31e797!important;text-shadow:0 0 14px rgba(49,231,151,.25)}
.tbv53-bad,.admin-text-bad{color:#ff5252!important;font-weight:1000}.admin-text-ok{color:#31e797!important;font-weight:1000}
.tbv53-ban-box{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16);border-radius:14px;padding:14px;margin:12px 0}.tbv53-ban-box p{margin:0 0 8px}.admin-submit.danger{background:linear-gradient(135deg,#af1d32,#ff4e63)!important;color:#fff!important}

html body[data-active="cabinet"] .cabinet-panel .cabinet-summary-grid,
html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v42,
html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v41,
html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v40{
  display:grid!important;
  grid-template-columns:minmax(230px,250px) minmax(210px,230px) minmax(300px,1fr)!important;
  gap:24px!important;
  align-items:stretch!important;
  max-width:100%!important;
  width:100%!important;
  overflow:visible!important;
  margin:0 0 30px!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  height:120px!important;
  min-height:120px!important;
  max-height:120px!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card-balance{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:16px 18px!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card-balance .summary-icon{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;margin:0!important;grid-row:1 / span 3!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card-balance .summary-icon svg{width:29px!important;height:29px!important}
html body[data-active="cabinet"] .cabinet-panel .summary-card-balance > div:not(.summary-icon){
  min-width:0!important;max-width:100%!important;overflow:hidden!important;display:grid!important;gap:5px!important;align-content:center!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card small{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:1.1!important;letter-spacing:.02em!important;color:#aeb8cf!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card b{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;font-size:24px!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:1000!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card-balance .btn.mini,
html body[data-active="cabinet"] .cabinet-panel .summary-card-balance .btn{
  width:116px!important;max-width:100%!important;height:31px!important;min-height:31px!important;padding:0 11px!important;margin:0!important;border-radius:10px!important;font-size:12px!important;line-height:1!important;justify-self:start!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card-spent,
html body[data-active="cabinet"] .cabinet-panel .tb-spent-card-v42{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:18px 20px!important;gap:8px!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card-spent b,
html body[data-active="cabinet"] .cabinet-panel .tb-spent-card-v42 b{font-size:24px!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important}
html body[data-active="cabinet"] .cabinet-panel .add-server-card-v36,
html body[data-active="cabinet"] .cabinet-panel .tb-add-server-card-v42,
html body[data-active="cabinet"] .cabinet-panel .topboost-add-server-v41,
html body[data-active="cabinet"] .cabinet-panel .topboost-add-server-v40{
  height:120px!important;min-height:120px!important;max-height:120px!important;min-width:0!important;max-width:100%!important;padding:18px 24px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;font-size:20px!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;
}
html body[data-active="cabinet"] .cabinet-panel .add-server-card-v36 svg,
html body[data-active="cabinet"] .cabinet-panel .tb-add-server-card-v42 svg{width:28px!important;height:28px!important;min-width:28px!important}
html body[data-active="cabinet"] #addServerForm.add-server-form-v36{grid-template-columns:minmax(160px,1fr) minmax(130px,.8fr) minmax(130px,.8fr) 140px!important;gap:14px!important;max-width:100%!important;overflow:hidden!important;align-items:center!important}
html body[data-active="cabinet"] #addServerForm.add-server-form-v36 .btn{width:140px!important;min-width:0!important;max-width:140px!important;padding:0 14px!important;height:48px!important}
@media(max-width:1180px){html body[data-active="cabinet"] .cabinet-panel .cabinet-summary-grid,html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v42,html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v41,html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v40{grid-template-columns:repeat(2,minmax(210px,1fr))!important}html body[data-active="cabinet"] .cabinet-panel .add-server-card-v36,html body[data-active="cabinet"] .cabinet-panel .tb-add-server-card-v42{grid-column:1 / -1!important}}
@media(max-width:760px){html body[data-active="cabinet"] .cabinet-panel .cabinet-summary-grid,html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v42,html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v41,html body[data-active="cabinet"] .cabinet-panel .topboost-cabinet-top-v40{grid-template-columns:1fr!important}html body[data-active="cabinet"] #addServerForm.add-server-form-v36{grid-template-columns:1fr!important}html body[data-active="cabinet"] #addServerForm.add-server-form-v36 .btn{width:100%!important;max-width:none!important}}


/* GROUPPY V54 — owner contacts, ban-list badge, cabinet fit. Targeted only. */
.tbv54-server-extra{display:grid;gap:6px;margin:4px 0 10px}
.tbv54-extra-row{margin:0!important;color:#aab4ce!important;font-weight:800!important;line-height:1.35!important}
.tbv54-extra-row span{color:#aab4ce!important;font-weight:800!important}
.tbv54-extra-row b,.tbv54-extra-row a{font-weight:1000!important;color:#fff!important;text-decoration:none!important}
.tbv54-extra-row a{color:#f4f7ff!important;border-bottom:1px dashed rgba(144,157,255,.55);text-shadow:0 0 12px rgba(112,109,255,.32)}
.tbv54-extra-row a:hover{color:#8f82ff!important;border-bottom-color:#8f82ff!important}
.tbv54-ban-no{color:#ff5656!important}.tbv54-ban-yes{color:#ff4a4a!important}.tbv54-ban-reason{display:inline-block;margin-left:8px;color:#ffb3b3!important;font-weight:800!important}

/* Кабинет: именно фактическая разметка .cabinet-summary-grid/.summary-card, без влияния на листинг/услуги */
html body[data-active="cabinet"] .cabinet-panel .cabinet-summary-grid,
html body[data-active="cabinet"] .cabinet-summary-grid.topboost-cabinet-top-v41,
html body[data-active="cabinet"] .cabinet-summary-grid.topboost-cabinet-top-v42{
  display:grid!important;
  grid-template-columns:minmax(235px,260px) minmax(235px,260px) minmax(300px,1fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 28px!important;
  box-sizing:border-box!important;
}
html body[data-active="cabinet"] .cabinet-panel .summary-card,
html body[data-active="cabinet"] .cabinet-summary-grid .summary-card{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;
  padding:18px 20px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
html body[data-active="cabinet"] .summary-card-balance{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
}
html body[data-active="cabinet"] .summary-card-balance .summary-icon,
html body[data-active="cabinet"] .summary-card .summary-icon{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  margin:0!important;position:static!important;transform:none!important;grid-column:1!important;grid-row:1!important;
}
html body[data-active="cabinet"] .summary-card-balance .summary-icon svg{width:28px!important;height:28px!important}
html body[data-active="cabinet"] .summary-card-balance > div:not(.summary-icon){
  min-width:0!important;max-width:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:6px!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;
}
html body[data-active="cabinet"] .summary-card-balance small,
html body[data-active="cabinet"] .summary-card-spent small{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:12px!important;line-height:1.05!important;margin:0!important;padding:0!important;letter-spacing:.02em!important;position:static!important;transform:none!important;
}
html body[data-active="cabinet"] .summary-card-balance b,
html body[data-active="cabinet"] .summary-card-spent b{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;
  font-size:22px!important;line-height:1!important;letter-spacing:-.045em!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;
}
html body[data-active="cabinet"] .summary-card-balance .btn,
html body[data-active="cabinet"] .summary-card-balance a.btn{
  width:118px!important;min-width:0!important;max-width:100%!important;height:34px!important;min-height:34px!important;padding:0 12px!important;margin:0!important;
  font-size:12px!important;line-height:1!important;border-radius:10px!important;position:static!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html body[data-active="cabinet"] .summary-card-spent{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:9px!important;
}
html body[data-active="cabinet"] .summary-card-spent > div{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important;position:static!important;transform:none!important;margin:0!important;padding:0!important}
html body[data-active="cabinet"] .cabinet-summary-grid button.summary-card,
html body[data-active="cabinet"] .add-server-card-v36,
html body[data-active="cabinet"] .tb-add-server-card-v42{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;white-space:nowrap!important;
  font-size:19px!important;line-height:1.1!important;min-width:0!important;overflow:hidden!important;
}
html body[data-active="cabinet"] .add-server-card-v36 svg{width:28px!important;height:28px!important;min-width:28px!important}
html body[data-active="cabinet"] .add-server-card-v36 span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}

/* Форма добавления сервера в кабинете — кнопка не уезжает вправо */
html body[data-active="cabinet"] #addServerForm.add-server-form,
html body[data-active="cabinet"] #addServerForm.add-server-form-v36{
  display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(138px,auto)!important;
  gap:14px!important;align-items:center!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;padding:16px!important;
}
html body[data-active="cabinet"] #addServerForm input{min-width:0!important;width:100%!important;box-sizing:border-box!important}
html body[data-active="cabinet"] #addServerForm .btn{min-width:138px!important;width:100%!important;padding-left:18px!important;padding-right:18px!important;white-space:nowrap!important}

@media (max-width:1180px){
  html body[data-active="cabinet"] .cabinet-panel .cabinet-summary-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
  html body[data-active="cabinet"] .add-server-card-v36{grid-column:1 / -1!important}
}
@media (max-width:860px){
  html body[data-active="cabinet"] .cabinet-panel .cabinet-summary-grid{grid-template-columns:1fr!important}
  html body[data-active="cabinet"] #addServerForm.add-server-form,html body[data-active="cabinet"] #addServerForm.add-server-form-v36{grid-template-columns:1fr!important}
}





/* GROUPPY_V171_HIDE_SHOW_MORE_START */
.server-table-panel .center .btn.btn-ghost[href^="/listing?service="]{display:none !important;}
/* GROUPPY_V171_HIDE_SHOW_MORE_END */