:root{
  --brand:#ff6b2d;--brand2:#ff8e42;--brand3:#ffb27e;--dark:#191919;--ink:#191919;--muted:#6d7280;--soft:#f7f7f7;--soft2:#f1f2f4;--line:#e8e8e8;--card:#fff;--green:#18b86b;--red:#e13c45;--yellow:#f3a41c;--radius:30px;--radius2:22px;--shadow:0 20px 60px rgba(25,25,25,.08);--shadow2:0 22px 50px rgba(255,107,45,.24)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(600px 360px at 85% 140px,rgba(255,107,45,.14),transparent 65%),radial-gradient(700px 420px at 8% 680px,rgba(255,178,126,.16),transparent 66%),linear-gradient(180deg,#fff 0,#fbfbfb 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}img{max-width:100%}.wrap{width:min(100% - 44px,1240px);margin:0 auto}.muted{color:var(--muted)}.hidden{display:none!important}
.top{height:86px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:10px;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(232,232,232,.86);border-radius:999px;padding:0 22px;box-shadow:0 14px 44px rgba(25,25,25,.06)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.01em}.brandMark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#191919;color:#fff;font-size:22px;box-shadow:0 10px 30px rgba(25,25,25,.12)}.brandText{font-weight:900;text-transform:uppercase;line-height:1}.brandText small{display:block;font-size:10px;letter-spacing:.16em;color:#8a8a8a;margin-top:2px}.nav{display:flex;align-items:center;gap:30px;color:#272727;font-weight:700}.nav a:hover{color:var(--brand)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:#1f2430}.pill.orange{background:#fff4ee;color:var(--brand);border-color:#ffd7c3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:999px;font-weight:900;background:var(--brand);color:#fff;box-shadow:var(--shadow2);transition:.18s transform,.18s box-shadow,.18s background}.btn:hover{transform:translateY(-1px);background:#fa5d1a}.btn.dark{background:#191919;box-shadow:0 18px 44px rgba(25,25,25,.18)}.btn.secondary{background:#fff;color:#191919;border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;color:#717885;box-shadow:none;border:1px solid transparent}.btn.small{padding:9px 13px;font-size:13px}.btn.full{width:100%}.btn.danger{background:#fff0f1;color:var(--red);border:1px solid #ffd5d9;box-shadow:none}.linkBtn{background:transparent;color:var(--brand);font-weight:900;padding:0}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:48px;align-items:center;min-height:710px;padding:58px 0 30px}.hero:after{content:"";position:absolute;right:-80px;top:56px;width:540px;height:540px;border-radius:50%;background:#f1f1f1;z-index:-1}.eyebrow{display:inline-flex;align-items:center;gap:12px;padding:9px 16px;margin-bottom:26px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#454b55;font-weight:800;box-shadow:0 10px 30px rgba(25,25,25,.05)}.pulse{width:10px;height:10px;border-radius:99px;background:var(--brand);box-shadow:0 0 0 7px rgba(255,107,45,.13)}.hero h1{font-size:clamp(46px,7vw,108px);line-height:.91;margin:0 0 24px;letter-spacing:-.075em;font-weight:900}.hero h1 span{display:block;color:var(--brand)}.lead{font-size:21px;line-height:1.55;color:#555e6d;max-width:680px;margin:0}.heroActions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:670px}.stat{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px 20px;box-shadow:0 14px 36px rgba(25,25,25,.05)}.stat b{font-size:26px;letter-spacing:-.04em}.visual{position:relative;min-height:560px;display:grid;place-items:center}.heroImg{position:relative;width:min(100%,560px);filter:drop-shadow(0 35px 62px rgba(25,25,25,.13));animation:float 6s ease-in-out infinite}.floatCard{position:absolute;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:16px 18px;box-shadow:var(--shadow);font-weight:900}.floatCard.one{left:8px;top:82px}.floatCard.two{right:10px;bottom:108px}.floatCard small{display:block;color:var(--muted);font-weight:700;margin-top:4px}.miniLine{display:flex;align-items:center;gap:8px}.miniDot{width:9px;height:9px;border-radius:50%;background:var(--green)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.section{padding:70px 0}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section h2,.h2{font-size:clamp(32px,4.2vw,58px);letter-spacing:-.06em;line-height:.98;margin:0}.section p.sub{max-width:585px;color:#666e7b;font-size:18px;line-height:1.55;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cols2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 16px 48px rgba(25,25,25,.055)}.card h3{font-size:23px;line-height:1.12;margin:0 0 10px;letter-spacing:-.03em}.card p{line-height:1.55}.card.orange{background:linear-gradient(145deg,#ff6b2d,#ff9b57);color:#fff;border-color:transparent;box-shadow:var(--shadow2)}.card.orange .muted,.card.orange p{color:rgba(255,255,255,.86)}.iconImg{width:56px;height:56px;object-fit:contain;margin-bottom:16px}.serviceCard{min-height:245px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.serviceCard img.cardArt{width:100%;max-height:138px;object-fit:contain;margin:-4px 0 12px}.cardNew{position:relative;overflow:hidden}.cardNew:before{content:"";position:absolute;top:-2px;left:-2px;width:40%;height:35%;border-top:4px solid var(--brand);border-left:4px solid var(--brand);border-top-left-radius:30px}.cardNew:after{content:"";position:absolute;right:-3px;bottom:-3px;width:32%;height:24%;border-right:4px solid var(--brand);border-bottom:4px solid var(--brand);border-bottom-right-radius:30px}.featureList{display:grid;gap:14px}.featureItem{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px}.featureItem h3{margin:0 0 6px}.cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:#191919;color:#fff;border-radius:38px;padding:40px 44px;box-shadow:0 24px 70px rgba(25,25,25,.18);position:relative;overflow:hidden}.cta:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(255,107,45,.28)}.cta>*{position:relative}.cta p{color:rgba(255,255,255,.72);font-size:18px;max-width:760px}.footer{margin:60px 0 28px;padding:28px 0;border-top:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.social{display:flex;gap:10px}.social img{width:24px;height:24px}
.modal{position:fixed;inset:0;background:rgba(8,8,8,.56);display:grid;place-items:center;z-index:200;padding:20px;backdrop-filter:blur(10px)}.modal[hidden]{display:none}.box{width:min(540px,100%);background:#fff;border-radius:32px;padding:30px;border:1px solid var(--line);box-shadow:0 35px 90px rgba(0,0,0,.24);position:relative}.box h2{margin:0 0 16px;font-size:32px;letter-spacing:-.04em}.modalClose{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;background:#f4f4f4;color:#333;font-weight:900}.field{display:flex;flex-direction:column;gap:8px;margin:13px 0}.field label{font-weight:850;color:#303642}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 15px;background:#fbfbfc;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(255,107,45,.55);box-shadow:0 0 0 4px rgba(255,107,45,.11)}.field textarea{min-height:120px;resize:vertical}.modalActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.toast{position:fixed;right:22px;bottom:22px;background:#191919;color:#fff;padding:14px 18px;border-radius:18px;z-index:300;box-shadow:0 18px 50px rgba(25,25,25,.24);max-width:min(420px,calc(100vw - 44px))}
.appShell{display:grid;grid-template-columns:286px 1fr;gap:24px;margin-top:26px}.side{display:flex;flex-direction:column;gap:16px}.panelCard{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:var(--shadow)}.menu{display:flex;flex-direction:column;gap:8px}.menu button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#6d7280;font-weight:900;padding:14px 15px;border-radius:18px}.menu button:hover{background:#f6f6f6}.menu button.sel{background:#fff2ec;color:#191919;box-shadow:inset 4px 0 0 var(--brand)}.ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.main{min-width:0}.heroPanel{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#fff7f1);border:1px solid var(--line);border-radius:30px;padding:24px 26px;box-shadow:var(--shadow);margin-bottom:24px}.titleRow{display:flex;align-items:center;gap:14px;margin:10px 0 22px;flex-wrap:wrap}.titleRow h1{font-size:42px;line-height:1;margin:0;letter-spacing:-.055em}.bigIcon{width:58px;height:58px;border-radius:20px;background:#fff;display:grid;place-items:center;border:1px solid var(--line);color:var(--brand);box-shadow:0 14px 30px rgba(25,25,25,.06)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tabs button{padding:12px 16px;background:transparent;font-weight:900;color:#707887;border-radius:16px 16px 0 0;white-space:nowrap}.tabs button.sel{color:var(--brand);background:#fff;border:1px solid var(--line);border-bottom-color:#fff}.tableWrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#858b96}.table input,.table select{max-width:170px;border:1px solid var(--line);border-radius:12px;padding:9px;background:#fff}.status{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:999px;font-weight:900;font-size:13px;background:#e9fff3;color:#07994a}.status.pending,.status.waiting{background:#fff6e8;color:#b56a00}.status.paused{background:#f1f2f4;color:#526174}.status.blocked,.status.invalid{background:#ffecef;color:#c92832}.status.partial{background:#fff6e8;color:#b56a00}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.domainRow{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:16px;margin-bottom:14px}.empty{border:1px dashed #d6dbe4;border-radius:24px;padding:26px;color:#65748a;background:#fff}.chat{height:380px;overflow:auto;background:#f7f8fa;border:1px solid var(--line);border-radius:22px;padding:14px}.msg{max-width:82%;padding:12px 14px;margin:9px 0;border-radius:18px;background:#fff;border:1px solid var(--line);line-height:1.45}.msg.me{margin-left:auto;background:#fff1ea;border-color:#ffd8c8}.msg small{display:block;color:var(--muted);margin-top:6px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f4f5f7;border:1px solid var(--line);border-radius:18px;padding:15px;white-space:pre-wrap;word-break:break-word}.kv{display:grid;gap:10px}.kv div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:9px}.avatar{width:42px;height:42px;border-radius:50%;background:#fff1ea;color:var(--brand);display:grid;place-items:center;font-weight:950}.statLine{display:flex;align-items:center;justify-content:space-between;gap:20px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f3f4f6;color:#5e6674;font-size:12px;font-weight:900}.badge.ok{background:#e9fff3;color:#07994a}.badge.warn{background:#fff6e8;color:#b56a00}.badge.err{background:#ffecef;color:#c92832}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.copyRow{display:flex;align-items:center;gap:10px}.copyRow .code{flex:1}.mobileOnly{display:none}
#app:empty:before{content:"Турбо загружается. Если экран не меняется, обновите страницу с Ctrl+F5.";display:block;max-width:720px;margin:120px auto;padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 80px rgba(25,25,25,.10);color:#191919;font:800 22px/1.35 system-ui,Arial;text-align:center}
@media(max-width:1080px){.hero{grid-template-columns:1fr;min-height:auto}.visual{min-height:430px}.grid,.cols4,.cols3{grid-template-columns:repeat(2,1fr)}.appShell{grid-template-columns:1fr}.side{order:2}.domainRow{grid-template-columns:1fr}.top{width:calc(100% - 22px)}.nav{display:none}.cta{grid-template-columns:1fr}.sectionHead{display:block}.split{grid-template-columns:1fr}}
@media(max-width:720px){.wrap{width:min(100% - 24px,1240px)}.top{height:auto;min-height:72px;padding:14px;gap:12px;flex-wrap:wrap;border-radius:28px}.brandText{font-size:14px}.actions{width:100%}.actions .btn,.actions .pill{flex:1}.hero{padding-top:34px}.hero h1{font-size:54px}.heroStats,.grid,.cols2,.cols3,.cols4{grid-template-columns:1fr}.visual{min-height:300px}.floatCard{display:none}.section{padding:44px 0}.card{padding:22px;border-radius:24px}.heroPanel{grid-template-columns:1fr}.titleRow h1{font-size:32px}.footer{display:block}.table th,.table td{padding:12px}.modalActions .btn{flex:1}.box{padding:24px;border-radius:26px}.desktopOnly{display:none}.mobileOnly{display:inline-flex}.copyRow{display:block}.copyRow .btn{margin-top:8px;width:100%}}
.menu button{position:relative}.menu button span:first-of-type{flex:1}.menuBadge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;box-shadow:0 10px 22px rgba(255,107,45,.26)}.menuBadge.big{height:30px;min-width:30px;font-size:14px;margin-left:4px}.field small.muted{line-height:1.45}


/* === SMMBLACK_TARGETED_UI_PATCH_START === */
.toggleGroup{display:grid;gap:12px;margin:18px 0 4px}.toggleRow{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid var(--line);border-radius:20px;background:#fbfbfc;cursor:pointer;transition:.18s border-color,.18s background,.18s box-shadow}.toggleRow:hover{border-color:rgba(255,107,45,.45);background:#fff}.toggleRow input{position:absolute;opacity:0;pointer-events:none}.toggleText{display:grid;gap:4px;min-width:0}.toggleText b{font-size:15px;color:#303642;line-height:1.15}.toggleText small{font-size:13px;line-height:1.35;color:var(--muted);font-weight:700}.toggleSwitch{width:52px;height:30px;border-radius:999px;background:#e5e7eb;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);position:relative;flex:0 0 auto;transition:.18s background,.18s box-shadow}.toggleSwitch:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(25,25,25,.16);transition:.18s transform}.toggleRow input:checked~.toggleSwitch{background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 24px rgba(255,107,45,.28)}.toggleRow input:checked~.toggleSwitch:before{transform:translateX(22px)}.toggleRow input:focus-visible~.toggleSwitch{outline:3px solid rgba(255,107,45,.22);outline-offset:3px}
@media(max-width:720px){.toggleRow{align-items:flex-start}.toggleSwitch{margin-top:2px}}
/* === SMMBLACK_TARGETED_UI_PATCH_END === */

/* === SMMBLACK_STATS_UI_PATCH_START === */
.statsPage{background:#0f1012;color:#f7f7f8;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:20px;box-shadow:0 30px 90px rgba(10,10,12,.22)}
.statsTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.statsDomain{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:950;letter-spacing:-.03em}.globeDot{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:#1b1c20;border:1px solid rgba(255,255,255,.1)}.globeDot:before{content:"";width:16px;height:16px;border:2px solid #fff;border-radius:50%;display:block;box-shadow:inset 7px 0 0 rgba(255,255,255,.18)}
.statsTabs{display:flex;gap:22px;margin-top:18px;overflow:auto}.statsTabs button{background:transparent;color:#a5abb7;border-radius:0;padding:0 0 10px;font-weight:900;border-bottom:2px solid transparent;white-space:nowrap}.statsTabs button.sel{color:#fff;border-bottom-color:#4d8cff}.darkStatsBtn{background:#1b1c20!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.statsToolbar{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:16px 0}.statsToolbar select{height:44px;border:1px solid rgba(255,255,255,.10);background:#17181c;color:#fff;border-radius:12px;padding:0 14px;font-weight:800}.statsZone{display:grid;gap:18px}.statsLoading{padding:30px;background:#17181c;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#a5abb7}.trafficPanel,.statsCard{background:#18191d;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.trafficCaption{font-weight:900;color:#aab1be;margin-bottom:20px}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}.metricGrid div{display:grid;grid-template-columns:auto 1fr;gap:5px 10px}.metricGrid i{width:8px;height:8px;border-radius:50%;margin-top:13px}.metricGrid b{font-size:28px;line-height:1;color:#fff}.metricGrid span{grid-column:2;color:#8d94a3;font-size:14px;font-weight:800}.metricGrid .blue{background:#377dff}.metricGrid .green{background:#1fce89}.metricGrid .yellow{background:#ffb020}.metricGrid .red{background:#ff4d5f}.trafficChart{width:100%;height:300px;display:block;background:#15161a;border-radius:16px}.trafficChart line{stroke:rgba(255,255,255,.08);stroke-width:1}.trafficChart text{fill:#777f8f;font-size:12px;font-weight:700}.trafficChart .area{fill:url(#areaGrad);stroke:none}.trafficChart .line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.trafficChart .total{stroke:#725cff}.trafficChart .allowed{stroke:#22c7a5}.trafficChart .blocked{stroke:#ff4d5f}.statsHint{color:#9aa2b3;text-align:center;margin:16px 0 0}.statsTwo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.statsCard h3{margin:0 0 12px;color:#fff}.statsCard .muted{color:#9aa2b3}.statsList{display:grid;gap:10px}.statsList div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.07);padding:10px 0;color:#c9cfdb}.statsList b{color:#fff}.subList{display:grid;gap:12px}.subList>div{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;background:#121317;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.subList small{color:#8d94a3}.filterGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.filterGrid div{background:#121317;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.filterGrid b{display:block;color:#fff;margin-bottom:6px}.filterGrid span{color:#929aaa;font-size:13px}.ruleRow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#121317;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;margin:10px 0}.ruleRow small{display:block;color:#8d94a3;margin-top:4px}.miniToggle input{display:none}.miniToggle span{display:block;width:46px;height:26px;border-radius:999px;background:#3a3d45;position:relative}.miniToggle span:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.18s}.miniToggle input:checked+span{background:#22c785}.miniToggle input:checked+span:before{transform:translateX(20px)}.statsPage .field input,.statsPage .field select{background:#121317;border-color:rgba(255,255,255,.1);color:#fff}.statsPage .toggleRow{background:#121317;border-color:rgba(255,255,255,.08)}.statsPage .toggleText b{color:#fff}.statsPage .toggleText small{color:#9aa2b3}
@media(max-width:900px){.metricGrid,.filterGrid{grid-template-columns:repeat(2,1fr)}.statsTwo{grid-template-columns:1fr}.statsTop{display:block}.statsToolbar{justify-content:flex-start;flex-wrap:wrap}.statsToolbar select{flex:1;min-width:160px}}
@media(max-width:560px){.metricGrid,.filterGrid{grid-template-columns:1fr}.ruleRow{grid-template-columns:1fr}.statsPage{padding:14px;border-radius:22px}.trafficChart{height:220px}}
/* === SMMBLACK_STATS_UI_PATCH_END === */

/* === SMMBLACK_STATS_FORCE_LIGHT_COMPACT_START === */
html body .statsPage{
  background:rgba(255,255,255,.96)!important;
  color:#191919!important;
  border:1px solid #e6e8ee!important;
  border-radius:30px!important;
  padding:22px!important;
  box-shadow:0 28px 90px rgba(25,25,25,.10)!important;
  position:relative!important;
  overflow:hidden!important;
}
html body .statsPage:before{
  content:""!important;
  position:absolute!important;
  right:-150px!important;
  top:-150px!important;
  width:420px!important;
  height:420px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,107,45,.14),transparent 68%)!important;
  pointer-events:none!important;
}
html body .statsPage>*{position:relative!important}
html body .statsTop{
  border-bottom:1px solid #eceff4!important;
  padding:0 0 16px!important;
}
html body .statsDomain{
  color:#191919!important;
  font-size:26px!important;
  letter-spacing:-.04em!important;
}
html body .globeDot{
  background:#fff4ee!important;
  border:1px solid #ffd7c3!important;
  box-shadow:0 12px 26px rgba(255,107,45,.12)!important;
}
html body .globeDot:before{
  border-color:#ff6b2d!important;
  box-shadow:inset 7px 0 0 rgba(255,107,45,.16)!important;
}
html body .statsTabs button{
  background:transparent!important;
  color:#767f8f!important;
  border-bottom-color:transparent!important;
}
html body .statsTabs button:hover{color:#191919!important}
html body .statsTabs button.sel{
  color:#191919!important;
  border-bottom-color:#ff6b2d!important;
}
html body .darkStatsBtn{
  background:#fff!important;
  color:#191919!important;
  border:1px solid #e6e8ee!important;
  box-shadow:none!important;
}
html body .darkStatsBtn:hover{
  background:#fff7f2!important;
  border-color:#ffd7c3!important;
}
html body .statsToolbar select{
  background:#fff!important;
  color:#191919!important;
  border:1px solid #e6e8ee!important;
  box-shadow:0 10px 28px rgba(25,25,25,.045)!important;
}
html body .statsToolbar select:focus{
  border-color:rgba(255,107,45,.55)!important;
  box-shadow:0 0 0 4px rgba(255,107,45,.10)!important;
}
html body .statsLoading,
html body .trafficPanel,
html body .statsCard{
  background:#fff!important;
  color:#191919!important;
  border:1px solid #e6e8ee!important;
  box-shadow:0 16px 48px rgba(25,25,25,.055)!important;
}
html body .trafficPanel,
html body .statsCard{
  border-radius:24px!important;
}
html body .trafficCaption{
  color:#424a57!important;
  font-weight:950!important;
}
html body .metricGrid b,
html body .statsCard h3,
html body .statsList b,
html body .ruleRow b,
html body .filterGrid b,
html body .statsPage .toggleText b{
  color:#191919!important;
}
html body .metricGrid span,
html body .statsHint,
html body .statsCard .muted,
html body .statsPage .muted,
html body .subList small,
html body .ruleRow small,
html body .filterGrid span,
html body .statsPage .toggleText small{
  color:#747d8b!important;
}
html body .trafficChart{
  background:linear-gradient(180deg,#fbfbfc,#f6f7f9)!important;
  border:1px solid #edf0f4!important;
  border-radius:18px!important;
}
html body .trafficChart line{
  stroke:rgba(25,25,25,.085)!important;
}
html body .trafficChart text{
  fill:#818996!important;
}
html body .trafficChart .total{stroke:#6b4dff!important}
html body .trafficChart .allowed{stroke:#22c7a5!important}
html body .trafficChart .blocked{stroke:#ff4d5f!important}
html body .statsList{
  gap:0!important;
}
html body .statsList div{
  color:#424a57!important;
  border-bottom:1px solid #eceff4!important;
  padding:8px 0!important;
}
html body .statsList div span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:88%!important;
}
html body .statsListExtra{
  margin-top:4px!important;
}
html body .statsMore{
  margin-top:10px!important;
}
html body .statsMore summary{
  cursor:pointer!important;
  user-select:none!important;
  list-style:none!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid #ffd7c3!important;
  background:#fff7f2!important;
  color:#ff6b2d!important;
  font-weight:950!important;
  font-size:14px!important;
}
html body .statsMore summary::-webkit-details-marker{display:none!important}
html body .statsMore[open] summary{
  margin-bottom:8px!important;
  background:#fff!important;
  color:#191919!important;
  border-color:#e6e8ee!important;
}
html body .subList>div,
html body .filterGrid div,
html body .ruleRow,
html body .statsPage .toggleRow{
  background:#fbfbfc!important;
  border:1px solid #e6e8ee!important;
  color:#191919!important;
}
html body .statsPage .field input,
html body .statsPage .field select{
  background:#fff!important;
  border-color:#e6e8ee!important;
  color:#191919!important;
}
html body .miniToggle span{background:#e5e7eb!important}
html body .miniToggle input:checked+span{background:linear-gradient(135deg,#ff6b2d,#ff8a4c)!important}
@media(max-width:900px){
  html body .statsTwo{grid-template-columns:1fr!important}
}
/* === SMMBLACK_STATS_FORCE_LIGHT_COMPACT_END === */

/* SMMBLACK Team & Subdomains patch */
.roleGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}.roleGrid>div{background:#fafafa;border:1px solid var(--line);border-radius:18px;padding:16px}.roleGrid b{display:block;margin-bottom:6px}.roleGrid span{display:block;color:var(--muted);font-size:13px;line-height:1.35}.permChip{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #ffd7c8;background:#fff4ef;color:#ff642f;border-radius:999px;font-size:12px;font-weight:800;margin:2px}.permBox{display:grid;gap:10px;margin:12px 0}.switchLine{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fafafa;cursor:pointer}.switchLine input{display:none}.switchLine span{width:44px;height:26px;border-radius:999px;background:#e7e9ef;position:relative;flex:0 0 44px;transition:.2s}.switchLine span:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 3px 10px rgba(0,0,0,.12);transition:.2s}.switchLine input:checked+span{background:var(--orange)}.switchLine input:checked+span:before{left:21px}.switchLine b{font-size:14px}.inputSuffix{display:flex;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fafafa;overflow:hidden}.inputSuffix input{border:0!important;background:transparent!important;border-radius:0!important;flex:1}.inputSuffix span{color:var(--muted);font-weight:800;padding:0 15px;white-space:nowrap}.proSubList{display:grid;gap:12px}.proSubList>div,.subItem{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.proSubList small{display:block;color:var(--muted);margin-top:4px}.subActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.subItem b{word-break:break-word}.teamMini{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.proSubList>div,.subItem{grid-template-columns:1fr}.subActions{justify-content:flex-start}}@media(max-width:640px){.roleGrid{grid-template-columns:1fr}.inputSuffix{display:block}.inputSuffix span{display:block;padding:0 15px 12px}.permChip{font-size:11px}}

/* === SMMBLACK PRO REMERGE styles === */
.tabLine{display:flex;gap:10px;margin:10px 0 18px;border-bottom:1px solid var(--line);padding-bottom:8px}.tabLine button{border:0;background:transparent;font-weight:900;color:var(--muted);padding:10px 0;border-bottom:2px solid transparent;cursor:pointer}.tabLine button.sel{color:var(--text);border-color:var(--orange)}.tabLine span{background:var(--orange);color:#fff;border-radius:999px;padding:2px 8px;margin-left:6px;font-size:12px}.ticketCard{display:flex;flex-direction:column;gap:12px}.ticketHead,.statLine{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ticketControls{display:flex;gap:8px;flex-wrap:wrap}.ticketControls select{min-height:38px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 12px;font-weight:800}.quickReplies{display:flex;flex-wrap:wrap;gap:8px}.quickReplies button,.suggestGrid button{border:1px solid #ffd7c8;background:#fff7f2;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer;color:#ff5b2e}.supportList{display:grid;gap:14px}.notif{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notif.read{opacity:.65}.proDomain{gap:12px}.diagMini{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.diagMini span{font-size:12px;font-weight:900;border-radius:999px;padding:6px 9px;background:#f4f6fb;color:#7b8496}.diagMini span.ok{background:#eafff4;color:#11a96b}.diagMini span.warn{background:#fff8e8;color:#b77900}.diagMini span.bad{background:#fff1f1;color:#d33}.attackPill{display:inline-block;margin-left:8px;background:#fff1f1;color:#e33548;border:1px solid #ffd0d5;border-radius:999px;font-size:12px;padding:5px 8px;vertical-align:middle}.wideBox{max-width:780px}.checkList{display:grid;gap:10px}.checkItem{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;display:grid;gap:5px}.checkItem.ok{border-color:#c8f4dc;background:#fbfffd}.checkItem.bad{border-color:#ffd3d3;background:#fffafa}.notice.badNotice{background:#fff2f2;border:1px solid #ffd6d6;color:#b92222;border-radius:18px;padding:14px;margin-top:12px}.attackBanner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff0e9,#fff7f2);border:1px solid #ffd7c8;border-radius:24px;padding:16px 18px;margin-bottom:16px}.attackBanner b{font-size:18px}.statsThree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.attackRow{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:18px;padding:14px;margin:10px 0;background:#fff}.attackRow small{display:block;color:var(--muted);margin-top:4px}.suggestGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statsPage.lightStats{background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}.statsPage.lightStats .statsTop,.statsPage.lightStats .statsToolbar{background:transparent!important;border-color:var(--line)!important}.statsPage.lightStats .trafficPanel,.statsPage.lightStats .statsCard{background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:0 16px 50px rgba(22,22,24,.06)!important}.statsPage.lightStats .statsDomain,.statsPage.lightStats .statsTabs button,.statsPage.lightStats .trafficCaption,.statsPage.lightStats h3{color:var(--text)!important}.statsPage.lightStats select{background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important}.statsPage.lightStats .metricGrid b{color:var(--text)!important}.statsPage.lightStats .metricGrid span,.statsPage.lightStats .statsHint,.statsPage.lightStats .muted{color:var(--muted)!important}.statsPage.lightStats .chart{background:#f8f9fb!important;border-color:#edf0f5!important}.statsPage.lightStats .chartGrid{opacity:.6}.statsPage.lightStats .statsList li,.statsPage.lightStats .ruleRow{border-color:#eef0f5!important}.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filterGrid div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px}.filterGrid span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.ruleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.ruleRow small{display:block;color:var(--muted);margin-top:4px}@media(max-width:980px){.statsThree,.filterGrid{grid-template-columns:1fr}.attackBanner,.attackRow{align-items:flex-start;flex-direction:column}}
/* === /SMMBLACK PRO REMERGE styles === */

/* === SMMBLACK_STATS_CARD_OVERFLOW_FIX_START ===
   Точечный фикс: элементы списков статистики не выходят за правую границу карточек/плашки.
*/
html body .statsPage,
html body .statsPage *{
  box-sizing:border-box!important;
}
html body .statsPage{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body .statsZone,
html body .trafficPanel,
html body .statsCard,
html body .statsTwo,
html body .statsThree{
  min-width:0!important;
  max-width:100%!important;
}
html body .statsTwo,
html body .statsThree{
  width:100%!important;
  overflow:hidden!important;
}
html body .statsTwo{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .statsThree{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body .statsCard{
  overflow:hidden!important;
}
html body .statsList{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body .statsList div{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
html body .statsList div span,
html body .statsList div .statName,
html body .statsList div > :first-child{
  min-width:0!important;
  max-width:none!important;
  flex:1 1 auto!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
}
html body .statsList div b,
html body .statsList div > :last-child{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  margin-left:10px!important;
}
html body .statsListExtra,
html body .statsMore{
  max-width:100%!important;
  overflow:hidden!important;
}
html body .statsMore summary{
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
html body .statsToolbar{
  flex-wrap:wrap!important;
  max-width:100%!important;
}
html body .statsToolbar select,
html body .statsToolbar .btn,
html body .statsToolbar button{
  max-width:100%!important;
}
@media(max-width:1180px){
  html body .statsThree{grid-template-columns:1fr!important;}
}
@media(max-width:860px){
  html body .statsTwo{grid-template-columns:1fr!important;}
}
/* === SMMBLACK_STATS_CARD_OVERFLOW_FIX_END === */

/* === SMMBLACK_PROTECTION_MODES_UI_START === */
.protectionModeCard{overflow:hidden}.modeGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.modeCard{border:1px solid #e8e8e8;border-radius:22px;background:#fff;padding:16px;box-shadow:0 10px 28px rgba(25,25,25,.05);display:flex;flex-direction:column;gap:12px;min-width:0}.modeCard.active{border-color:#ff6b2d;background:linear-gradient(180deg,#fff7f2,#fff);box-shadow:0 18px 44px rgba(255,107,45,.13)}.modeTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.modeTop b{font-size:16px;color:#191919}.modeTop span{font-size:11px;font-weight:800;color:#ff6b2d;background:#fff0e8;border:1px solid #ffd4bf;border-radius:999px;padding:5px 8px;white-space:nowrap}.modeCard p{margin:0;color:#6d7280;font-size:13px;line-height:1.45}.modeSpecs{display:grid;gap:6px;margin-top:auto}.modeSpecs small{display:flex;justify-content:space-between;gap:8px;color:#7b8190;border-top:1px solid #f0f0f0;padding-top:6px}.modeSpecs b{color:#191919}.modePill{border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px;background:#fff0e8;color:#ff5b20;border:1px solid #ffd4bf}.mode-observe{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.mode-standard{background:#ecfdf5;color:#059669;border-color:#bbf7d0}.mode-enhanced{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.mode-attack{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.mode-maximum{background:#191919;color:#fff;border-color:#191919}.protectSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.protectSummary div{border:1px solid #e8e8e8;border-radius:18px;background:#fafafa;padding:14px;min-width:0}.protectSummary b{display:block;font-size:22px;color:#191919;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.protectSummary span{display:block;color:#7b8190;font-size:12px;margin-top:4px}.compactToggles{margin-top:12px}@media(max-width:1180px){.modeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.protectSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.modeGrid,.protectSummary{grid-template-columns:1fr}.modeTop{display:block}.modeTop span{display:inline-block;margin-top:8px}}
/* === SMMBLACK_PROTECTION_MODES_UI_END === */


/* === SMMBLACK_PROTECTION_MODES_UI_FIX_START === */
/* Точечный дизайн-фикс: карточки "Режимы защиты" не выходят за плашку статистики. */
.protectionModeCard,
.statsCard.protectionModeCard {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.protectionModeCard .statLine {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

.protectionModeCard .statLine > div {
  min-width: 240px !important;
  max-width: 100% !important;
  flex: 1 1 360px !important;
}

.protectionModeCard .statLine .muted {
  max-width: 760px !important;
}

.modePill {
  flex: 0 0 auto !important;
  max-width: 100% !important;
  white-space: normal !important;
  text-align: center !important;
}

.modeGrid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.modeCard {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.modeTop {
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.modeTop b {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.2 !important;
}

.modeTop span {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

.modeCard p,
.modeCard small,
.modeSpecs,
.modeSpecs small,
.modeSpecs b {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.modeSpecs small {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 8px !important;
}

.modeSpecs b {
  text-align: right !important;
  white-space: normal !important;
}

.modeCard .btn,
.modeCard button {
  width: 100% !important;
  justify-content: center !important;
  white-space: normal !important;
}

@media (max-width: 1280px) {
  .modeGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .modeGrid {
    grid-template-columns: 1fr !important;
  }
  .protectionModeCard .statLine > div {
    min-width: 0 !important;
    flex-basis: 100% !important;
  }
}
/* === SMMBLACK_PROTECTION_MODES_UI_FIX_END === */


/* === SMMBLACK_STORAGE_SECURITY_PATCH_START === */
.journalRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #edf0f4}.journalRow b{display:block;color:#191919}.journalRow small{display:block;color:#7b8494;margin-top:4px}.journalRow span{font-size:12px;font-weight:800;border-radius:999px;padding:7px 10px;background:#f4f5f7;color:#6b7280}.journalRow.critical span,.journalRow.warn span{background:#fff1ed;color:#ff5f2d}.journalRow.success span{background:#eafff4;color:#0f9f60}.ruleRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}.attackRow small{display:block;margin-top:5px;color:#7b8494}.statsTabs{flex-wrap:wrap}.statsTabs button{white-space:nowrap}.filterGrid>div{min-width:0}.filterGrid span{overflow:hidden;text-overflow:ellipsis}.lightStats .statsCard{overflow:hidden}.lightStats .ruleRow{min-width:0}.lightStats .ruleRow>div{min-width:0;overflow:hidden}
/* === SMMBLACK_STORAGE_SECURITY_PATCH_END === */

/* === SMMBLACK_UI_UX_PRO_START === */
:root{
  --ux-blur:18px;
  --ux-ring:0 0 0 4px rgba(255,107,45,.13);
  --ux-shadow-soft:0 18px 60px rgba(25,25,25,.075);
  --ux-shadow-orange:0 24px 70px rgba(255,107,45,.24);
}
html{scroll-padding-top:110px}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body:after{content:"";position:fixed;inset:auto -18% -42% -18%;height:55vh;background:radial-gradient(closest-side,rgba(255,107,45,.12),transparent 72%);pointer-events:none;z-index:-1;filter:blur(10px)}
::selection{background:rgba(255,107,45,.22);color:#191919}
:focus-visible{outline:3px solid rgba(255,107,45,.35)!important;outline-offset:3px;border-radius:14px}
.top{will-change:transform,backdrop-filter;animation:uxTopIn .5s ease both}.top:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,247,242,.72));z-index:-1}.brandMark{position:relative;isolation:isolate}.brandMark:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:rgba(255,107,45,.10);z-index:-1;transform:scale(.7);opacity:0;transition:.25s}.brand:hover .brandMark:after{transform:scale(1);opacity:1}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--brand);border-radius:999px;transform:scaleX(0);transform-origin:left;transition:.22s}.nav a:hover:after{transform:scaleX(1)}
.btn{position:relative;overflow:hidden;transform:translateZ(0)}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.25) 42%,transparent 65%);transform:translateX(-110%);transition:.55s}.btn:hover:before{transform:translateX(120%)}.btn:active{transform:translateY(1px) scale(.99)}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;left:-16%;top:14%;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(255,107,45,.10),transparent 68%);filter:blur(6px);z-index:-1}.hero h1,.hero .lead,.heroActions,.heroStats,.eyebrow{animation:uxFadeUp .65s ease both}.hero .lead{animation-delay:.08s}.heroActions{animation-delay:.14s}.heroStats{animation-delay:.2s}.visual{perspective:900px}.heroImg{animation:float 6s ease-in-out infinite,uxGlow 4s ease-in-out infinite}.floatCard{backdrop-filter:blur(14px);transition:.24s transform,.24s box-shadow}.floatCard:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(25,25,25,.13)}
.ux-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:690px;margin:18px 0 0}.ux-trust-strip div{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid rgba(255,107,45,.18);background:rgba(255,255,255,.76);backdrop-filter:blur(12px);border-radius:18px;color:#4e5664;font-weight:850;font-size:13px}.ux-trust-strip i{width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px rgba(255,107,45,.12);flex:0 0 auto}
.ux-process,.ux-stack{padding:70px 0}.ux-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ux-step{position:relative;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:0 18px 54px rgba(25,25,25,.055);padding:24px;overflow:hidden}.ux-step:before{content:attr(data-step);display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#fff4ee;color:var(--brand);font-weight:950;margin-bottom:18px}.ux-step h3{margin:0 0 8px;font-size:20px;letter-spacing:-.03em}.ux-step p{margin:0;color:var(--muted);line-height:1.55}.ux-stack-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.ux-stack-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#fff,#fff9f5);box-shadow:var(--ux-shadow-soft);padding:28px;overflow:hidden}.ux-stack-list{display:grid;gap:12px}.ux-stack-list div{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #f0e7e1;border-radius:18px;background:rgba(255,255,255,.78)}.ux-stack-list b{display:block;margin-bottom:3px}.ux-stack-list span{color:var(--muted);font-size:14px;line-height:1.45}.ux-stack-list i{width:28px;height:28px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 28px rgba(255,107,45,.22);flex:0 0 28px}.ux-stack-metric{display:grid;gap:14px}.ux-stack-metric div{border:1px solid var(--line);border-radius:24px;background:#fff;padding:18px;box-shadow:0 12px 34px rgba(25,25,25,.045)}.ux-stack-metric b{font-size:34px;letter-spacing:-.06em;display:block}.ux-stack-metric span{color:var(--muted)}
.card,.panelCard,.featureItem,.serviceCard,.domainCard,.statsCard,.trafficPanel,.modal .box{transition:.22s transform,.22s box-shadow,.22s border-color}.card:hover,.panelCard:hover,.featureItem:hover,.serviceCard:hover,.domainCard:hover,.statsCard:hover{transform:translateY(-2px);box-shadow:var(--ux-shadow-soft);border-color:rgba(255,107,45,.24)}
.field input,.field select,.field textarea{transition:.16s border-color,.16s box-shadow,.16s background}.field input:hover,.field select:hover,.field textarea:hover{background:#fff}.modal{animation:uxModalBg .18s ease both}.box{animation:uxPop .24s cubic-bezier(.2,.8,.2,1) both;max-height:min(92vh,900px);overflow:auto}.toast{animation:uxToast .25s ease both}
.appShell{align-items:start}.main{container-type:inline-size}.menu button{position:relative}.menu button .badge,.menu button span.badge{margin-left:auto}.panelCard code{white-space:pre-wrap;word-break:break-word}.statsPage,.heroPanel{backdrop-filter:blur(8px)}.statsToolbar{flex-wrap:wrap}.trafficChart{max-width:100%}
.pwaInstall{position:fixed;right:22px;bottom:22px;z-index:260;display:none;align-items:center;gap:10px;border:1px solid rgba(255,107,45,.22);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-radius:999px;padding:12px 14px;box-shadow:0 18px 50px rgba(25,25,25,.12);font-weight:950;color:#191919}.pwaInstall.show{display:flex}.pwaInstall i{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-style:normal}.pwaInstall button{background:transparent;font-weight:950;color:var(--brand);padding:0}.scrollTopUX{position:fixed;right:22px;bottom:82px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#191919;color:#fff;box-shadow:0 18px 46px rgba(25,25,25,.18);z-index:240;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.scrollTopUX.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.ux-reveal{opacity:0;transform:translateY(18px);transition:.55s opacity,.55s transform}.ux-reveal.in{opacity:1;transform:none}
@keyframes uxTopIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes uxFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes uxGlow{0%,100%{filter:drop-shadow(0 35px 62px rgba(25,25,25,.13))}50%{filter:drop-shadow(0 42px 80px rgba(255,107,45,.18))}}@keyframes uxPop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes uxModalBg{from{opacity:0}to{opacity:1}}@keyframes uxToast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:44px}.hero:after{right:-160px;top:180px}.visual{min-height:430px}.ux-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-stack-grid{grid-template-columns:1fr}.appShell{grid-template-columns:240px 1fr}.top{height:auto;min-height:76px;border-radius:34px;align-items:center}.nav{gap:16px}}
@media(max-width:860px){.wrap{width:min(100% - 28px,1240px)}.top{position:relative;top:0;display:grid;grid-template-columns:1fr;justify-items:start;border-radius:28px;padding:16px}.top .actions{width:100%;justify-content:flex-start}.nav{width:100%;overflow:auto;padding-bottom:4px}.desktopOnly{display:none!important}.hero h1{font-size:clamp(42px,13vw,78px)}.lead{font-size:18px}.heroStats,.ux-trust-strip,.cols3,.cols4,.grid{grid-template-columns:1fr}.appShell{grid-template-columns:1fr}.side{position:relative}.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.menu button{justify-content:flex-start}.titleRow h1{font-size:34px}.heroPanel{grid-template-columns:1fr}.sectionHead{display:block}.section p.sub{margin-top:14px}.statsToolbar{justify-content:flex-start}.statsToolbar .btn{width:100%}}
@media(max-width:560px){.wrap{width:min(100% - 20px,1240px)}.brandText{font-size:14px}.brandMark{width:40px;height:40px}.hero{gap:18px;padding-top:28px}.heroActions .btn{width:100%}.visual{min-height:330px}.floatCard{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:8px}.ux-process-grid{grid-template-columns:1fr}.card,.panelCard,.trafficPanel,.statsCard{border-radius:22px;padding:18px}.box{padding:22px;border-radius:26px}.modalActions .btn{width:100%}.menu{grid-template-columns:1fr}.pwaInstall{left:12px;right:12px;bottom:12px;justify-content:space-between}.scrollTopUX{right:16px;bottom:74px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.heroImg{animation:none!important}.ux-reveal{opacity:1!important;transform:none!important}}
/* === SMMBLACK_UI_UX_PRO_END === */


/* === SMMBLACK_COUNTRY_FLAGS_SAFE_START === */
.statsList .countryRow span{font-weight:950;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;min-width:0}
.countryHint{margin-top:12px;font-size:12px;line-height:1.4;color:#8a93a3!important}
/* === SMMBLACK_COUNTRY_FLAGS_SAFE_END === */


/* === SMMBLACK_GAME_HOSTING_ADMIN_CRUD_CSS_START === */
.gameServerList{display:grid;gap:16px}.gameServerCard{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:18px}.gameIcon{width:46px;height:46px;border-radius:18px;background:#fff3ed;color:#ff5b2e;display:grid;place-items:center;font-size:24px}.gameMeta{display:flex;gap:14px;flex-wrap:wrap;color:#6f7787;font-size:14px}.gameEmpty{min-height:240px;display:grid;place-items:center;text-align:center}.gameHero{padding:24px;border-radius:28px;background:linear-gradient(110deg,#fff,#fff5ef);box-shadow:0 25px 70px rgba(24,28,36,.08)}.gameTabs{margin:18px 0}.gameTop{display:flex;justify-content:space-between;align-items:center}.gameControlGrid{display:grid;gap:18px}.kv{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #edf0f4;padding-top:12px}.kv span{color:#7b8495}.gamePrice{border:1px solid #ffc7b6;border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;background:#fff5ef;margin:12px 0}.gamePrice b{font-size:30px;color:#ff5b2e}.wideBox{max-width:980px}.field.full{grid-column:1/-1}.gameAdminStats{margin-bottom:16px}.gameCrudGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.gameCrudCard{border:1px solid #edf0f4;border-radius:20px;padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff}.gameCrudCard small{display:block;color:#7b8495;margin-top:4px}.ruleRow{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #edf0f4;padding:12px 0}.ruleRow small{display:block;color:#7b8495;margin-top:4px}@media(max-width:900px){.gameServerCard{grid-template-columns:1fr}.gameTop{display:block}.gameMeta{display:grid}.wideBox{max-width:calc(100vw - 24px)}}
/* === SMMBLACK_GAME_HOSTING_ADMIN_CRUD_CSS_END === */
/* === SMMBLACK_GAME_SERVER_ULTRA_SECTIONS_CSS_START === */
.gameQuickActions,.quickCmds,.gameMapGrid{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.consoleBox{min-height:220px;white-space:pre-wrap;background:#111821;color:#d9f7df;border-radius:18px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow:auto}.consoleInput{display:flex;gap:10px;margin-top:12px}.consoleInput input{flex:1}.gameDetails{margin-top:16px}.gameDetails pre,.logPre{max-height:420px;overflow:auto;white-space:pre-wrap;background:#f6f7f9;border:1px solid #edf0f4;border-radius:18px;padding:14px;font-size:13px}.dangerText{color:#d33;font-weight:700}.code{white-space:pre-wrap}.gameTabs{overflow:auto;padding-bottom:4px}.gameTabs button{white-space:nowrap}.tableWrap{overflow:auto}.table td .modalActions{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:900px){.consoleInput{display:block}.consoleInput .btn{margin-top:10px;width:100%}.gameTabs{display:flex}}
/* === SMMBLACK_GAME_SERVER_ULTRA_SECTIONS_CSS_END === */

/* SMMBLACK game fast loading */
.gameLoading{min-height:160px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.gameLoading:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,100,45,.08),transparent);animation:smmGameShimmer 1.15s infinite;transform:translateX(-100%)}
@keyframes smmGameShimmer{to{transform:translateX(100%)}}
.gameTabs{position:sticky;top:88px;z-index:5;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-radius:18px;padding:8px;box-shadow:0 12px 30px rgba(17,24,39,.04)}
.gameServerCard{will-change:transform;contain:layout paint}
#game-tab-body{min-height:220px}

/* === SMMBLACK_GAME_ULTRA_REALTIME_CSS_START === */
.gameLiveBadge{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid #e8ecf3;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 16px 44px rgba(18,24,40,.06);font-size:13px;color:#6b7280}.gameLiveBadge b{color:#111827}.gameLiveBadge span:not(.pulse){padding:4px 8px;border-radius:999px;background:#f8fafc;border:1px solid #eef2f7}.pulse{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.pulse.ok{background:#16a34a}.pulse.warn{background:#f97316;box-shadow:0 0 0 5px rgba(249,115,22,.12)}.ultraTabs{overflow:auto;white-space:nowrap;scrollbar-width:thin}.gameTaskBox{border-color:#fed7aa;background:linear-gradient(135deg,#fff,#fff7ed)}.taskBar{height:10px;background:#fff;border:1px solid #fed7aa;border-radius:999px;overflow:hidden;margin:10px 0 14px}.taskBar i{display:block;height:100%;background:linear-gradient(90deg,#ff6b2d,#ff9f43);border-radius:999px}.taskSteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.taskStep{padding:10px;border:1px solid #edf1f7;border-radius:16px;background:#fff}.taskStep b{display:block;font-size:13px}.taskStep small{display:block;color:#7b8494;margin-top:3px;min-height:16px}.taskStep.done{border-color:#bbf7d0;background:#f0fdf4}.taskStep.running{border-color:#fed7aa;background:#fff7ed}.taskStep.failed{border-color:#fecaca;background:#fef2f2}.taskStep.failed b{color:#dc2626}.miniInput{height:38px;border:1px solid #e5e7eb;border-radius:14px;padding:0 12px;min-width:220px}.gamePluginGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:10px 0 22px}.gamePluginCard{padding:16px;border:1px solid #e8ecf3;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(18,24,40,.05)}.gamePluginCard small{display:block;color:#7b8494;margin-top:5px}.fileCrumbs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.gameMapGrid{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.logPre{max-height:460px;overflow:auto;background:#111827;color:#e5e7eb;border-radius:18px;padding:16px;font-size:12px}.wideBox textarea{width:100%;min-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gameQuickActions{display:flex;gap:8px;flex-wrap:wrap}.kv{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:10px 16px}.kv span{color:#7b8494}.kv b{word-break:break-word}.tableWrap{overflow:auto}.table td,.table th{vertical-align:top}@media(max-width:760px){.gameLiveBadge{gap:6px}.miniInput{min-width:100%;width:100%}.taskSteps{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.ultraTabs{padding-bottom:8px}.modalActions{flex-wrap:wrap}}
/* === SMMBLACK_GAME_ULTRA_REALTIME_CSS_END === */