/* === SOURCE /arexhost-ux-v2/arex-ux-v2.css === */
/* ArexHost Billing UX v2.0.0 */
:root{
  --ux-bg:#07101a;--ux-bg-deep:#050b12;--ux-card:#0d1926;--ux-card-2:#101f2f;
  --ux-line:#1b3349;--ux-line-soft:rgba(116,151,182,.16);--ux-text:#f5f8fb;
  --ux-muted:#8ba0b5;--ux-muted-2:#60778d;--ux-orange:#ff7200;--ux-orange-2:#ff982f;
  --ux-blue:#2e78ff;--ux-green:#2cdb8d;--ux-red:#ff5d6c;--ux-yellow:#ffc14c;
  --ux-radius:16px;--ux-shadow:0 22px 70px rgba(0,0,0,.32)
}
.ux2-page{padding:24px 0 54px;background:radial-gradient(circle at 88% 0,rgba(22,94,176,.10),transparent 34rem)}
.ux2-wrap{width:min(1580px,calc(100% - 34px));margin:0 auto}
.ux2-card{background:linear-gradient(180deg,rgba(15,29,43,.98),rgba(8,18,28,.99));border:1px solid var(--ux-line);border-radius:var(--ux-radius);box-shadow:var(--ux-shadow)}
.ux2-card-flat{background:#0a1622;border:1px solid var(--ux-line);border-radius:14px}
.ux2-title{margin:0;color:var(--ux-text);font-size:clamp(28px,2vw,42px);line-height:1.04;letter-spacing:-.045em;font-weight:950}
.ux2-subtitle{color:var(--ux-muted);font-size:clamp(12px,.78vw,15px);line-height:1.65}
.ux2-eyebrow{color:var(--ux-orange-2);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ux2-section-title{margin:0;color:#fff;font-size:clamp(18px,1.15vw,24px);font-weight:950;letter-spacing:-.025em}
.ux2-section-note{margin-top:5px;color:var(--ux-muted);font-size:12px}
.ux2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.ux2-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:900;text-decoration:none;transition:.18s ease;cursor:pointer}
.ux2-btn:hover{transform:translateY(-1px)}
.ux2-btn-primary{color:#fff!important;background:linear-gradient(135deg,#ff6100,#ff8d1f);box-shadow:0 12px 30px rgba(255,114,0,.20)}
.ux2-btn-secondary{color:#dce9f5!important;background:#0b1926;border-color:#29435b}
.ux2-btn-danger{color:#ffafb6!important;background:rgba(255,72,91,.11);border-color:rgba(255,72,91,.38)}
.ux2-link{color:#68a3ff!important;font-size:12px;font-weight:850;text-decoration:none}
.ux2-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--ux-line);background:#091522;color:#a9bbcc;font-size:10px;font-weight:850}
.ux2-pill.green{color:#8df1bf;border-color:rgba(44,219,141,.27);background:rgba(44,219,141,.09)}
.ux2-pill.orange{color:#ffc182;border-color:rgba(255,114,0,.30);background:rgba(255,114,0,.10)}
.ux2-pill.red{color:#ffabb2;border-color:rgba(255,93,108,.28);background:rgba(255,93,108,.09)}
.ux2-input,.ux2-select{width:100%;height:46px;padding:0 14px;border:1px solid #294157;border-radius:11px;background:#091522;color:#f3f7fb;outline:0;font-size:13px}
.ux2-input:focus,.ux2-select:focus{border-color:#ff7b13;box-shadow:0 0 0 2px rgba(255,114,0,.10)}

/* dashboard */
.ux2-onboarding{display:grid;grid-template-columns:280px minmax(0,1fr) 220px;align-items:center;gap:22px;padding:22px 24px;overflow:hidden;background:radial-gradient(circle at 32% 50%,rgba(24,101,255,.15),transparent 20rem),linear-gradient(110deg,#0d1e39,#0c1830 48%,#0e1724)}
.ux2-onboarding-copy h2{margin:0;font-size:24px;font-weight:950}.ux2-onboarding-copy p{margin:7px 0 0;color:#b2c4d6;font-size:13px;line-height:1.5}.ux2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ux2-step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;min-height:76px;padding:12px;border:1px solid rgba(78,125,190,.24);border-radius:14px;background:rgba(5,14,26,.38)}.ux2-step-num{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #2d6bce;background:rgba(46,120,255,.14);color:#78aaff;font-size:18px;font-weight:950}.ux2-step:nth-child(2) .ux2-step-num{border-color:#6e4fd0;color:#b292ff;background:rgba(115,79,208,.13)}.ux2-step:nth-child(3) .ux2-step-num{border-color:#1a8a60;color:#67e3ae;background:rgba(26,138,96,.13)}.ux2-step b{display:block;font-size:13px}.ux2-step small{display:block;margin-top:4px;color:#7f95aa;font-size:10px;line-height:1.4}.ux2-onboarding-cta{text-align:center}.ux2-onboarding-cta small{display:block;margin-top:7px;color:#8aa0b5;font-size:9px}
.ux2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.ux2-metric{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:14px;min-height:104px;padding:18px}.ux2-metric-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(46,120,255,.26);border-radius:50%;background:rgba(46,120,255,.12);color:#73a7ff}.ux2-metric.green .ux2-metric-icon{color:#6ae4ac;border-color:rgba(44,219,141,.25);background:rgba(44,219,141,.10)}.ux2-metric.red .ux2-metric-icon{color:#ff919b;border-color:rgba(255,93,108,.25);background:rgba(255,93,108,.10)}.ux2-metric.orange .ux2-metric-icon{color:#ffaf62;border-color:rgba(255,114,0,.27);background:rgba(255,114,0,.10)}.ux2-metric span{display:block;color:#91a6ba;font-size:11px}.ux2-metric strong{display:block;margin-top:4px;font-size:26px;line-height:1;font-weight:950}.ux2-metric small{display:block;margin-top:7px;color:#5d8ee7;font-size:10px}
.ux2-config-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:14px;align-items:start}.ux2-config{padding:20px}.ux2-config-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;margin-top:17px}.ux2-config-steps{display:grid;gap:14px}.ux2-config-step{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}.ux2-config-step i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid #2b5ca5;background:#0e2440;color:#76a9ff;font-style:normal;font-size:11px;font-weight:900}.ux2-config-step b{display:block;font-size:12px}.ux2-config-step small{display:block;margin-top:4px;color:#6f859a;font-size:10px;line-height:1.5}.ux2-config-body{min-width:0}.ux2-game-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.ux2-game-tab{min-height:84px;padding:10px;border:1px solid #263f56;border-radius:12px;background:#0a1622;color:#d9e4ef;text-align:center}.ux2-game-tab.active{border-color:#3d82ff;box-shadow:0 0 0 1px rgba(61,130,255,.34) inset;background:rgba(31,77,139,.18)}.ux2-game-tab img{width:38px;height:38px;object-fit:cover;border-radius:8px;margin:0 auto 7px}.ux2-game-tab b{display:block;font-size:10px}.ux2-config-label{display:block;margin:16px 0 8px;color:#91a6ba;font-size:11px;font-weight:850}.ux2-choice-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ux2-choice{position:relative;min-height:56px;padding:10px;border:1px solid #273f55;border-radius:10px;background:#091522;color:#dce7f2;text-align:left}.ux2-choice.active{border-color:#3f82ff;background:rgba(46,120,255,.10)}.ux2-choice b{display:block;font-size:11px}.ux2-choice small{display:block;margin-top:4px;color:#7890a6;font-size:9px}.ux2-choice em{position:absolute;right:6px;top:-7px;padding:3px 6px;border-radius:999px;background:#e54555;color:#fff;font-size:8px;font-style:normal;font-weight:900}.ux2-slider{width:100%;accent-color:var(--ux-orange)}.ux2-slider-labels{display:flex;justify-content:space-between;color:#687e94;font-size:9px}.ux2-config-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ux2-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ux2-extra{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;border:1px solid #263e54;border-radius:10px;background:#091522}.ux2-extra b{font-size:10px}.ux2-extra small{display:block;color:#73889d;font-size:8px}.ux2-toggle{width:36px;height:20px;border-radius:999px;background:#283c50;padding:3px;transition:.2s}.ux2-toggle i{display:block;width:14px;height:14px;border-radius:50%;background:#dce5ed;transition:.2s}.ux2-toggle.on{background:#ff7200}.ux2-toggle.on i{transform:translateX(16px)}
.ux2-order-summary{position:sticky;top:20px;padding:18px}.ux2-order-preview{height:112px;overflow:hidden;border-radius:12px;border:1px solid #29435b;background:#07111b}.ux2-order-preview img{width:100%;height:100%;object-fit:cover}.ux2-order-list{display:grid;gap:0;margin-top:12px}.ux2-order-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(100,132,161,.16);font-size:11px}.ux2-order-list span{color:#7f94a9}.ux2-order-total{display:flex;justify-content:space-between;align-items:end;margin-top:14px}.ux2-order-total span{color:#8297ab;font-size:10px}.ux2-order-total strong{font-size:28px;font-weight:950}.ux2-order-summary .ux2-btn{width:100%;margin-top:15px}.ux2-secure{margin-top:10px;color:#679a84;font-size:9px;line-height:1.45;text-align:center}
.ux2-dashboard-bottom{display:grid;grid-template-columns:1.05fr .9fr 1.05fr 1.05fr;gap:14px;margin-top:14px}.ux2-mini-panel{padding:17px;min-height:230px}.ux2-list{display:grid;gap:8px;margin-top:12px}.ux2-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(100,132,161,.16);border-radius:10px;background:#091522}.ux2-list-row b{font-size:11px}.ux2-list-row small{display:block;margin-top:3px;color:#6f859a;font-size:9px}.ux2-list-row strong{font-size:11px}.ux2-help-cards{display:grid;gap:8px;margin-top:12px}.ux2-help-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(100,132,161,.16);border-radius:10px;background:#091522}.ux2-help-card i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(46,120,255,.12);color:#6ca4ff}.ux2-help-card b{font-size:10px}.ux2-help-card small{display:block;margin-top:3px;color:#72889d;font-size:8px}

/* catalog */
.ux2-catalog-hero{position:relative;overflow:hidden;min-height:250px;padding:34px 38px;background:linear-gradient(90deg,rgba(8,18,30,.95),rgba(8,18,30,.72) 55%,rgba(8,18,30,.12)),url('/arexos-games/card-generic.jpg') center/cover}.ux2-catalog-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(28,104,211,.18),transparent 24rem);pointer-events:none}.ux2-catalog-copy{position:relative;z-index:1;max-width:700px}.ux2-catalog-copy h1{margin:10px 0 0;font-size:clamp(38px,4vw,70px);line-height:.98;letter-spacing:-.055em;font-weight:950}.ux2-catalog-copy h1 em{color:var(--ux-orange);font-style:normal}.ux2-catalog-copy p{max-width:620px;margin:15px 0 0;color:#a8bdd0;font-size:13px;line-height:1.65}.ux2-hero-actions{display:flex;gap:10px;margin-top:19px}.ux2-trust-grid{position:absolute;z-index:2;right:30px;bottom:22px;display:grid;grid-template-columns:repeat(4,150px);gap:10px}.ux2-trust{padding:14px;border:1px solid rgba(84,130,180,.28);border-radius:12px;background:rgba(8,20,34,.78);backdrop-filter:blur(10px)}.ux2-trust b{display:block;font-size:18px}.ux2-trust small{display:block;margin-top:4px;color:#7e95aa;font-size:9px}.ux2-catalog-section{margin-top:22px}.ux2-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.ux2-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.ux2-game-card{overflow:hidden}.ux2-game-image{position:relative;height:190px;background:#102033 center/cover no-repeat}.ux2-game-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,12,.02),rgba(5,11,18,.75))}.ux2-game-icon{position:absolute;z-index:2;left:13px;bottom:13px;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(7,14,22,.82);font-size:18px;font-weight:950}.ux2-game-body{padding:15px}.ux2-game-body h3{margin:0;font-size:18px;font-weight:950}.ux2-game-body p{min-height:38px;margin:7px 0 0;color:#8398ac;font-size:10px;line-height:1.5}.ux2-game-price{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:15px}.ux2-game-price span{color:#7c91a6;font-size:10px}.ux2-game-price strong{color:#ff9b3c;font-size:20px}.ux2-process{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1fr 1fr 1fr;gap:10px;margin-top:18px}.ux2-process-card{min-height:96px;padding:14px;border:1px solid var(--ux-line);border-radius:12px;background:#0a1622}.ux2-process-card b{display:block;font-size:11px}.ux2-process-card small{display:block;margin-top:7px;color:#72889d;font-size:9px;line-height:1.5}.ux2-tariffs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.ux2-tariff{padding:15px}.ux2-tariff h4{margin:0;font-size:14px}.ux2-tariff p{margin:9px 0 0;color:#7f94a9;font-size:10px}.ux2-tariff strong{display:block;margin-top:14px;color:#ff9b3c;font-size:21px}

/* cart */
.ux2-checkout-head{display:grid;grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:20px;margin-bottom:17px}.ux2-checkout-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.ux2-checkout-step{display:flex;align-items:center;gap:9px;color:#62778b;font-size:11px;font-weight:850}.ux2-checkout-step i{width:36px;height:36px;display:grid;place-items:center;border:1px solid #263d52;border-radius:50%;font-style:normal}.ux2-checkout-step.done,.ux2-checkout-step.active{color:#dce8f4}.ux2-checkout-step.done i{color:#6da5ff;border-color:#386ab8}.ux2-checkout-step.active i{color:#ff9f45;border-color:#ff7200}.ux2-checkout-line{height:1px;background:#2a3d50}.ux2-cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:16px;align-items:start}.ux2-cart-main{display:grid;gap:14px}.ux2-cart-product{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:20px}.ux2-cart-image{height:180px;overflow:hidden;border-radius:13px;border:1px solid #29435b;background:#0a1724}.ux2-cart-image img{width:100%;height:100%;object-fit:cover}.ux2-cart-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.ux2-cart-title-row h2{margin:0;font-size:24px;font-weight:950}.ux2-cart-title-row strong{color:#ff9b3c;font-size:24px}.ux2-cart-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.ux2-cart-fact{padding:12px;border:1px solid rgba(100,132,161,.17);border-radius:10px;background:#091522}.ux2-cart-fact span{display:block;color:#72879b;font-size:9px}.ux2-cart-fact b{display:block;margin-top:5px;font-size:11px}.ux2-cart-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.ux2-benefits{padding:18px}.ux2-benefit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px}.ux2-benefit{padding:11px;border:1px solid rgba(100,132,161,.16);border-radius:10px;background:#091522}.ux2-benefit b{display:block;font-size:10px}.ux2-benefit small{display:block;margin-top:4px;color:#71879c;font-size:8px;line-height:1.45}.ux2-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.ux2-support-tile{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px;border:1px solid rgba(100,132,161,.16);border-radius:10px;background:#091522}.ux2-support-tile i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(46,120,255,.13);color:#6da5ff}.ux2-support-tile b{font-size:10px}.ux2-support-tile small{display:block;margin-top:3px;color:#71879c;font-size:8px}.ux2-summary{position:sticky;top:18px;padding:20px}.ux2-coupon{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}.ux2-summary-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;color:#8da1b4;font-size:12px}.ux2-summary-total{margin-top:7px;padding-top:15px;border-top:1px solid var(--ux-line);font-size:15px;font-weight:950}.ux2-summary-total strong{color:#ff9b3c;font-size:31px}.ux2-why{padding:19px;margin-top:14px}.ux2-why-list{display:grid;gap:10px;margin-top:12px}.ux2-why-list div{display:grid;grid-template-columns:22px 1fr;gap:9px}.ux2-why-list i{color:#ff8e29;font-style:normal}.ux2-why-list b{display:block;font-size:11px}.ux2-why-list small{display:block;margin-top:3px;color:#74899e;font-size:9px;line-height:1.45}

/* services */
.ux2-services-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px}.ux2-service-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ux2-service-stat{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;min-height:104px;padding:15px}.ux2-service-stat i{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(46,120,255,.12);color:#6ea6ff}.ux2-service-stat.orange i{background:rgba(255,114,0,.10);color:#ff9c43}.ux2-service-stat.green i{background:rgba(44,219,141,.10);color:#65e2a9}.ux2-service-stat span{display:block;color:#8398ac;font-size:10px}.ux2-service-stat strong{display:block;margin-top:4px;font-size:25px}.ux2-service-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;padding:13px;margin-bottom:10px}.ux2-tabs{display:flex;gap:7px}.ux2-tab{min-height:42px;padding:0 14px;border:1px solid #263e54;border-radius:10px;background:#091522;color:#9bb0c3;font-size:11px;font-weight:850}.ux2-tab.active{border-color:#3d82ff;color:#fff;background:rgba(46,120,255,.12)}.ux2-server-list{display:grid;gap:9px}.ux2-server-card{display:grid;grid-template-columns:105px minmax(190px,1.35fr) repeat(3,minmax(120px,.75fr)) 185px;align-items:center;gap:14px;padding:12px}.ux2-server-image{height:96px;overflow:hidden;border-radius:12px;background:#0a1724}.ux2-server-image img{width:100%;height:100%;object-fit:cover}.ux2-server-name{font-size:17px;font-weight:950}.ux2-server-product{margin-top:4px;color:#8ca1b5;font-size:10px}.ux2-server-ip{margin-top:8px;color:#6d8297;font-size:9px}.ux2-server-col span{display:block;color:#71879b;font-size:9px}.ux2-server-col b{display:block;margin-top:6px;font-size:11px}.ux2-server-actions{display:grid;gap:7px}.ux2-server-actions .ux2-btn{min-height:38px;padding:0 12px}.ux2-side-panel{padding:17px}.ux2-side-panel+.ux2-side-panel{margin-top:12px}.ux2-system-ok{display:flex;align-items:center;gap:8px;color:#8ff0bd;font-size:11px;font-weight:900}.ux2-side-links{display:grid;gap:8px;margin-top:12px}.ux2-side-link{padding:11px;border:1px solid rgba(100,132,161,.16);border-radius:10px;background:#091522;color:#dce8f3!important;text-decoration:none}.ux2-side-link b{display:block;font-size:10px}.ux2-side-link small{display:block;margin-top:3px;color:#71879b;font-size:8px}

@media(max-width:1450px){.ux2-game-grid{grid-template-columns:repeat(4,1fr)}.ux2-dashboard-bottom{grid-template-columns:repeat(2,1fr)}.ux2-trust-grid{grid-template-columns:repeat(2,145px)}.ux2-server-card{grid-template-columns:92px minmax(190px,1.3fr) repeat(2,minmax(110px,.7fr)) 170px}.ux2-server-card .ux2-server-col:nth-of-type(4){display:none}}
@media(max-width:1180px){.ux2-onboarding{grid-template-columns:1fr}.ux2-onboarding-cta{text-align:left}.ux2-config-layout,.ux2-cart-grid,.ux2-services-layout{grid-template-columns:1fr}.ux2-order-summary,.ux2-summary{position:static}.ux2-metrics,.ux2-service-stats{grid-template-columns:repeat(2,1fr)}.ux2-game-grid{grid-template-columns:repeat(3,1fr)}.ux2-process{grid-template-columns:repeat(3,1fr)}.ux2-tariffs{grid-template-columns:repeat(3,1fr)}.ux2-trust-grid{position:static;margin-top:22px;grid-template-columns:repeat(4,1fr)}.ux2-catalog-hero{min-height:360px}.ux2-server-card{grid-template-columns:90px minmax(180px,1fr) 140px 160px}.ux2-server-card .ux2-server-col:nth-of-type(3),.ux2-server-card .ux2-server-col:nth-of-type(4){display:none}}
@media(max-width:900px){.ux2-wrap{width:calc(100% - 20px)}.ux2-steps{grid-template-columns:1fr}.ux2-config-grid{grid-template-columns:1fr}.ux2-config-steps{grid-template-columns:repeat(3,1fr)}.ux2-choice-row{grid-template-columns:repeat(2,1fr)}.ux2-game-tabs{grid-template-columns:repeat(3,1fr)}.ux2-game-grid{grid-template-columns:repeat(2,1fr)}.ux2-benefit-grid{grid-template-columns:repeat(2,1fr)}.ux2-cart-product{grid-template-columns:130px minmax(0,1fr)}.ux2-cart-facts{grid-template-columns:repeat(2,1fr)}.ux2-checkout-head{grid-template-columns:1fr}.ux2-checkout-steps{max-width:520px}.ux2-server-card{grid-template-columns:80px minmax(0,1fr) 150px}.ux2-server-card .ux2-server-col{display:none!important}.ux2-service-toolbar{grid-template-columns:1fr}.ux2-tabs{overflow:auto}}
@media(max-width:640px){.ux2-page{padding-top:14px}.ux2-wrap{width:calc(100% - 14px)}.ux2-onboarding{padding:17px}.ux2-metrics,.ux2-service-stats,.ux2-dashboard-bottom,.ux2-game-grid,.ux2-process,.ux2-tariffs,.ux2-config-two,.ux2-extras,.ux2-support-grid{grid-template-columns:1fr}.ux2-config{padding:14px}.ux2-config-steps{grid-template-columns:1fr}.ux2-game-tabs{grid-template-columns:repeat(2,1fr)}.ux2-choice-row{grid-template-columns:1fr 1fr}.ux2-catalog-hero{padding:22px 18px;min-height:auto}.ux2-catalog-copy h1{font-size:38px}.ux2-trust-grid{grid-template-columns:repeat(2,1fr)}.ux2-cart-product{grid-template-columns:1fr}.ux2-cart-image{height:220px}.ux2-cart-title-row{display:block}.ux2-cart-title-row strong{display:block;margin-top:8px}.ux2-cart-facts,.ux2-benefit-grid{grid-template-columns:1fr}.ux2-checkout-steps{grid-template-columns:1fr}.ux2-checkout-line{display:none}.ux2-server-card{grid-template-columns:72px 1fr;padding:10px}.ux2-server-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.ux2-head{display:block}.ux2-head .ux2-btn{margin-top:12px}.ux2-coupon{grid-template-columns:1fr}.ux2-summary-total strong{font-size:26px}}


/* === SOURCE /arexhost-services-v1/services.css === */
/* ArexHost Services & Orders v1.0.0 — scoped to .asv-page */
.asv-page{--asv-bg:#06101a;--asv-card:#0b1825;--asv-card-2:#0e1d2c;--asv-line:#1d3951;--asv-line-soft:rgba(89,132,169,.16);--asv-text:#f2f7fb;--asv-muted:#869cb0;--asv-orange:#ff7a08;--asv-orange-2:#ff982f;--asv-blue:#246ce0;--asv-blue-2:#0f376e;--asv-green:#44dd8c;--asv-red:#ff6a6a;--asv-yellow:#ffc46b;padding:22px 0 50px;color:var(--asv-text);background:radial-gradient(circle at 50% -12%,rgba(17,79,135,.15),transparent 34rem),linear-gradient(180deg,rgba(4,13,22,.12),rgba(4,13,22,.35))}
.asv-page *{box-sizing:border-box}.asv-page [x-cloak]{display:none!important}.asv-wrap{width:min(1540px,calc(100% - 36px));margin:0 auto}.asv-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 16px}.asv-heading h1{margin:6px 0 0;font-size:clamp(28px,2.4vw,42px);line-height:1.05;font-weight:850;letter-spacing:-.035em}.asv-heading p{max-width:780px;margin:8px 0 0;color:var(--asv-muted);font-size:13px;line-height:1.6}.asv-eyebrow{color:var(--asv-orange-2);font-size:10px;font-weight:900;letter-spacing:.16em}.asv-outline-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #27435c;border-radius:10px;background:#091724;color:#dce8f3!important;text-decoration:none;font-size:12px;font-weight:800;transition:.18s ease}.asv-outline-action:hover{border-color:#3b6385;transform:translateY(-1px)}
.asv-switcher{display:flex;gap:7px;overflow:auto;margin:0 0 18px;padding:5px;border:1px solid rgba(78,116,149,.18);border-radius:12px;background:rgba(7,18,29,.64);scrollbar-width:none}.asv-switcher::-webkit-scrollbar{display:none}.asv-switcher button,.asv-switcher a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8399ad!important;text-decoration:none;font-size:11px;font-weight:850;transition:.18s}.asv-switcher button:hover,.asv-switcher a:hover{color:#dce8f3!important;background:#0d1c2a}.asv-switcher .is-active{color:#fff!important;border-color:rgba(255,122,8,.42);background:linear-gradient(180deg,rgba(255,122,8,.15),rgba(255,122,8,.06));box-shadow:inset 0 0 0 1px rgba(255,147,55,.04)}.asv-switcher span{min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:#13283a;color:#a7bacb;font-size:9px}
.asv-carousel-shell{position:relative;margin-top:5px;padding:0 54px 34px}.asv-carousel-stage{position:relative;height:255px;overflow:hidden}.asv-slide{position:absolute;top:16px;left:50%;width:min(690px,48%);height:218px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);overflow:hidden;border:1px solid #25435f;border-radius:15px;background:radial-gradient(circle at 78% 35%,rgba(38,101,157,.18),transparent 16rem),linear-gradient(135deg,#0d1b29,#091621);box-shadow:0 24px 58px rgba(0,0,0,.24);opacity:0;pointer-events:none;transform:translateX(-50%) scale(.88);transition:transform .5s cubic-bezier(.22,.7,.2,1),opacity .45s ease,border-color .35s ease,filter .35s ease;will-change:transform,opacity}.asv-slide.is-active{z-index:3;top:0;height:250px;opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1);border-color:#d76708;box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,122,8,.08) inset}.asv-slide.is-prev{z-index:2;opacity:.78;transform:translateX(-116%) scale(.9);filter:saturate(.75) brightness(.84)}.asv-slide.is-next{z-index:2;opacity:.78;transform:translateX(16%) scale(.9);filter:saturate(.75) brightness(.84)}.asv-slide.is-hidden{z-index:0;opacity:0;transform:translateX(-50%) scale(.78)}.asv-slide-copy{position:relative;z-index:2;padding:23px 24px}.asv-slide-topline{display:flex;align-items:center;gap:9px}.asv-game-mark{display:grid;place-items:center;min-width:42px;height:27px;padding:0 8px;border:1px solid #2f5474;border-radius:8px;background:#102236;color:#ff9e46;font-size:12px;font-weight:950}.asv-popular{padding:5px 9px;border:1px solid rgba(255,133,26,.35);border-radius:999px;background:rgba(255,122,8,.12);color:#ffbd83;font-size:9px;font-weight:900}.asv-slide h2{margin:14px 0 0;font-size:25px;line-height:1.1;font-weight:900;letter-spacing:-.02em}.asv-slide p{max-width:390px;min-height:42px;margin:9px 0 0;color:#90a3b5;font-size:11px;line-height:1.55}.asv-slide-price{display:flex;align-items:baseline;gap:5px;margin-top:15px}.asv-slide-price span,.asv-slide-price small{color:#9aacbd;font-size:11px}.asv-slide-price strong{font-size:19px;color:#f9fbfd}.asv-order-primary{position:absolute;left:24px;bottom:20px;display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:42px;padding:0 18px;border-radius:9px;background:linear-gradient(135deg,#ff6500,#ff8a19);box-shadow:0 12px 28px rgba(255,111,0,.2);color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;transition:.18s}.asv-order-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.asv-order-primary.is-disabled{opacity:.5;cursor:not-allowed}.asv-slide-art{position:relative;display:grid;place-items:center;overflow:hidden}.asv-slide-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1825 0,rgba(11,24,37,.2) 28%,transparent 70%);z-index:1}.asv-slide-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}.asv-fallback-art{width:132px;height:132px;display:grid;place-items:center;border:1px solid rgba(255,130,15,.5);border-radius:28px;transform:rotate(-8deg);background:linear-gradient(145deg,#173149,#0a1928);box-shadow:0 22px 50px rgba(0,0,0,.25)}.asv-fallback-art span{transform:rotate(8deg);font-size:52px;font-weight:950;color:#ff8a19}.asv-arrow{position:absolute;z-index:6;top:93px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #2a465e;border-radius:50%;background:#081522;color:#d7e3ee;transition:.18s}.asv-arrow svg{width:20px}.asv-arrow:hover{border-color:#ff7a08;color:#ff9d42;transform:scale(1.04)}.asv-arrow.is-left{left:2px}.asv-arrow.is-right{right:2px}.asv-dots{position:absolute;left:50%;bottom:6px;display:flex;gap:8px;transform:translateX(-50%)}.asv-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#34495d;transition:.2s}.asv-dots button.is-active{width:13px;background:#ff7a08;box-shadow:0 0 0 4px rgba(255,122,8,.08)}
.asv-catalog{margin-top:12px}.asv-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px}.asv-section-head h2{margin:0;font-size:23px;font-weight:850;letter-spacing:-.02em}.asv-section-head p{margin:5px 0 0;color:var(--asv-muted);font-size:11px}.asv-category-hint{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #203b53;border-radius:9px;background:#081522;color:#8ea4b8;font-size:10px}.asv-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.asv-product-card{position:relative;min-height:208px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr auto;gap:13px;padding:18px;border:1px solid #1d354a;border-radius:13px;background:linear-gradient(180deg,#0c1926,#081520);box-shadow:0 12px 32px rgba(0,0,0,.14);transition:.2s ease}.asv-product-card:hover{border-color:#31536f;transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.22)}.asv-product-card.is-unavailable{opacity:.8}.asv-status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 8px;border:1px solid;border-radius:7px;font-size:9px;font-weight:850;white-space:nowrap}.asv-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.asv-product-card>.asv-status{position:absolute;top:11px;right:11px}.asv-status.is-ok{color:#80eeb1;border-color:rgba(68,221,140,.24);background:rgba(68,221,140,.08)}.asv-status.is-bad{color:#ff9a9a;border-color:rgba(255,106,106,.25);background:rgba(255,106,106,.08)}.asv-status.is-wait{color:#ffd18e;border-color:rgba(255,196,107,.24);background:rgba(255,196,107,.08)}.asv-product-icon{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;align-self:center;border:1px solid #31516d;border-radius:14px;background:#102235}.asv-product-icon img{width:100%;height:100%;object-fit:cover}.asv-product-icon span{font-size:22px;font-weight:950;color:#ff941f}.asv-product-copy{align-self:center;padding-top:15px;min-width:0}.asv-product-copy small{display:block;color:#668096;font-size:9px}.asv-product-copy h3{margin:5px 0 0;padding-right:52px;font-size:16px;font-weight:900;line-height:1.25}.asv-product-copy p{margin:6px 0 0;color:#8398ab;font-size:10px;line-height:1.5}.asv-product-bottom{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid var(--asv-line-soft);padding-top:12px}.asv-price{min-width:0}.asv-price span,.asv-price small{color:#879caf;font-size:9px}.asv-price strong{margin:0 3px;color:#f0f5f9;font-size:15px}.asv-buy{min-width:126px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #245a9d;border-radius:8px;background:linear-gradient(180deg,#0d376d,#0a2b58);color:#fff!important;text-decoration:none;font-size:10px;font-weight:850;transition:.18s}.asv-buy:hover:not(:disabled){border-color:#3c7ed0;background:linear-gradient(180deg,#154787,#0d3567);transform:translateY(-1px)}.asv-buy:disabled{cursor:not-allowed;opacity:.45}.asv-empty{grid-column:1/-1;padding:38px 20px;border:1px dashed #28465e;border-radius:14px;background:#081522;text-align:center;color:#8499ac}.asv-empty svg{margin:0 auto;color:#ff8d22}.asv-empty h3{margin:10px 0 0;color:#eef4f9;font-size:17px}.asv-empty p{max-width:520px;margin:6px auto 0;font-size:11px;line-height:1.6}.asv-empty button{margin-top:14px;padding:9px 14px;border:1px solid #2c5f93;border-radius:8px;background:#0c2d56;color:#fff;font-size:11px;font-weight:800}
.asv-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid #1c354a;border-radius:13px;background:#07131e;overflow:hidden}.asv-benefits article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:86px;padding:14px 18px;border-right:1px solid var(--asv-line-soft)}.asv-benefits article:last-child{border-right:0}.asv-benefits i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #235491;border-radius:50%;background:rgba(36,108,224,.12);color:#5792ea}.asv-benefits i svg{width:19px}.asv-benefits b{display:block;font-size:11px}.asv-benefits span{display:block;margin-top:4px;color:#7890a5;font-size:9px;line-height:1.45}
.asv-personal-head{margin-top:8px}.asv-owned-list{display:grid;gap:9px}.asv-owned-card{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(390px,2.2fr) auto;gap:18px;align-items:center;padding:15px 16px;border:1px solid #1d354a;border-radius:13px;background:linear-gradient(180deg,#0c1926,#081520)}.asv-owned-main h3{margin:8px 0 0;font-size:16px}.asv-owned-main p{margin:4px 0 0;color:#7d93a7;font-size:9px}.asv-owned-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.asv-owned-card dl div{padding:10px;border:1px solid rgba(92,130,162,.14);border-radius:9px;background:#07131e}.asv-owned-card dt{color:#6e859a;font-size:8px}.asv-owned-card dd{margin:5px 0 0;color:#dbe6ef;font-size:10px;font-weight:800}.asv-owned-actions{display:grid;grid-template-columns:1fr;gap:7px;min-width:130px}.asv-owned-actions a{min-height:35px;display:grid;place-items:center;border:1px solid #27465f;border-radius:8px;background:#0b1d2c;color:#d9e5ef!important;text-decoration:none;font-size:9px;font-weight:850}.asv-owned-actions a.is-primary{border-color:#b35a11;background:rgba(255,122,8,.12);color:#ffbf87!important}
.asv-orders-table{display:grid;gap:7px}.asv-order-row{display:grid;grid-template-columns:90px 150px 100px 140px 170px 150px;gap:15px;align-items:center;padding:13px 15px;border:1px solid #1d354a;border-radius:11px;background:#091621}.asv-order-row small{display:block;color:#6e8598;font-size:8px}.asv-order-row b{display:block;margin-top:3px;font-size:10px}.asv-order-row>a{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:#6fa8ff!important;text-decoration:none;font-size:9px;font-weight:850}
@media(max-width:1320px){.asv-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asv-slide{width:min(650px,54%)}.asv-slide.is-prev{transform:translateX(-110%) scale(.88)}.asv-slide.is-next{transform:translateX(10%) scale(.88)}.asv-owned-card{grid-template-columns:minmax(170px,1fr) minmax(330px,2fr) 120px}.asv-owned-card dl{grid-template-columns:repeat(2,1fr)}.asv-order-row{grid-template-columns:80px 135px 90px 120px 150px 120px}}
@media(max-width:1050px){.asv-carousel-shell{padding-inline:48px}.asv-carousel-stage{height:250px}.asv-slide{width:76%}.asv-slide.is-prev{transform:translateX(-108%) scale(.86)}.asv-slide.is-next{transform:translateX(8%) scale(.86)}.asv-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asv-benefits{grid-template-columns:repeat(2,1fr)}.asv-benefits article:nth-child(2){border-right:0}.asv-benefits article:nth-child(-n+2){border-bottom:1px solid var(--asv-line-soft)}.asv-owned-card{grid-template-columns:1fr}.asv-owned-actions{grid-template-columns:repeat(2,1fr)}.asv-order-row{grid-template-columns:repeat(3,1fr)}.asv-order-row>a{justify-content:flex-start}}
@media(max-width:720px){.asv-page{padding-top:14px}.asv-wrap{width:calc(100% - 18px)}.asv-heading{display:block}.asv-heading .asv-outline-action{margin-top:12px}.asv-switcher{margin-bottom:14px}.asv-carousel-shell{padding:0 0 32px}.asv-carousel-stage{height:285px}.asv-slide{top:0;width:100%;height:278px;grid-template-columns:minmax(0,1.3fr) minmax(110px,.7fr);border-radius:13px}.asv-slide.is-active{height:278px}.asv-slide.is-prev,.asv-slide.is-next{opacity:0;transform:translateX(-50%) scale(.9);pointer-events:none}.asv-slide-copy{padding:19px 17px}.asv-slide h2{font-size:21px}.asv-slide p{font-size:10px}.asv-order-primary{left:17px;bottom:17px;min-width:150px}.asv-arrow{top:235px;width:35px;height:35px;background:rgba(5,15,24,.9)}.asv-arrow.is-left{left:8px}.asv-arrow.is-right{right:8px}.asv-dots{bottom:7px}.asv-section-head{display:block}.asv-category-hint{margin-top:10px}.asv-product-grid{grid-template-columns:1fr}.asv-benefits{grid-template-columns:1fr}.asv-benefits article{border-right:0!important;border-bottom:1px solid var(--asv-line-soft)}.asv-benefits article:last-child{border-bottom:0}.asv-owned-card dl{grid-template-columns:1fr 1fr}.asv-order-row{grid-template-columns:1fr 1fr}.asv-order-row>a{justify-content:flex-start}.asv-product-card{min-height:200px}}
@media(max-width:430px){.asv-heading h1{font-size:30px}.asv-slide{grid-template-columns:1fr}.asv-slide-art{position:absolute;right:0;top:0;width:42%;height:100%;opacity:.58}.asv-slide-copy{padding-right:34%}.asv-slide p{max-width:220px}.asv-product-card{grid-template-columns:62px 1fr;padding:14px}.asv-product-icon{width:62px;height:62px}.asv-product-copy h3{padding-right:0;font-size:15px}.asv-product-bottom{align-items:center}.asv-price strong{font-size:13px}.asv-buy{min-width:108px}.asv-owned-card dl{grid-template-columns:1fr}.asv-owned-actions{grid-template-columns:1fr}.asv-order-row{grid-template-columns:1fr}.asv-carousel-stage{height:300px}.asv-slide,.asv-slide.is-active{height:292px}.asv-arrow{top:248px}}


/* === SOURCE /arexhost-simple-dashboard-v1/dashboard.css === */
/* ArexHost Simple Dashboard v1.1.1 — Cinematic Sidebar Compact Edition */
.asb-dashboard{--asb-bg:#07111c;--asb-card:#0b1926;--asb-card2:#0d1d2c;--asb-border:rgba(78,119,157,.34);--asb-text:#f3f7fc;--asb-muted:#8da2b8;--asb-blue:#3787ff;--asb-orange:#ff720d;--asb-green:#29d391;color:var(--asb-text);min-height:calc(100vh - 116px)}
.asb-dashboard *{box-sizing:border-box}
.asb-wrap{width:100%;max-width:1500px;margin:0 auto;padding:20px 28px 34px}
.asb-card{border:1px solid var(--asb-border);background:linear-gradient(145deg,rgba(13,29,44,.92),rgba(8,21,33,.94));border-radius:15px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.asb-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px}
.asb-metric{min-height:146px;padding:23px 25px;display:flex;align-items:flex-start;gap:18px;text-decoration:none!important;color:var(--asb-text)!important;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;appearance:none;width:100%;font:inherit}
.asb-metric:hover{transform:translateY(-2px);border-color:rgba(69,137,209,.58);background:linear-gradient(145deg,rgba(15,34,51,.96),rgba(9,24,38,.97))}
.asb-metric-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(71,134,202,.32);background:rgba(22,75,128,.19);color:#b9d8ff}
.asb-metric-icon svg{width:24px;height:24px}
.asb-metric-balance .asb-metric-icon{color:#ffd1a4;border-color:rgba(255,122,0,.28);background:rgba(125,65,15,.18)}
.asb-metric-help .asb-metric-icon{color:#bdf8df;border-color:rgba(37,198,128,.28);background:rgba(15,102,70,.22)}
.asb-metric-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.asb-label{font-size:14px;font-weight:700;color:#cbd9e7;margin-bottom:4px}
.asb-metric strong{font-size:27px;line-height:1.1;letter-spacing:-.02em;color:#f4f8fc}
.asb-metric .asb-help-title{font-size:16px;letter-spacing:0;margin-top:3px}
.asb-metric small{font-size:12px;color:var(--asb-muted);margin-top:7px}
.asb-metric-action{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:9px 12px;border:1px solid rgba(70,116,158,.36);border-radius:9px;color:#6daaff;font-size:12px;font-weight:700;line-height:1}
.asb-metric-action svg{width:16px;height:16px}
.asb-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.asb-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.asb-section-head h1{font-size:21px;line-height:1.2;font-weight:800;color:#fff;margin:0}
.asb-section-head>a{display:inline-flex;align-items:center;gap:7px;color:#59a1ff;text-decoration:none;font-size:12px;font-weight:700}
.asb-section-head>a svg{width:15px;height:15px}
.asb-server-list{display:flex;flex-direction:column;gap:14px}
.asb-server-card{padding:14px 16px;display:grid;grid-template-columns:142px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:132px;transition:border-color .16s ease,transform .16s ease}
.asb-server-card:hover{border-color:rgba(73,136,199,.54);transform:translateY(-1px)}
.asb-server-cover{height:104px;border-radius:11px;overflow:hidden;border:1px solid rgba(109,145,176,.25);background:#07111b;display:block}
.asb-server-cover img{width:100%;height:100%;display:block;object-fit:cover}
.asb-server-info{min-width:0}
.asb-server-title-row{display:flex;align-items:center;gap:11px;min-width:0;margin-bottom:10px}
.asb-server-title{font-size:17px;line-height:1.2;font-weight:850;color:#f4f8fc!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asb-status{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:800;border:1px solid rgba(115,141,166,.25);color:#c0ccda;background:rgba(79,94,110,.13)}
.asb-status i{width:7px;height:7px;border-radius:999px;background:#8c9aaa;box-shadow:0 0 10px rgba(140,154,170,.35)}
.asb-status.is-online{color:#72e8a9;background:rgba(22,128,81,.18);border-color:rgba(37,190,119,.24)}
.asb-status.is-online i{background:#32db8d;box-shadow:0 0 10px rgba(50,219,141,.55)}
.asb-status.is-pending{color:#ffc172;background:rgba(167,96,16,.16);border-color:rgba(246,153,47,.24)}
.asb-status.is-pending i{background:#f6a13f}
.asb-status.is-offline{color:#ff929a;background:rgba(143,43,52,.15);border-color:rgba(227,72,84,.23)}
.asb-status.is-offline i{background:#ef5a68}
.asb-server-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#99aec2;font-size:11px;margin-bottom:10px}
.asb-server-meta span{display:inline-flex;align-items:center;gap:6px}
.asb-server-meta svg{width:14px;height:14px;color:#7896b2}
.asb-server-bottom{display:flex;align-items:center;gap:21px;flex-wrap:wrap;color:#738ba3;font-size:10px}
.asb-server-bottom b{color:#a9bbcd;font-weight:700}.asb-server-bottom .asb-date-ok{color:#34da8e}.asb-server-bottom .asb-date-danger{color:#ff6e78}
.asb-server-actions{display:flex;align-items:center;gap:9px}
.asb-btn{min-height:42px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800;text-decoration:none!important;white-space:nowrap;transition:transform .15s ease,filter .15s ease,border-color .15s ease}
.asb-btn svg{width:16px;height:16px}
.asb-btn-secondary{border:1px solid rgba(60,112,165,.40);background:rgba(12,29,44,.72);color:#65a8ff!important}.asb-btn-secondary:hover{border-color:rgba(70,143,218,.7);background:rgba(22,54,84,.45)}
.asb-btn-primary{border:1px solid rgba(255,132,42,.48);background:linear-gradient(180deg,#ff7e19,#ff6800);color:#fff!important;box-shadow:0 8px 22px rgba(255,105,0,.18)}.asb-btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.asb-side-column{display:flex;flex-direction:column;gap:16px;margin-top:41px}
.asb-support-card,.asb-invoice-card{padding:22px}
.asb-side-card-head{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}.asb-side-card-head h2,.asb-invoice-title h2{font-size:17px;font-weight:800;color:#f5f8fc;margin:0 0 8px}.asb-side-card-head p,.asb-invoice-title p{font-size:12px;line-height:1.55;color:#93a8bd;margin:0}
.asb-support-icon{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;color:#4e92ff}.asb-support-icon svg{width:55px;height:55px;filter:drop-shadow(0 0 10px rgba(52,117,255,.26))}
.asb-support-button{margin-top:22px;width:100%;min-height:48px;border-radius:9px;background:linear-gradient(180deg,#2860d8,#2050bc);border:1px solid rgba(74,127,246,.55);color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800}.asb-support-button svg{width:17px;height:17px}.asb-support-button:hover{filter:brightness(1.08)}
.asb-invoice-card{border-color:rgba(117,63,66,.48);background:linear-gradient(145deg,rgba(31,25,33,.91),rgba(11,21,31,.95))}.asb-invoice-card.has-unpaid{border-color:rgba(196,72,82,.55)}
.asb-invoice-title{display:flex;align-items:flex-start;gap:13px}.asb-invoice-title>span{width:42px;height:42px;flex:0 0 42px;border-radius:9px;display:grid;place-items:center;color:#ff747c;border:1px solid rgba(226,79,91,.30);background:rgba(125,42,50,.19)}.asb-invoice-title>span svg{width:21px;height:21px}
.asb-invoice-card>a{display:inline-flex;align-items:center;gap:7px;margin-top:19px;color:#5b9fff!important;text-decoration:none!important;font-size:11px;font-weight:700}.asb-invoice-card>a svg{width:14px;height:14px}.asb-invoice-total{margin-top:17px;padding-top:14px;border-top:1px solid rgba(130,80,84,.25);display:flex;align-items:center;justify-content:space-between;color:#8fa1b4;font-size:11px}.asb-invoice-total strong{font-size:17px;color:#fff}
.asb-empty{min-height:145px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.asb-empty-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;color:#72a9ed;background:rgba(29,77,127,.18);border:1px solid rgba(61,113,167,.30)}.asb-empty-icon svg{width:26px;height:26px}.asb-empty h2{font-size:17px;font-weight:800;margin:0 0 4px;color:#fff}.asb-empty p{font-size:12px;color:#8da2b8;margin:0}
/* Simplified shell tweaks. */
.ap-topbar>.ap-top-actions{margin-left:auto}.ap-topbar .ap-search{display:none!important}.ap-topbar .ap-quick-order{display:none!important}
.ap-nav{gap:4px!important}.ap-nav>.ap-nav-label{display:none!important}
@media (max-width:1180px){.asb-main-grid{grid-template-columns:1fr}.asb-side-column{margin-top:0;display:grid;grid-template-columns:1fr 1fr}.asb-server-card{grid-template-columns:120px minmax(0,1fr) auto}.asb-server-cover{height:94px}}
@media (max-width:900px){.asb-wrap{padding:16px 16px 28px}.asb-metrics{grid-template-columns:1fr;gap:11px;margin-bottom:22px}.asb-metric{min-height:112px;padding:18px}.asb-main-grid{gap:18px}.asb-side-column{grid-template-columns:1fr}.asb-server-card{grid-template-columns:96px minmax(0,1fr);gap:14px}.asb-server-cover{height:84px}.asb-server-actions{grid-column:1/-1;justify-content:flex-end}.asb-server-title{font-size:15px}.asb-section-head h1{font-size:19px}}
@media (max-width:560px){.asb-wrap{padding:12px 10px 24px}.asb-metric{border-radius:13px}.asb-server-card{grid-template-columns:1fr;padding:12px}.asb-server-cover{width:100%;height:130px}.asb-server-title-row{align-items:flex-start;flex-wrap:wrap}.asb-server-meta,.asb-server-bottom{gap:10px}.asb-server-actions{display:grid;grid-template-columns:1fr 1fr}.asb-side-card-head{gap:10px}.asb-support-icon{width:48px;height:48px;flex-basis:48px}.asb-support-icon svg{width:44px;height:44px}.asb-empty{grid-template-columns:1fr;text-align:center}.asb-empty-icon{margin:auto}.asb-empty .asb-btn{width:100%}}

/* --------------------------------------------------------------------------
   ArexHost v1.1.0 — cinematic dashboard background + account in sidebar
   -------------------------------------------------------------------------- */
.asb-dashboard{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        linear-gradient(180deg,rgba(3,10,18,.20) 0%,rgba(3,10,18,.38) 58%,rgba(3,10,18,.62) 100%),
        url('/arexhost-simple-dashboard-v1/background.svg') center top/cover no-repeat,
        #06101a;
}
.asb-dashboard::before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(circle at 13% 24%,rgba(255,113,13,.12),transparent 24%),
      radial-gradient(circle at 79% 18%,rgba(39,126,255,.12),transparent 30%),
      linear-gradient(90deg,rgba(3,10,17,.22),rgba(3,10,17,.04) 34%,rgba(3,10,17,.07) 72%,rgba(3,10,17,.32));
}
.asb-dashboard::after{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-image:linear-gradient(rgba(82,146,203,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(82,146,203,.025) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 80%);
}
.asb-wrap{position:relative;z-index:1}
.asb-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 38px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.018)}
.asb-metric{box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)}
.asb-server-card{background:linear-gradient(100deg,rgba(9,24,37,.94),rgba(7,20,32,.90));box-shadow:0 16px 38px rgba(0,0,0,.18)}

/* Profile and balance have moved from the header into one compact sidebar card. */
.ap-sidebar-account-v110{
    margin:12px 10px 12px;padding:9px;border:1px solid rgba(70,112,151,.34);border-radius:14px;
    background:linear-gradient(155deg,rgba(13,30,45,.90),rgba(6,18,29,.94));
    box-shadow:0 16px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.ap-sidebar-profile-v110,.ap-sidebar-balance-v110{
    width:100%;border:0;background:transparent;color:#edf5ff;font:inherit;cursor:pointer;text-align:left;
}
.ap-sidebar-profile-v110{display:grid;grid-template-columns:39px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:7px 6px;border-radius:10px}
.ap-sidebar-profile-v110:hover{background:rgba(45,95,140,.14)}
.ap-sidebar-profile-v110>img{width:39px;height:39px;object-fit:cover;border-radius:10px;border:1px solid rgba(115,153,190,.32);background:#122131}
.ap-sidebar-profile-copy-v110{display:flex;min-width:0;flex-direction:column;gap:2px}
.ap-sidebar-profile-copy-v110 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.25;font-weight:850;color:#f5f9fe}
.ap-sidebar-profile-copy-v110 small{font-size:8.5px;line-height:1.2;color:#6f89a3}
.ap-sidebar-profile-v110>svg{width:15px;height:15px;color:#65829e}
.ap-sidebar-account-separator-v110{height:1px;margin:5px 6px 6px;background:rgba(75,111,145,.23)}
.ap-sidebar-balance-v110{display:grid;grid-template-columns:31px minmax(0,1fr) 15px;align-items:center;gap:8px;padding:6px;border-radius:10px}
.ap-sidebar-balance-v110:hover{background:rgba(255,116,12,.075)}
.ap-sidebar-balance-icon-v110{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,123,17,.25);background:rgba(121,65,16,.16);color:#ffab53}
.ap-sidebar-balance-icon-v110 svg{width:16px;height:16px}
.ap-sidebar-balance-v110>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:1px}
.ap-sidebar-balance-v110 b{font-size:13px;line-height:1.2;font-weight:900;white-space:nowrap;color:#fff}
.ap-sidebar-balance-v110 small{font-size:8.5px;line-height:1.2;font-weight:800;color:#ff8a27}
.ap-sidebar-balance-v110>svg{width:14px;height:14px;color:#ff8c2d}

/* Minimal top bar: only mobile menu + notifications remain here. */
.ap-topbar-minimal-v110{background:rgba(4,13,22,.42)!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.ap-top-actions-minimal-v110{margin-left:auto!important}
.ap-topbar-minimal-v110 .ap-balance,.ap-topbar-minimal-v110 .ap-profile{display:none!important}

/* Native profile popover, now opened from the sidebar. */
.ap-profile-popover-v216{
    position:fixed!important;inset:68px 24px auto auto!important;margin:0!important;
    width:300px!important;max-width:calc(100vw - 24px)!important;padding:9px!important;
    border:1px solid rgba(76,111,145,.40)!important;border-radius:14px!important;
    background:#0f1318!important;
    box-shadow:0 24px 70px rgba(0,0,0,.58),0 1px 0 rgba(255,255,255,.035) inset!important;
    color:#eaf3ff!important;overflow:visible!important
}
.ap-profile-popover-v216::backdrop{background:transparent!important}
.ap-profile-popover-v216:popover-open{display:block!important}
.ap-profile-popover-head-v216{display:flex!important;align-items:center!important;gap:11px!important;padding:8px 9px 10px!important}
.ap-profile-popover-head-v216 img{width:38px!important;height:38px!important;border-radius:10px!important;object-fit:cover!important;border:1px solid rgba(111,147,181,.32)!important;background:#122131!important}
.ap-profile-popover-head-v216>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
.ap-profile-popover-head-v216 b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:1.3!important;font-weight:800!important;color:#f3f8ff!important}
.ap-profile-popover-head-v216 small{font-size:9px!important;line-height:1.3!important;color:#718ba4!important}
.ap-profile-popover-separator-v216{height:1px!important;margin:4px 3px!important;background:rgba(83,112,140,.22)!important}
.ap-profile-popover-link-v216{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px!important;border-radius:10px!important;text-decoration:none!important;color:#dceafa!important;transition:background .15s ease,color .15s ease!important}
.ap-profile-popover-link-v216:hover{background:rgba(43,103,159,.16)!important;color:#fff!important}
.ap-profile-popover-link-v216>svg{flex:0 0 31px!important;width:31px!important;height:31px!important;padding:7px!important;border:1px solid rgba(66,118,170,.24)!important;border-radius:9px!important;background:rgba(27,69,108,.16)!important}
.ap-profile-popover-link-v216>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
.ap-profile-popover-link-v216 b{font-size:12px!important;line-height:1.2!important;font-weight:750!important;color:inherit!important}
.ap-profile-popover-link-v216 small{font-size:9px!important;line-height:1.2!important;color:#718ba4!important}
.ap-profile-popover-logout-v216{padding-top:2px!important}
.ap-profile-popover-logout-v216 button,.ap-profile-popover-logout-v216 a{display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;margin:0!important;padding:10px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#ff828c!important;font-family:inherit!important;font-size:0!important;font-weight:750!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
.ap-profile-popover-logout-v216 button:hover,.ap-profile-popover-logout-v216 a:hover{background:rgba(222,63,76,.12)!important;color:#ff9da5!important}
.ap-profile-popover-logout-v216 button svg,.ap-profile-popover-logout-v216 a svg{display:none!important}
.ap-profile-popover-logout-v216 button:before,.ap-profile-popover-logout-v216 a:before{content:'↪'!important;display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;height:31px!important;margin-right:10px!important;border:1px solid rgba(238,83,95,.28)!important;border-radius:9px!important;background:rgba(115,33,43,.18)!important;font-size:15px!important;line-height:1!important;color:#ff828c!important}
.ap-profile-popover-logout-v216 button:after,.ap-profile-popover-logout-v216 a:after{content:'Выйти из профиля'!important;font-size:12px!important;line-height:1.2!important;color:inherit!important}

/* Sidebar promo stays at the bottom while the account card lives at the top. */
.ap-sidebar{background:linear-gradient(180deg,rgba(5,16,26,.98),rgba(4,13,22,.98))!important}
.ap-side-promo{margin-top:auto!important}

@media (max-width:900px){
    .ap-profile-popover-v216{inset:68px 24px auto auto!important;width:min(300px,calc(100vw - 20px))!important;background:#0f1318!important;}
    .asb-dashboard{background-position:38% top;background-size:auto 100%;}
}
@media (max-width:560px){
    .asb-dashboard{background-image:linear-gradient(180deg,rgba(3,10,18,.28),rgba(3,10,18,.66)),url('/arexhost-simple-dashboard-v1/background.svg');background-position:34% top}
}



/* --------------------------------------------------------------------------
   ArexHost v1.1.1 — remove desktop notification bar and lift dashboard up
   -------------------------------------------------------------------------- */
/* The account + balance already live in the sidebar, so the desktop header
   no longer has anything useful to show. Remove it entirely on wide screens. */
@media (min-width:901px){
    .ap-topbar-minimal-v111{
        display:flex!important;
        height:64px!important;
        min-height:64px!important;
        padding:0 24px!important;
        margin:0!important;
        border:0!important;
        overflow:visible!important;border-bottom:1px solid #24292f!important;background:#0a0d10!important;}
    .ap-content:has(.asb-dashboard){padding-top:24px!important;margin-top:0!important}
    .asb-wrap{padding-top:12px!important}
    .asb-metrics{margin-top:0!important}
}

/* Notifications were deliberately removed from the desktop shell in v1.1.1.
   On mobile keep only a compact bar for the hamburger menu. */
.ap-topbar-minimal-v111 .ap-top-actions,
.ap-topbar-minimal-v111 [wire\:id]{display:none!important}

@media (max-width:900px){
    .ap-topbar-minimal-v111{
        min-height:64px!important;
        height:64px!important;
        padding:0 24px!important;
        background:#0a0d10!important;
        border-bottom:1px solid #24292f!important;
        backdrop-filter:blur(9px);
        -webkit-backdrop-filter:blur(9px);display:flex!important;overflow:visible!important;}
    .ap-topbar-minimal-v111 .ap-mobile-menu{display:inline-grid!important;place-items:center!important}
    .asb-wrap{padding-top:12px!important}
}

/* --------------------------------------------------------------------------
   ArexHost v1.2.0 — beginner-first dashboard polish
   - wider account sidebar
   - readable two-line profile name
   - larger navigation targets
   - top cards = Order / My servers / Payment
   - slightly roomier server cards
   -------------------------------------------------------------------------- */

/* Give the account area enough width for a real full name.  The shell has
   existed as both grid and flex across ArexPrime revisions, so set both. */
@media (min-width:901px){
    .ap-shell{grid-template-columns:240px minmax(0,1fr)!important}
    .ap-sidebar{width:240px!important;min-width:240px!important;flex:0 0 240px!important}
    .ap-workspace{min-width:0!important}
    .ap-profile-popover-v216{inset:68px 24px auto auto!important;background:#0f1318!important;}
}

.ap-sidebar-account-v110{margin:14px 12px 14px!important;padding:11px!important}
.ap-sidebar-profile-v110{grid-template-columns:44px minmax(0,1fr) 18px!important;gap:10px!important;padding:8px 7px!important}
.ap-sidebar-profile-v110>img{width:44px!important;height:44px!important;border-radius:11px!important}
.ap-sidebar-profile-copy-v110{gap:3px!important}
.ap-sidebar-profile-copy-v110 b{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;
    font-size:12px!important;line-height:1.18!important;font-weight:850!important;
}
.ap-sidebar-profile-copy-v110 small{font-size:9.5px!important}
.ap-sidebar-account-separator-v110{margin:7px 7px 8px!important}
.ap-sidebar-balance-v110{grid-template-columns:35px minmax(0,1fr) 17px!important;gap:9px!important;padding:7px!important}
.ap-sidebar-balance-icon-v110{width:35px!important;height:35px!important}
.ap-sidebar-balance-v110 b{font-size:14px!important}
.ap-sidebar-balance-v110 small{font-size:9.5px!important}

.ap-nav-simple-v1{padding-left:10px!important;padding-right:10px!important}
.ap-nav-simple-v1 a{min-height:43px!important;padding-top:10px!important;padding-bottom:10px!important;font-size:13px!important;line-height:1.2!important}
.ap-nav-simple-v1 a svg{width:18px!important;height:18px!important}

/* Three useful choices instead of repeating Balance and Help. */
.asb-metrics-v120{gap:18px!important;margin-bottom:26px!important}
.asb-metric-order .asb-metric-icon{
    color:#ffd0a5!important;border-color:rgba(255,122,12,.34)!important;
    background:linear-gradient(145deg,rgba(142,70,15,.24),rgba(87,44,13,.15))!important;
    box-shadow:0 0 0 1px rgba(255,122,12,.03),0 0 28px rgba(255,112,10,.08)!important;
}
.asb-metric-order:hover{border-color:rgba(255,126,28,.46)!important}
.asb-metric-order .asb-metric-action{color:#ff9c45!important;border-color:rgba(255,126,28,.30)!important;background:rgba(255,113,13,.035)!important}
.asb-metric-payments .asb-metric-icon{
    color:#b9d8ff!important;border-color:rgba(69,137,209,.32)!important;background:rgba(22,75,128,.19)!important;
}
.asb-metric-payments.has-unpaid .asb-metric-icon{
    color:#ff9da5!important;border-color:rgba(227,72,84,.30)!important;background:rgba(143,43,52,.16)!important;
}
.asb-metric-payments.has-unpaid .asb-metric-action{color:#ff8d96!important;border-color:rgba(227,72,84,.26)!important}
.asb-metric-title-v120{font-size:20px!important;line-height:1.18!important;letter-spacing:-.01em!important;margin-top:3px!important}

/* A little more breathing room in the server list, without bringing back clutter. */
.asb-server-card{min-height:142px!important;padding:17px 18px!important;grid-template-columns:148px minmax(0,1fr) auto!important;gap:20px!important}
.asb-server-cover{height:110px!important}
.asb-server-title{font-size:17.5px!important}
.asb-server-meta{font-size:11.5px!important;margin-bottom:11px!important}
.asb-server-bottom{font-size:10.5px!important}
.asb-server-actions{gap:10px!important}

@media (max-width:1180px){
    .asb-server-card{grid-template-columns:124px minmax(0,1fr) auto!important;gap:16px!important}
    .asb-server-cover{height:98px!important}
}
@media (max-width:900px){
    .ap-sidebar{width:min(86vw,300px)!important;min-width:0!important;flex-basis:auto!important}
    .asb-metrics-v120{gap:11px!important;margin-bottom:22px!important}
    .asb-server-card{grid-template-columns:100px minmax(0,1fr)!important;gap:14px!important;min-height:unset!important;padding:14px!important}
    .asb-server-cover{height:88px!important}
}
@media (max-width:560px){
    .asb-server-card{grid-template-columns:1fr!important;padding:12px!important}
    .asb-server-cover{width:100%!important;height:130px!important}
    .asb-metric-title-v120{font-size:18px!important}
}


/* --------------------------------------------------------------------------
   ArexHost v1.3.0 — cinematic dashboard / target mockup match
   - image-backed dashboard atmosphere
   - illustrated quick cards
   - richer server cards with specs
   - richer support / invoice column
   - dedicated dashboard art assets in /arexhost-cinematic-v130
   -------------------------------------------------------------------------- */

.asb-dashboard-v130{
    position:relative!important;
    min-height:calc(100vh - 34px)!important;
    background:
        linear-gradient(180deg,rgba(3,9,16,.12) 0%,rgba(3,9,16,.28) 54%,rgba(2,8,14,.56) 100%),
        url('/arexhost-cinematic-v130/dashboard-bg.webp') center top/cover fixed no-repeat!important;
    overflow:hidden;
}
.asb-dashboard-v130::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background:
        radial-gradient(650px 340px at 12% 9%,rgba(255,108,13,.12),transparent 68%),
        radial-gradient(760px 390px at 72% 4%,rgba(31,115,255,.15),transparent 68%),
        linear-gradient(90deg,rgba(3,10,17,.22),transparent 16%,transparent 84%,rgba(3,10,17,.20));
}
.asb-dashboard-v130::after{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.22;
    background-image:radial-gradient(circle at center,rgba(94,158,224,.38) 0 1px,transparent 1.2px);
    background-size:92px 92px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 52%);
}
.asb-dashboard-v130 .asb-wrap{position:relative;z-index:1;max-width:1640px!important;padding:18px 28px 38px!important}
.asb-ambient-badge{position:absolute;left:28px;top:-2px;display:flex;align-items:center;gap:10px;color:#dbe7f3;opacity:.92;transform:translateY(-50%);pointer-events:none}
.asb-ambient-badge>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#ff8b25;border:1px solid rgba(255,131,31,.28);background:rgba(46,27,16,.52);box-shadow:0 0 25px rgba(255,108,13,.12)}
.asb-ambient-badge svg{width:18px;height:18px}.asb-ambient-badge b{font-size:10px;line-height:1.2;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.6)}

.asb-dashboard-v130 .asb-card{
    border-color:rgba(75,120,164,.38)!important;
    background:linear-gradient(145deg,rgba(8,24,38,.91),rgba(5,17,29,.94))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.022)!important;
    backdrop-filter:blur(11px)!important;-webkit-backdrop-filter:blur(11px)!important;
}
.asb-metrics-v130{gap:18px!important;margin:20px 0 22px!important}
.asb-metrics-v130 .asb-metric{position:relative;overflow:hidden;min-height:182px!important;padding:25px 28px!important;isolation:isolate}
.asb-metrics-v130 .asb-metric::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.012),transparent 55%)}
.asb-metrics-v130 .asb-metric-body{position:relative;z-index:2;max-width:72%}
.asb-metrics-v130 .asb-label{font-size:13px!important;margin-bottom:7px!important;color:#c5d3e2!important}
.asb-metric-title-v130{font-size:22px!important;line-height:1.15!important;margin:0 0 2px!important}
.asb-metrics-v130 .asb-metric>span.asb-metric-body>strong:not(.asb-metric-title-v130){font-size:28px!important}
.asb-metrics-v130 .asb-metric small{font-size:11px!important;line-height:1.45!important;margin-top:7px!important;color:#849ab1!important}
.asb-metrics-v130 .asb-metric-action{margin-top:16px!important;min-height:35px;padding:9px 13px!important}
.asb-metric-art{position:absolute;right:18px;bottom:8px;width:118px;height:118px;object-fit:cover;object-position:center;border-radius:18px;opacity:.64;mix-blend-mode:screen;filter:saturate(1.08) contrast(1.04);pointer-events:none;mask-image:linear-gradient(120deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 44%,#000 100%)}
.asb-metric-order{border-color:rgba(226,115,36,.48)!important;box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025),0 0 42px rgba(255,107,12,.06)!important}
.asb-metric-order .asb-metric-action{color:#ff9a3d!important;border-color:rgba(255,129,32,.42)!important;background:rgba(91,44,10,.17)!important}
.asb-metric-payments.has-unpaid{border-color:rgba(178,70,77,.45)!important}.asb-metric-payments.has-unpaid .asb-metric-action{color:#ff7b86!important;border-color:rgba(224,75,86,.42)!important;background:rgba(88,24,32,.16)!important}

.asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 340px!important;gap:28px!important}
.asb-dashboard-v130 .asb-section-head{margin-bottom:12px!important}.asb-dashboard-v130 .asb-section-head h1{font-size:21px!important;text-shadow:0 2px 18px rgba(0,0,0,.72)}
.asb-server-list-v130{gap:12px!important}
.asb-server-card-v130{min-height:166px!important;padding:9px 13px 9px 9px!important;grid-template-columns:188px minmax(0,1fr) 246px!important;gap:18px!important;border-radius:13px!important;background:linear-gradient(100deg,rgba(5,20,33,.96),rgba(6,19,31,.91))!important}
.asb-server-card-v130:hover{border-color:rgba(67,134,201,.62)!important;transform:translateY(-1px)!important}
.asb-server-cover-v130{height:146px!important;border-radius:9px!important;border-color:rgba(91,135,175,.34)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.014)}
.asb-server-cover-v130 img{object-fit:cover!important}
.asb-server-info-v130{display:flex;min-width:0;flex-direction:column;justify-content:center}
.asb-server-card-v130 .asb-server-title-row{margin-bottom:7px!important}.asb-server-card-v130 .asb-server-title{font-size:17px!important}
.asb-server-meta-v130{margin-bottom:9px!important;font-size:10.5px!important;gap:15px!important}
.asb-server-specs{display:grid;grid-template-columns:repeat(4,minmax(94px,1fr));gap:0;margin:0 0 8px;border:1px solid rgba(61,96,128,.23);border-radius:8px;background:rgba(6,16,27,.42);overflow:hidden}
.asb-server-specs>span{position:relative;min-width:0;min-height:49px;padding:8px 9px 7px 31px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(61,96,128,.18)}
.asb-server-specs>span:last-child{border-right:0}.asb-server-specs>span>svg{position:absolute;left:10px;top:16px;width:14px;height:14px;color:#6685a2}.asb-server-specs small{font-size:9px;line-height:1;color:#70869a;margin-bottom:4px;white-space:nowrap}.asb-server-specs b{font-size:10.5px;line-height:1.05;color:#d5dfeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.asb-server-specs b.asb-date-ok{color:#36d68b}.asb-server-specs b.asb-date-danger{color:#ff747d}
.asb-server-address{display:flex;align-items:center;min-height:18px;font-size:10px;color:#73899f}.asb-server-address b{color:#94a9bd;font-weight:650}
.asb-server-side-v130{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:13px}.asb-server-card-v130 .asb-server-actions{justify-content:flex-end!important}.asb-server-card-v130 .asb-btn{min-height:40px!important;padding:0 15px!important}
.asb-health{min-height:50px;padding:9px 12px;border:1px solid rgba(57,94,127,.24);border-radius:8px;background:rgba(5,15,25,.48);display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center}.asb-health small{font-size:9px;color:#70869b}.asb-health strong{font-size:11px;color:#c9d7e5}.asb-health.is-online strong{color:#43db91}.asb-health.is-pending strong{color:#ffb14f}.asb-health.is-offline strong{color:#ff747c}.asb-health-line{grid-column:2;display:flex;height:14px;align-items:end;gap:2px}.asb-health-line i{display:block;flex:1;min-width:3px;border-radius:2px 2px 0 0;background:#31cb83;opacity:.82}.asb-health-line i:nth-child(1){height:3px}.asb-health-line i:nth-child(2){height:7px}.asb-health-line i:nth-child(3){height:5px}.asb-health-line i:nth-child(4){height:11px}.asb-health-line i:nth-child(5){height:8px}.asb-health-line i:nth-child(6){height:13px}.asb-health-line i:nth-child(7){height:10px}.asb-health.is-pending .asb-health-line i{background:#f5a43f}.asb-health.is-offline .asb-health-line i{background:#eb5966}

.asb-side-column-v130{gap:12px!important;margin-top:40px!important}.asb-support-card-v130,.asb-invoice-card-v130{padding:20px!important;border-radius:13px!important}.asb-support-card-v130 .asb-side-card-head h2,.asb-invoice-card-v130 .asb-invoice-title h2{font-size:17px!important;margin-bottom:6px!important}.asb-support-card-v130 .asb-side-card-head p,.asb-invoice-card-v130 .asb-invoice-title p{font-size:10.5px!important;line-height:1.45!important}.asb-support-card-v130 .asb-support-icon{width:55px!important;height:55px!important;flex-basis:55px!important}.asb-support-card-v130 .asb-support-icon svg{width:49px!important;height:49px!important}
.asb-support-benefits{display:flex;flex-direction:column;gap:7px;margin:16px 0 0;color:#8fa6bb;font-size:10.5px}.asb-support-benefits span{display:flex;align-items:center;gap:8px}.asb-support-benefits i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(90,126,161,.45);position:relative}.asb-support-benefits i::after{content:'✓';position:absolute;inset:-3px 0 0 2px;color:#72a8e6;font-size:9px}.asb-support-card-v130 .asb-support-button{margin-top:17px!important;min-height:45px!important}
.asb-invoice-card-v130{min-height:264px!important}.asb-invoice-summary-list{display:flex;flex-direction:column;margin-top:16px;border-top:1px solid rgba(120,75,80,.25);border-bottom:1px solid rgba(120,75,80,.20)}.asb-invoice-summary-list>span{min-height:47px;padding:9px 1px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,75,80,.15)}.asb-invoice-summary-list>span:last-child{border-bottom:0}.asb-invoice-summary-list small{font-size:9.5px;color:#8396a9}.asb-invoice-summary-list b{font-size:11px;color:#dce6f0}.asb-invoice-summary-list .asb-danger-text{color:#ff7079}.asb-invoice-summary-list.is-clear{border-bottom:0}.asb-invoice-card-v130 .asb-invoice-total{margin-top:12px!important;padding-top:0!important;border-top:0!important}.asb-invoice-card-v130>a{margin-top:14px!important}

/* Sidebar promo gets the same crate motif as the target concept. */
.ap-side-promo{position:relative!important;overflow:hidden!important;padding-right:82px!important}.ap-side-promo::after{content:'';position:absolute;right:-8px;bottom:25px;width:92px;height:105px;background:url('/arexhost-cinematic-v130/promo-crate.webp') center/cover no-repeat;opacity:.78;pointer-events:none;mix-blend-mode:screen}.ap-side-promo>*{position:relative;z-index:1}

@media (max-width:1320px){
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 315px!important;gap:18px!important}
    .asb-server-card-v130{grid-template-columns:150px minmax(0,1fr) 205px!important;gap:13px!important}.asb-server-cover-v130{height:132px!important}.asb-server-specs{grid-template-columns:repeat(2,minmax(110px,1fr))}.asb-server-specs>span:nth-child(2){border-right:0}.asb-server-specs>span:nth-child(-n+2){border-bottom:1px solid rgba(61,96,128,.18)}
}
@media (max-width:1180px){
    .asb-main-grid-v130{grid-template-columns:1fr!important}.asb-side-column-v130{margin-top:0!important;display:grid!important;grid-template-columns:1fr 1fr!important}.asb-server-card-v130{grid-template-columns:160px minmax(0,1fr) 220px!important}.asb-server-cover-v130{height:136px!important}
}
@media (max-width:900px){
    .asb-dashboard-v130{background-attachment:scroll!important;background-position:center top!important}.asb-dashboard-v130 .asb-wrap{padding:14px 14px 28px!important}.asb-ambient-badge{display:none!important}.asb-metrics-v130{margin-top:0!important;grid-template-columns:1fr!important}.asb-metrics-v130 .asb-metric{min-height:126px!important}.asb-metric-art{width:100px;height:100px;opacity:.5}.asb-main-grid-v130{gap:18px!important}.asb-side-column-v130{grid-template-columns:1fr!important}.asb-server-card-v130{grid-template-columns:110px minmax(0,1fr)!important;padding:10px!important;gap:12px!important}.asb-server-cover-v130{height:106px!important}.asb-server-side-v130{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.asb-server-actions{justify-content:flex-start!important}.asb-server-specs{grid-template-columns:repeat(2,minmax(100px,1fr))}
}
@media (max-width:560px){
    .asb-dashboard-v130 .asb-wrap{padding:10px 9px 24px!important}.asb-metrics-v130 .asb-metric-body{max-width:82%}.asb-metric-art{right:3px;bottom:3px;width:86px;height:86px}.asb-desktop-only{display:none}.asb-server-card-v130{grid-template-columns:1fr!important}.asb-server-cover-v130{width:100%!important;height:155px!important}.asb-server-side-v130{grid-column:auto;grid-template-columns:1fr}.asb-server-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.asb-server-specs{grid-template-columns:1fr 1fr}.asb-side-column-v130{display:flex!important}.ap-side-promo{padding-right:70px!important}
}

/* --------------------------------------------------------------------------
   ArexHost v1.3.1 — cinematic background + density polish
   - replaces the screenshot-like wallpaper with a clean thematic artwork
   - keeps soldier / data-center atmosphere without duplicated dashboard UI
   - increases foreground/background separation and card density
   -------------------------------------------------------------------------- */
.asb-dashboard-v130{
    min-height:100vh!important;
    background:
        linear-gradient(180deg,rgba(2,8,15,.16) 0%,rgba(2,8,15,.24) 48%,rgba(2,8,15,.46) 100%),
        url('/arexhost-cinematic-v130/dashboard-bg-v131.webp?v=1.3.1') center top/cover fixed no-repeat!important;
}
.asb-dashboard-v130::before{
    background:
        radial-gradient(720px 360px at 8% 12%,rgba(255,109,17,.12),transparent 70%),
        radial-gradient(860px 420px at 78% 5%,rgba(35,119,255,.15),transparent 70%),
        radial-gradient(660px 360px at 58% 92%,rgba(255,108,13,.07),transparent 74%),
        linear-gradient(90deg,rgba(2,8,14,.20),transparent 15%,transparent 84%,rgba(2,8,14,.18));
}
.asb-dashboard-v130::after{opacity:.14!important;background-size:108px 108px!important}
.asb-dashboard-v130 .asb-wrap{max-width:1660px!important;padding:12px 28px 38px!important}
.asb-ambient-badge{display:none!important}
.asb-metrics-v130{position:relative;margin:0 0 18px!important;gap:18px!important}
.asb-metrics-v130::before{
    content:'';position:absolute;inset:-34px -24px -22px;z-index:-1;pointer-events:none;
    background:radial-gradient(ellipse at 50% 0%,rgba(31,102,180,.09),transparent 64%);
    filter:blur(5px);
}
.asb-dashboard-v130 .asb-card{
    background:linear-gradient(145deg,rgba(7,23,37,.89),rgba(4,16,28,.93))!important;
    border-color:rgba(78,124,169,.42)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.025)!important;
    backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;
}
.asb-metrics-v130 .asb-metric{min-height:174px!important;padding:23px 26px!important}
.asb-metric-art{right:13px!important;bottom:5px!important;width:124px!important;height:124px!important;opacity:.72!important}
.asb-metric-order .asb-metric-art{filter:saturate(1.2) contrast(1.08) drop-shadow(0 0 18px rgba(255,113,18,.12))!important}
.asb-metric-servers .asb-metric-art{filter:saturate(1.15) contrast(1.08) drop-shadow(0 0 18px rgba(42,126,255,.12))!important}
.asb-metric-payments .asb-metric-art{filter:saturate(1.18) contrast(1.08) drop-shadow(0 0 18px rgba(225,69,84,.10))!important}
.asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 350px!important;gap:26px!important}
.asb-dashboard-v130 .asb-section-head{margin-bottom:10px!important}
.asb-server-list-v130{gap:10px!important}
.asb-server-card-v130{
    min-height:170px!important;
    grid-template-columns:184px minmax(0,1fr) 252px!important;
    padding:10px 14px 10px 10px!important;
    gap:17px!important;
    border-color:rgba(69,112,151,.40)!important;
    background:linear-gradient(100deg,rgba(4,18,31,.955),rgba(5,19,31,.90))!important;
}
.asb-server-card-v130::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(255,116,19,.018),transparent 24%,transparent 72%,rgba(45,120,213,.018))}
.asb-server-cover-v130{height:148px!important;box-shadow:0 9px 24px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.014)!important}
.asb-server-cover-v130 img{filter:saturate(1.08) contrast(1.05)!important}
.asb-server-specs{background:rgba(3,13,23,.56)!important;border-color:rgba(64,105,143,.30)!important}
.asb-server-specs>span{min-height:51px!important}
.asb-server-specs b{font-size:10.5px!important}
.asb-server-specs b:empty::after{content:'Нет данных';color:#6f8598;font-weight:600}
.asb-server-address{color:#7e95ab!important}
.asb-health{background:rgba(3,13,23,.58)!important;border-color:rgba(62,104,143,.28)!important}
.asb-side-column-v130{margin-top:38px!important;gap:11px!important}
.asb-support-card-v130{min-height:238px!important}
.asb-invoice-card-v130{min-height:278px!important}
.asb-support-card-v130,.asb-invoice-card-v130{background:linear-gradient(145deg,rgba(8,22,35,.92),rgba(5,16,28,.95))!important}
.asb-invoice-card-v130.has-unpaid{background:linear-gradient(145deg,rgba(30,23,31,.91),rgba(5,17,29,.95))!important}
.ap-side-promo::after{opacity:.92!important;filter:drop-shadow(0 0 18px rgba(255,110,13,.16))!important}

@media (max-width:1320px){
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 315px!important;gap:18px!important}
    .asb-server-card-v130{grid-template-columns:150px minmax(0,1fr) 210px!important;gap:13px!important}
    .asb-server-cover-v130{height:134px!important}
}
@media (max-width:1180px){
    .asb-main-grid-v130{grid-template-columns:1fr!important}
    .asb-side-column-v130{margin-top:0!important}
    .asb-server-card-v130{grid-template-columns:160px minmax(0,1fr) 220px!important}
}
@media (max-width:900px){
    .asb-dashboard-v130{background-attachment:scroll!important;background-position:32% top!important;background-size:auto 100%!important}
    .asb-dashboard-v130 .asb-wrap{padding:12px 14px 28px!important}
    .asb-metrics-v130 .asb-metric{min-height:126px!important}
    .asb-server-card-v130{grid-template-columns:110px minmax(0,1fr)!important;padding:10px!important}
    .asb-server-cover-v130{height:106px!important}
}
@media (max-width:560px){
    .asb-dashboard-v130{background-position:22% top!important}
    .asb-server-card-v130{grid-template-columns:1fr!important}
    .asb-server-cover-v130{height:155px!important}
}

/* --------------------------------------------------------------------------
   ArexHost v1.4.0 — target-reference geometry match
   Blueprint: final approved cinematic dashboard mockup.
   - exact hero strip extracted from approved reference (no duplicated cards)
   - content gutters / sidebar / card proportions tuned to the reference
   - asymmetric top-card widths (order / servers / payment)
   - larger, denser server cards with target-like artwork order
   -------------------------------------------------------------------------- */

@media (min-width: 901px){
    .ap-sidebar{width:240px!important;min-width:240px!important;flex:0 0 240px!important}
    .ap-brand{padding-left:18px!important;padding-right:18px!important}
    .ap-sidebar-account-v110{margin:16px 16px 18px!important;padding:14px!important}
    .ap-nav-simple-v1{padding-left:14px!important;padding-right:14px!important}
    .ap-side-promo{left:16px!important;right:16px!important;bottom:17px!important}
}

.asb-dashboard-v130{
    min-height:100vh!important;
    background:
        linear-gradient(180deg,rgba(2,8,15,.10) 0%,rgba(2,8,15,.20) 44%,rgba(2,8,15,.46) 100%),
        url('/arexhost-cinematic-v130/dashboard-bg-v131.webp?v=1.4.0') center top/cover fixed no-repeat!important;
}
.asb-dashboard-v130::before{
    content:''!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:152px!important;z-index:0!important;pointer-events:none!important;
    background:
        linear-gradient(180deg,rgba(2,8,15,.02) 0%,rgba(2,8,15,.04) 55%,rgba(2,8,15,.88) 100%),
        url('/arexhost-cinematic-v130/dashboard-hero-v140.webp?v=1.4.0') center top/100% 150px no-repeat!important;
    opacity:1!important;
}
.asb-dashboard-v130::after{
    content:''!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:.11!important;
    background-image:radial-gradient(circle at center,rgba(93,154,214,.34) 0 1px,transparent 1.2px)!important;
    background-size:116px 116px!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),rgba(0,0,0,.18) 45%,transparent 78%)!important;
}
.asb-dashboard-v130 .asb-wrap{max-width:none!important;width:100%!important;padding:112px 42px 42px!important;margin:0!important}
.asb-ambient-badge{display:none!important}

.asb-metrics-v130{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1.29fr)!important;gap:20px!important;margin:0 0 24px!important}
.asb-metrics-v130 .asb-metric{min-height:226px!important;padding:29px 30px!important;border-radius:15px!important}
.asb-metrics-v130 .asb-metric-body{max-width:74%!important}
.asb-metrics-v130 .asb-label{font-size:15px!important;margin-bottom:9px!important}
.asb-metric-title-v130{font-size:27px!important;margin-bottom:4px!important}
.asb-metrics-v130 .asb-metric>span.asb-metric-body>strong:not(.asb-metric-title-v130){font-size:34px!important;line-height:1!important}
.asb-metrics-v130 .asb-metric small{font-size:13px!important;line-height:1.45!important;margin-top:10px!important}
.asb-metrics-v130 .asb-metric-action{min-height:43px!important;padding:11px 16px!important;margin-top:18px!important;font-size:13px!important}
.asb-metrics-v130 .asb-metric-icon{width:48px!important;height:48px!important;flex:0 0 48px!important}
.asb-metrics-v130 .asb-metric-icon svg{width:22px!important;height:22px!important}
.asb-metric-art{right:20px!important;bottom:12px!important;width:150px!important;height:150px!important;opacity:.80!important}

.asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 426px!important;gap:36px!important}
.asb-dashboard-v130 .asb-section-head{min-height:36px!important;margin-bottom:12px!important}
.asb-dashboard-v130 .asb-section-head h1{font-size:25px!important;line-height:1!important}
.asb-dashboard-v130 .asb-section-head a{font-size:13px!important}

.asb-server-list-v130{gap:15px!important}
.asb-server-card-v130{min-height:206px!important;grid-template-columns:242px minmax(0,1fr) 292px!important;gap:22px!important;padding:10px 17px 10px 10px!important;border-radius:14px!important;border-color:rgba(74,119,161,.46)!important;background:linear-gradient(100deg,rgba(5,20,33,.965),rgba(5,18,30,.92))!important}
.asb-server-list-v130 .asb-server-card-v130:nth-child(1){border-color:rgba(202,101,37,.44)!important;box-shadow:0 20px 48px rgba(0,0,0,.29),-1px 0 22px rgba(255,108,13,.035)!important}
.asb-server-cover-v130{height:186px!important;border-radius:10px!important}
.asb-server-info-v130{justify-content:center!important}
.asb-server-card-v130 .asb-server-title{font-size:20px!important}
.asb-server-card-v130 .asb-status{font-size:10.5px!important;padding:6px 10px!important}
.asb-server-meta-v130{font-size:12px!important;margin:9px 0 12px!important;gap:18px!important}
.asb-server-specs{margin:0 0 9px!important;border-radius:9px!important}
.asb-server-specs>span{min-height:58px!important;padding:9px 10px 8px 35px!important}
.asb-server-specs>span>svg{left:12px!important;top:19px!important;width:15px!important;height:15px!important}
.asb-server-specs small{font-size:10px!important;margin-bottom:5px!important}
.asb-server-specs b{font-size:12px!important}
.asb-server-address{font-size:11px!important;min-height:20px!important}
.asb-server-side-v130{gap:15px!important}
.asb-server-actions{gap:12px!important}
.asb-btn{min-height:45px!important;padding:11px 17px!important;font-size:12px!important}
.asb-health{min-height:76px!important;padding:12px 14px!important;border-radius:9px!important}
.asb-health small{font-size:9.5px!important}.asb-health strong{font-size:12px!important}
.asb-health-line{height:24px!important;gap:3px!important}.asb-health-line i{width:22px!important}

.asb-side-column-v130{margin-top:39px!important;gap:14px!important}
.asb-support-card-v130{min-height:286px!important;padding:24px!important;border-radius:14px!important}
.asb-invoice-card-v130{min-height:338px!important;padding:24px!important;border-radius:14px!important}
.asb-side-card-head h2,.asb-invoice-title h2{font-size:20px!important}
.asb-side-card-head p,.asb-invoice-title p{font-size:12px!important;line-height:1.55!important}
.asb-support-icon{width:62px!important;height:62px!important;flex-basis:62px!important}.asb-support-icon svg{width:58px!important;height:58px!important}
.asb-support-benefits{gap:10px!important;margin:15px 0 20px!important;font-size:12px!important}
.asb-support-button{min-height:49px!important;font-size:13px!important}
.asb-invoice-summary-list>span{min-height:52px!important;font-size:12px!important}.asb-invoice-total{font-size:12px!important;padding-top:16px!important}.asb-invoice-total strong{font-size:21px!important}

.ap-sidebar-profile-v110{grid-template-columns:52px minmax(0,1fr) 20px!important;gap:12px!important;padding:9px 8px!important}
.ap-sidebar-profile-v110>img{width:52px!important;height:52px!important;border-radius:12px!important}
.ap-sidebar-profile-copy-v110 b{font-size:14px!important;line-height:1.18!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.ap-sidebar-profile-copy-v110 small{font-size:10.5px!important}
.ap-sidebar-account-separator-v110{margin:10px 8px!important}
.ap-sidebar-balance-v110{grid-template-columns:42px minmax(0,1fr) 18px!important;gap:11px!important;padding:8px!important}
.ap-sidebar-balance-icon-v110{width:42px!important;height:42px!important}.ap-sidebar-balance-v110 b{font-size:17px!important}.ap-sidebar-balance-v110 small{font-size:10.5px!important}
.ap-nav-simple-v1 a{min-height:49px!important;font-size:14px!important;padding:12px 13px!important}.ap-nav-simple-v1 a svg{width:19px!important;height:19px!important}
.ap-side-promo{min-height:180px!important;padding:20px 105px 18px 18px!important}.ap-side-promo span{font-size:28px!important}.ap-side-promo b{font-size:13px!important}.ap-side-promo small{font-size:9.5px!important}.ap-side-promo a{min-height:42px!important;padding:11px 12px!important}

@media (max-width:1500px){
    .asb-dashboard-v130 .asb-wrap{padding-left:32px!important;padding-right:32px!important}
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 370px!important;gap:24px!important}
    .asb-server-card-v130{grid-template-columns:202px minmax(0,1fr) 250px!important;gap:16px!important;min-height:190px!important}
    .asb-server-cover-v130{height:170px!important}
    .asb-metrics-v130 .asb-metric{min-height:206px!important;padding:25px!important}
}
@media (max-width:1320px){
    .asb-dashboard-v130 .asb-wrap{padding-top:90px!important}
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important}
    .asb-server-card-v130{grid-template-columns:170px minmax(0,1fr) 220px!important;min-height:174px!important}
    .asb-server-cover-v130{height:154px!important}
    .asb-server-specs>span{min-height:50px!important}
}
@media (max-width:1180px){
    .asb-dashboard-v130 .asb-wrap{padding-top:28px!important}
    .asb-dashboard-v130::before{height:90px!important;opacity:.45!important}
    .asb-metrics-v130{grid-template-columns:1fr!important}
    .asb-main-grid-v130{grid-template-columns:1fr!important}
    .asb-side-column-v130{margin-top:0!important}
}

/* --------------------------------------------------------------------------
   ArexHost v1.4.1 — vivid cinematic palette + target sparkline graphs
   -------------------------------------------------------------------------- */
:root{
    --arex-v141-orange:#ff720d;
    --arex-v141-orange2:#ff9b2f;
    --arex-v141-blue:#2f7dff;
    --arex-v141-blue2:#62a7ff;
    --arex-v141-green:#31e394;
    --arex-v141-red:#ff5d6c;
}
.asb-dashboard-v130{
    background:
        radial-gradient(circle at 22% 16%,rgba(255,105,15,.16),transparent 27%),
        radial-gradient(circle at 79% 10%,rgba(30,117,255,.23),transparent 32%),
        linear-gradient(180deg,rgba(1,7,14,.02) 0%,rgba(1,8,16,.17) 48%,rgba(1,7,14,.40) 100%),
        url('/arexhost-cinematic-v130/dashboard-bg-v131.webp?v=1.4.1') center top/cover fixed no-repeat!important;
}
.asb-dashboard-v130::before{
    background:
        linear-gradient(180deg,rgba(1,6,13,0) 0%,rgba(1,8,16,.02) 55%,rgba(1,8,16,.78) 100%),
        url('/arexhost-cinematic-v130/dashboard-hero-v140.webp?v=1.4.1') center top/100% 150px no-repeat!important;
    filter:saturate(1.35) contrast(1.08)!important;
}
.asb-dashboard-v130::after{opacity:.17!important;background-image:radial-gradient(circle at center,rgba(84,164,255,.54) 0 1px,transparent 1.4px)!important}

.asb-dashboard-v130 .asb-card{
    background:linear-gradient(145deg,rgba(6,25,42,.955),rgba(4,16,29,.93))!important;
    border-color:rgba(63,126,187,.48)!important;
    box-shadow:0 20px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(132,197,255,.035)!important;
}
.asb-metric-order{border-color:rgba(255,117,20,.65)!important;box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 36px rgba(255,103,9,.12),inset 0 1px 0 rgba(255,172,85,.08)!important}
.asb-metric-servers{border-color:rgba(52,132,255,.58)!important;box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 36px rgba(31,114,255,.11),inset 0 1px 0 rgba(93,169,255,.08)!important}
.asb-metric-payments.has-unpaid{border-color:rgba(255,83,98,.56)!important;box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 34px rgba(247,72,88,.10),inset 0 1px 0 rgba(255,112,126,.07)!important}
.asb-metric-art{filter:saturate(1.48) contrast(1.12) brightness(1.05)!important;opacity:.92!important}
.asb-metric-order .asb-metric-icon{color:var(--arex-v141-orange2)!important;border-color:rgba(255,123,27,.47)!important;background:rgba(112,49,9,.24)!important;box-shadow:0 0 25px rgba(255,106,12,.10)!important}
.asb-metric-servers .asb-metric-icon{color:var(--arex-v141-blue2)!important;border-color:rgba(53,135,255,.42)!important;background:rgba(15,57,116,.25)!important;box-shadow:0 0 25px rgba(45,128,255,.10)!important}
.asb-metric-payments .asb-metric-icon{color:#ff7c89!important;border-color:rgba(255,83,99,.40)!important;background:rgba(104,29,39,.24)!important}
.asb-metric-order .asb-metric-action{color:#ffad57!important;border-color:rgba(255,122,28,.70)!important;background:linear-gradient(180deg,rgba(124,55,8,.30),rgba(78,31,4,.22))!important;box-shadow:0 0 22px rgba(255,105,10,.08)!important}
.asb-metric-servers .asb-metric-action{color:#6eb3ff!important;border-color:rgba(47,128,255,.60)!important;background:rgba(15,54,107,.22)!important}
.asb-metric-payments.has-unpaid .asb-metric-action{color:#ff8a94!important;border-color:rgba(255,80,95,.62)!important;background:rgba(100,25,34,.22)!important}

.asb-server-card-v130{border-color:rgba(65,128,191,.56)!important;background:linear-gradient(102deg,rgba(5,23,39,.985),rgba(4,17,30,.95))!important;box-shadow:0 20px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(100,180,255,.025)!important}
.asb-server-list-v130 .asb-server-card-v130:nth-child(1){border-color:rgba(255,120,29,.60)!important;box-shadow:0 20px 50px rgba(0,0,0,.34),-1px 0 32px rgba(255,105,10,.09)!important}
.asb-server-cover-v130 img{filter:saturate(1.38) contrast(1.10) brightness(1.04)!important}
.asb-server-card-v130 .asb-server-title{color:#f4f9ff!important;text-shadow:0 0 18px rgba(87,165,255,.06)!important}
.asb-status.is-online{color:#50f0a4!important;border-color:rgba(49,226,144,.36)!important;background:rgba(17,112,70,.24)!important}
.asb-status.is-pending{color:#ffb34d!important;border-color:rgba(255,165,48,.38)!important;background:rgba(118,72,12,.24)!important}
.asb-btn-primary{background:linear-gradient(180deg,#ff7b15,#ff6200)!important;border-color:#ff8a2e!important;color:white!important;box-shadow:0 9px 26px rgba(255,94,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important}
.asb-btn-primary:hover{background:linear-gradient(180deg,#ff8c27,#ff6b08)!important;box-shadow:0 12px 30px rgba(255,96,0,.31)!important}
.asb-btn-secondary{color:#67b2ff!important;border-color:rgba(53,139,255,.50)!important;background:linear-gradient(180deg,rgba(13,57,105,.33),rgba(8,36,70,.28))!important}
.asb-btn-secondary:hover{border-color:rgba(75,157,255,.78)!important;color:#a4d2ff!important;box-shadow:0 0 24px rgba(31,120,255,.12)!important}
.asb-server-specs{background:rgba(2,13,24,.70)!important;border-color:rgba(56,107,151,.31)!important}
.asb-date-ok{color:#39e792!important}

/* Target-style live sparkline card */
.asb-health-v141{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:76px!important;padding:10px 12px!important;overflow:hidden!important;position:relative!important}
.asb-health-copy-v141{display:flex;flex-direction:column;gap:4px;min-width:0}
.asb-health-copy-v141 small{font-size:9.5px!important;line-height:1!important;color:#718ba4!important}
.asb-health-copy-v141 strong{font-size:13px!important;line-height:1!important;font-weight:800!important}
.asb-sparkline-v141{width:100%!important;height:44px!important;overflow:visible!important;color:#33e291!important;filter:drop-shadow(0 0 5px rgba(35,224,140,.24))}
.asb-sparkline-v141 polyline{fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.asb-spark-area-v141{stroke:none!important}
.asb-health-v141.is-pending .asb-sparkline-v141{color:#ffad3f!important;filter:drop-shadow(0 0 5px rgba(255,161,42,.20))}
.asb-health-v141.is-offline .asb-sparkline-v141{color:#ff6370!important;filter:drop-shadow(0 0 5px rgba(255,79,94,.18))}
.asb-health-v141.is-online{border-color:rgba(42,178,116,.27)!important;background:linear-gradient(120deg,rgba(4,20,31,.75),rgba(5,35,30,.25))!important}
.asb-health-v141.is-pending{border-color:rgba(198,128,35,.28)!important;background:linear-gradient(120deg,rgba(4,20,31,.75),rgba(62,38,8,.24))!important}
.asb-health-v141.is-offline{border-color:rgba(198,64,78,.28)!important;background:linear-gradient(120deg,rgba(4,20,31,.75),rgba(61,18,25,.24))!important}

.asb-support-card-v130{border-color:rgba(54,132,255,.47)!important;box-shadow:0 18px 45px rgba(0,0,0,.31),0 0 30px rgba(36,112,255,.06)!important}
.asb-support-icon{color:#4b9cff!important;filter:drop-shadow(0 0 12px rgba(39,122,255,.18))}
.asb-support-button{background:linear-gradient(180deg,#3978f7,#205bd8)!important;box-shadow:0 10px 25px rgba(35,91,222,.27),inset 0 1px 0 rgba(255,255,255,.16)!important}
.asb-invoice-card-v130.has-unpaid{border-color:rgba(248,76,92,.46)!important;background:linear-gradient(145deg,rgba(25,16,24,.96),rgba(11,18,29,.95))!important;box-shadow:0 18px 45px rgba(0,0,0,.31),0 0 30px rgba(224,55,71,.05)!important}
.asb-danger-text{color:#ff6a78!important}

.ap-sidebar{background:linear-gradient(180deg,#061522 0%,#04111c 100%)!important;border-right-color:rgba(57,105,148,.32)!important}
.ap-sidebar-account-v110{background:linear-gradient(145deg,rgba(8,30,49,.95),rgba(5,20,34,.94))!important;border-color:rgba(60,125,183,.43)!important;box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(102,181,255,.03)!important}
.ap-sidebar-balance-v110 small{color:#ff8c27!important}
.ap-nav-simple-v1 a.active{background:linear-gradient(90deg,rgba(255,108,12,.14),rgba(255,108,12,.025))!important;border-left-color:#ff710d!important;box-shadow:inset 8px 0 24px rgba(255,105,10,.035)!important}
.ap-side-promo{border-color:rgba(77,125,170,.43)!important;background:radial-gradient(circle at 95% 18%,rgba(255,111,13,.18),transparent 36%),linear-gradient(145deg,rgba(9,29,46,.96),rgba(20,21,29,.95))!important;box-shadow:0 18px 45px rgba(0,0,0,.31)!important}
.ap-side-promo span{color:#ff7d1e!important;text-shadow:0 0 18px rgba(255,111,12,.14)!important}
.ap-side-promo a{background:linear-gradient(180deg,#2d70f0,#1852c8)!important;box-shadow:0 8px 24px rgba(24,76,190,.24)!important}

@media (max-width:1320px){.asb-health-v141{grid-template-columns:68px minmax(0,1fr)!important}.asb-sparkline-v141{height:38px!important}}
@media (max-width:900px){.asb-health-v141{grid-template-columns:82px minmax(0,1fr)!important}.asb-sparkline-v141{height:42px!important}}

/* AREX_V141_READY */


/* --------------------------------------------------------------------------
   AREX_V142_READY
   ArexHost v1.4.2 — pixel-match layout repair + 4K cinematic artwork
   -------------------------------------------------------------------------- */
:root{
    --arex-v142-sidebar:240px;
    --arex-v142-orange:#ff6a00;
    --arex-v142-orange-hi:#ff9a32;
    --arex-v142-blue:#2f7fff;
    --arex-v142-blue-hi:#67b5ff;
    --arex-v142-green:#2bea91;
    --arex-v142-red:#ff5366;
}
@media (min-width:901px){
    .ap-shell{
        display:grid!important;
        grid-template-columns:var(--arex-v142-sidebar) minmax(0,1fr)!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }
    .ap-sidebar{
        grid-column:1!important;
        width:var(--arex-v142-sidebar)!important;
        min-width:var(--arex-v142-sidebar)!important;
        max-width:var(--arex-v142-sidebar)!important;
        flex:0 0 var(--arex-v142-sidebar)!important;
        overflow-x:hidden!important;
        z-index:40!important;
    }
    .ap-workspace{
        grid-column:2!important;
        min-width:0!important;
        width:auto!important;
        max-width:100%!important;
        overflow-x:clip!important;
    }
    .ap-content{
        min-width:0!important;
        max-width:1920px!important;
        overflow-x:clip!important;
    }
    .ap-profile-popover-v216{inset:68px 24px auto auto!important;background:#0f1318!important;}
}
.asb-dashboard-v130{
    background:
        radial-gradient(circle at 20% 13%,rgba(255,91,0,.18),transparent 28%),
        radial-gradient(circle at 79% 10%,rgba(19,111,255,.22),transparent 31%),
        linear-gradient(180deg,rgba(1,6,12,.02) 0%,rgba(1,7,14,.15) 47%,rgba(1,7,14,.42) 100%),
        url('/arexhost-cinematic-v130/dashboard-bg-v142-4k.webp?v=1.4.2') center top/cover fixed no-repeat!important;
    image-rendering:auto!important;
}
.asb-dashboard-v130::before{
    height:176px!important;
    background:
        linear-gradient(180deg,rgba(1,5,11,0) 0%,rgba(1,7,14,.03) 54%,rgba(1,8,16,.82) 100%),
        url('/arexhost-cinematic-v130/dashboard-hero-v142-4k.webp?v=1.4.2') center top/100% 176px no-repeat!important;
    filter:none!important;
    opacity:1!important;
}
.asb-dashboard-v130::after{
    opacity:.08!important;
    background-image:radial-gradient(circle at center,rgba(74,151,235,.48) 0 1px,transparent 1.3px)!important;
    background-size:124px 124px!important;
}
.asb-dashboard-v130 .asb-wrap{
    max-width:none!important;
    width:100%!important;
    padding:108px 42px 38px!important;
    margin:0!important;
    overflow:visible!important;
}
.asb-metrics-v130{
    grid-template-columns:minmax(0,.96fr) minmax(0,1.08fr) minmax(0,1.28fr)!important;
    gap:18px!important;
    margin-bottom:22px!important;
}
.asb-metrics-v130 .asb-metric{
    min-height:208px!important;
    border-radius:14px!important;
    overflow:hidden!important;
}
.asb-metric-art{
    width:146px!important;
    height:146px!important;
    opacity:.94!important;
    filter:saturate(1.22) contrast(1.10) brightness(1.06)!important;
}
.asb-dashboard-v130 .asb-card{
    background:linear-gradient(145deg,rgba(5,24,41,.965),rgba(3,15,27,.955))!important;
    border-color:rgba(54,121,184,.55)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(126,198,255,.04)!important;
}
.asb-metric-order{
    border-color:rgba(255,107,10,.82)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 28px rgba(255,95,0,.10)!important;
}
.asb-metric-servers{
    border-color:rgba(43,126,255,.70)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 28px rgba(31,111,255,.10)!important;
}
.asb-metric-payments.has-unpaid{border-color:rgba(255,74,92,.68)!important}
.asb-main-grid-v130{
    grid-template-columns:minmax(0,1fr) 392px!important;
    gap:28px!important;
}
.asb-server-list-v130{gap:12px!important}
.asb-server-card-v130{
    min-height:184px!important;
    grid-template-columns:196px minmax(0,1fr) 276px!important;
    gap:18px!important;
    padding:8px 14px 8px 8px!important;
    border-radius:12px!important;
}
.asb-server-cover-v130{height:168px!important;border-radius:9px!important}
.asb-server-cover-v130 img{filter:saturate(1.24) contrast(1.11) brightness(1.03)!important}
.asb-server-card-v130 .asb-server-title{font-size:18px!important}
.asb-server-meta-v130{margin:7px 0 9px!important}
.asb-server-specs>span{min-height:53px!important}
.asb-server-side-v130{gap:10px!important}
.asb-server-actions{gap:10px!important}
.asb-health-v141{
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:9px 10px!important;
}
.asb-health-copy-v141 small{font-size:9px!important;text-transform:none!important}
.asb-health-copy-v141 strong{font-size:12px!important}
.asb-sparkline-v141{
    height:48px!important;
    width:100%!important;
    color:var(--arex-v142-green)!important;
    filter:drop-shadow(0 0 5px rgba(43,234,145,.34))!important;
}
.asb-sparkline-v141 polyline{stroke-width:2.35!important}
.asb-health-v141.is-pending .asb-sparkline-v141{
    color:#ff9d26!important;
    filter:drop-shadow(0 0 5px rgba(255,145,20,.28))!important;
}
.asb-health-v141.is-offline .asb-sparkline-v141{color:#ff5968!important}
.asb-side-column-v130{margin-top:34px!important;gap:12px!important}
.asb-support-card-v130{min-height:252px!important;padding:22px!important}
.asb-invoice-card-v130{min-height:300px!important;padding:22px!important}
.asb-support-button{
    background:linear-gradient(180deg,#3479ff,#1f5fe4)!important;
    border-color:rgba(85,148,255,.78)!important;
    box-shadow:0 10px 27px rgba(28,96,232,.28)!important;
}
.asb-btn-primary{
    background:linear-gradient(180deg,#ff7c16,#ff5f00)!important;
    border-color:#ff943b!important;
    box-shadow:0 8px 24px rgba(255,91,0,.28)!important;
}
.ap-sidebar-account-v110,.ap-side-promo{max-width:calc(var(--arex-v142-sidebar) - 32px)!important}
.ap-side-promo{overflow:hidden!important;box-sizing:border-box!important}
.ap-side-promo::after{right:-4px!important;max-width:104px!important;opacity:.95!important}
.ap-nav-simple-v1 a{overflow:hidden!important}
.ap-nav-simple-v1 a span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media (min-width:1900px){
    .asb-dashboard-v130 .asb-wrap{padding-left:54px!important;padding-right:54px!important}
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 420px!important;gap:30px!important}
    .asb-server-card-v130{grid-template-columns:208px minmax(0,1fr) 288px!important}
}
@media (max-width:1500px){
    .asb-dashboard-v130 .asb-wrap{padding-left:30px!important;padding-right:30px!important}
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 350px!important;gap:20px!important}
    .asb-server-card-v130{grid-template-columns:170px minmax(0,1fr) 235px!important;gap:14px!important}
    .asb-server-cover-v130{height:150px!important}
}
@media (max-width:1320px){
    .asb-dashboard-v130 .asb-wrap{padding-top:78px!important}
    .asb-dashboard-v130::before{height:132px!important;background-size:100% 132px!important}
}
@media (max-width:1180px){
    .asb-dashboard-v130 .asb-wrap{padding-top:24px!important}
    .asb-dashboard-v130::before{height:88px!important;background-size:100% 88px!important;opacity:.60!important}
}
@media (max-width:900px){
    .asb-dashboard-v130{
        background-attachment:scroll!important;
        background-position:35% top!important;
        background-size:auto 100%!important;
    }
    .asb-dashboard-v130::before{display:none!important}
}

/* --------------------------------------------------------------------------
   ArexHost v1.4.3 — fluid responsive workspace
   Keeps the approved cinematic design while adapting to viewport width/zoom.
   -------------------------------------------------------------------------- */
:root{
    --arex-v143-sidebar:240px;
    --arex-v143-gutter:clamp(14px,2.1vw,44px);
    --arex-v143-gap:clamp(12px,1.15vw,22px);
}

@media (min-width:901px){
    .ap-shell{
        display:grid!important;
        grid-template-columns:var(--arex-v143-sidebar) minmax(0,1fr)!important;
        width:100%!important;
        max-width:100%!important;
        min-height:100vh!important;
        overflow-x:hidden!important;
    }
    .ap-sidebar{
        position:relative!important;
        inset:auto!important;
        grid-column:1!important;
        width:var(--arex-v143-sidebar)!important;
        min-width:var(--arex-v143-sidebar)!important;
        max-width:var(--arex-v143-sidebar)!important;
        flex:0 0 var(--arex-v143-sidebar)!important;
        box-sizing:border-box!important;
    }
    .ap-workspace{
        position:relative!important;
        inset:auto!important;
        left:auto!important;
        right:auto!important;
        transform:none!important;
        grid-column:2!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        container-type:inline-size;
        container-name:arex-workspace;
    }
    .ap-content:has(.asb-dashboard){
        width:100%!important;
        min-width:0!important;
        max-width:1920px!important;
        margin:0 auto!important;
        padding:24px!important;
        overflow-x:clip!important;
    }
    .ap-footer{margin-left:0!important;max-width:none!important;width:100%!important}
    .ap-profile-popover-v216{inset:68px 24px auto auto!important;background:#0f1318!important;}
}

.asb-dashboard-v130{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    background-attachment:scroll!important;
    background-size:cover!important;
    background-position:center top!important;
}
.asb-dashboard-v130::before{
    height:clamp(112px,9vw,176px)!important;
    background-size:cover!important;
    background-position:center top!important;
}
.asb-dashboard-v130 .asb-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding-top:clamp(76px,5.6vw,108px)!important;
    padding-right:var(--arex-v143-gutter)!important;
    padding-bottom:clamp(24px,2.2vw,42px)!important;
    padding-left:var(--arex-v143-gutter)!important;
}
.asb-metrics-v130{
    gap:var(--arex-v143-gap)!important;
    grid-template-columns:minmax(0,.98fr) minmax(0,1.08fr) minmax(0,1.24fr)!important;
}
.asb-metrics-v130 .asb-metric{
    min-width:0!important;
    min-height:clamp(168px,10.8vw,208px)!important;
    padding:clamp(18px,1.4vw,28px)!important;
}
.asb-metrics-v130 .asb-metric-body{max-width:min(74%,520px)!important}
.asb-metric-art{
    width:clamp(104px,8.2vw,146px)!important;
    height:clamp(104px,8.2vw,146px)!important;
}
.asb-main-grid-v130{
    gap:clamp(18px,1.5vw,28px)!important;
    grid-template-columns:minmax(0,1fr) clamp(320px,20.5vw,392px)!important;
}
.asb-servers-column,.asb-side-column-v130,.asb-server-info-v130{min-width:0!important}
.asb-server-card-v130{
    min-width:0!important;
    grid-template-columns:clamp(150px,10.2vw,196px) minmax(0,1fr) clamp(220px,14.4vw,276px)!important;
    gap:clamp(12px,1vw,18px)!important;
}
.asb-server-cover-v130{height:clamp(142px,8.8vw,168px)!important}
.asb-server-specs{min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.asb-server-specs>span{min-width:0!important}
.asb-server-specs b,.asb-server-specs small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.asb-server-title{max-width:100%!important}
.asb-health-v141{grid-template-columns:clamp(62px,4.2vw,72px) minmax(0,1fr)!important}
.asb-sparkline-v141{min-width:0!important;max-width:100%!important}

.ap-sidebar-account-v110,.ap-side-promo{
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
}
.ap-nav-simple-v1{width:100%!important;box-sizing:border-box!important}

/* Container queries react to the real workspace width after the sidebar,
   so browser zoom and narrow windows scale naturally instead of overlapping. */
@container arex-workspace (max-width:1450px){
    .asb-dashboard-v130 .asb-wrap{padding-top:clamp(66px,5.2vw,90px)!important}
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 340px!important;gap:18px!important}
    .asb-server-card-v130{grid-template-columns:160px minmax(0,1fr) 230px!important;min-height:168px!important}
    .asb-server-cover-v130{height:148px!important}
    .asb-metrics-v130 .asb-metric{min-height:184px!important}
    .asb-metric-art{width:122px!important;height:122px!important}
}
@container arex-workspace (max-width:1220px){
    .asb-metrics-v130{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .asb-metrics-v130 .asb-metric{min-height:166px!important;padding:18px!important}
    .asb-metrics-v130 .asb-metric-body{max-width:78%!important}
    .asb-metric-art{width:100px!important;height:100px!important;opacity:.78!important}
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr) 300px!important;gap:16px!important}
    .asb-server-card-v130{grid-template-columns:132px minmax(0,1fr) 210px!important;gap:11px!important;padding:8px 10px 8px 8px!important}
    .asb-server-cover-v130{height:130px!important}
    .asb-server-card-v130 .asb-server-title{font-size:16px!important}
    .asb-server-specs>span{padding:8px 9px!important;min-height:48px!important}
    .asb-server-side-v130 .asb-btn{padding-left:11px!important;padding-right:11px!important}
}
@container arex-workspace (max-width:1040px){
    .asb-dashboard-v130 .asb-wrap{padding-top:26px!important}
    .asb-dashboard-v130::before{height:92px!important;opacity:.68!important}
    .asb-main-grid-v130{grid-template-columns:1fr!important}
    .asb-side-column-v130{margin-top:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important}
    .asb-server-card-v130{grid-template-columns:150px minmax(0,1fr) 220px!important}
    .asb-server-cover-v130{height:136px!important}
}
@container arex-workspace (max-width:820px){
    .asb-metrics-v130{grid-template-columns:1fr!important}
    .asb-metrics-v130 .asb-metric{min-height:128px!important}
    .asb-server-card-v130{grid-template-columns:120px minmax(0,1fr)!important}
    .asb-server-cover-v130{height:112px!important}
    .asb-server-side-v130{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}
    .asb-side-column-v130{grid-template-columns:1fr!important}
    .asb-server-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:860px){
    .asb-main-grid-v130{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
    .asb-dashboard-v130 .asb-section-head{flex-wrap:wrap;min-width:0}
    .asb-dashboard-v130 .asb-section-head h1{line-height:1.2!important;word-break:normal;overflow-wrap:normal}
    .asb-metrics-v130{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
    .asb-metrics-v130 .asb-metric{min-height:128px!important}
    .asb-server-card-v130{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
    .asb-server-cover-v130{width:100%!important;height:160px!important}
    .asb-server-side-v130{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}
    .asb-side-column-v130{grid-template-columns:1fr!important}
    .asb-server-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:900px){
    .ap-workspace{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
    .ap-content:has(.asb-dashboard){padding:16px!important;margin:0 auto!important;width:100%!important;max-width:1920px!important}
    .asb-dashboard-v130 .asb-wrap{padding:16px 14px 28px!important}
    .asb-dashboard-v130{background-size:auto 100%!important;background-position:42% top!important}
}
@media (max-width:560px){
    .asb-dashboard-v130 .asb-wrap{padding:12px 10px 24px!important}
    .asb-server-side-v130{grid-template-columns:1fr!important}
}

/* AREX_V143_RESPONSIVE_READY */

/* --------------------------------------------------------------------------
   ArexHost v1.5.0 — Functional live telemetry
   -------------------------------------------------------------------------- */
/* AREX_V150_FUNCTIONAL_READY */
.asb-server-address-v150{gap:10px!important;flex-wrap:wrap!important;min-height:26px!important}
.asb-address-actions-v150{display:inline-flex;align-items:center;gap:6px;min-width:0}
.asb-address-btn-v150{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 8px;border:1px solid rgba(72,132,187,.30);border-radius:7px;background:rgba(9,30,48,.62);color:#7fbfff!important;font:inherit;font-size:9px;font-weight:750;text-decoration:none!important;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.asb-address-btn-v150 svg{width:12px;height:12px}.asb-address-btn-v150 i{font-style:normal;white-space:nowrap}
.asb-address-btn-v150:hover{border-color:rgba(69,156,239,.60);background:rgba(15,48,76,.78);box-shadow:0 0 18px rgba(30,126,223,.11);transform:translateY(-1px)}
.asb-address-btn-v150[data-copied="1"]{color:#45e7a4!important;border-color:rgba(52,218,148,.55)!important;background:rgba(17,79,59,.42)!important}
.asb-address-btn-v150[data-copied="1"] i{font-size:0}.asb-address-btn-v150[data-copied="1"] i:after{content:'Скопировано';font-size:9px}
.asb-address-btn-v150.is-connect{color:#49e6a2!important;border-color:rgba(51,215,146,.30);background:rgba(11,60,45,.44)}
.asb-address-btn-v150.is-connect:hover{border-color:rgba(51,229,153,.62);box-shadow:0 0 18px rgba(29,213,135,.12)}
.asb-telemetry-live-v150,.asb-telemetry-stale-v150{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:8.5px;font-style:normal;font-weight:850;letter-spacing:.07em}
.asb-telemetry-live-v150{color:#36dc91}.asb-telemetry-live-v150 i{width:6px;height:6px;border-radius:999px;background:#35df94;box-shadow:0 0 10px rgba(53,223,148,.65);animation:asb-live-pulse-v150 1.7s ease-in-out infinite}
.asb-telemetry-stale-v150{color:#e7a34d;letter-spacing:0}
@keyframes asb-live-pulse-v150{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}
.asb-date-warning{color:#ffad46!important;text-shadow:0 0 12px rgba(255,145,25,.12)}
.asb-expiry-alert-v150{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:4px;padding:4px 7px;border:1px solid rgba(255,157,43,.24);border-radius:7px;background:rgba(91,54,13,.17);font-size:8.8px;font-weight:750;color:#f5b65f}
.asb-expiry-alert-v150 svg{width:12px;height:12px;flex:0 0 12px}.asb-expiry-alert-v150.is-critical{border-color:rgba(255,89,96,.34);background:rgba(104,25,31,.22);color:#ff8188}
.asb-health-live-v150{position:relative;overflow:hidden}.asb-health-live-v150:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 5%,rgba(255,255,255,.018) 48%,transparent 78%)}
.asb-health-live-v150 .asb-sparkline-v141 polyline{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px currentColor)}
.asb-health-live-v150 .asb-spark-area-v141{opacity:.95}
.asb-server-card-v130{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.asb-server-card-v130:hover{transform:translateY(-2px)!important;box-shadow:0 24px 56px rgba(0,0,0,.36),0 0 30px rgba(41,132,218,.055)!important}
.asb-server-list-v130 .asb-server-card-v130:nth-child(1):hover{box-shadow:0 24px 58px rgba(0,0,0,.38),-1px 0 36px rgba(255,111,15,.11)!important}
.asb-btn-primary:hover{box-shadow:0 0 26px rgba(255,116,17,.24),0 10px 24px rgba(0,0,0,.20)!important;transform:translateY(-1px)}

@container arex-workspace (max-width: 1180px){
    .asb-address-btn-v150 i{display:none}.asb-address-btn-v150{padding:0 6px}.asb-telemetry-live-v150,.asb-telemetry-stale-v150{margin-left:0}
}
@container arex-workspace (max-width: 940px){
    .asb-server-address-v150{align-items:flex-start!important}.asb-address-actions-v150{order:3;width:100%}.asb-address-btn-v150 i{display:inline}
    .asb-telemetry-live-v150,.asb-telemetry-stale-v150{margin-left:auto}
}
@media (max-width:560px){
    .asb-address-actions-v150{width:100%;display:grid;grid-template-columns:1fr 1fr}.asb-address-btn-v150{justify-content:center;min-height:31px}.asb-address-btn-v150 i{display:inline}
    .asb-expiry-alert-v150{width:100%;justify-content:center}
}

/* AREX_V151_REAL_IP_STATUS_FIX: allocation IP priority + active-service fallback */


/* === SOURCE /arexhost-responsive-v174/responsive.css === */
/* ArexBilling Global Responsive Layer v1.8.0
   Keeps the billing UI fluid across browser zoom and viewport sizes. */
:root{
  --arex-sidebar-fluid:240px;
  --arex-page-gutter:24px;
}
html,body{max-width:100%;overflow-x:hidden}
*{box-sizing:border-box}
img,video,svg{max-width:100%}
.ap-shell,.ap-workspace,.ap-content,.ap-content>*{min-width:0}

@media (min-width:901px){
  body .ap-shell{
    display:grid!important;
    grid-template-columns:var(--arex-sidebar-fluid) minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body .ap-sidebar{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  body .ap-workspace{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    padding-left:0!important;
  }
  body .ap-content{
    width:100%!important;
    min-width:0!important;
    max-width:1920px!important;
    margin:0 auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

/* Common ArexHost screens: never let a fixed-width child force horizontal overflow. */
:where(
 .ap-dashboard,.ap-dashboard-page,.ap-services-page,.ap-checkout-page,
 .ax17-checkout,.ac160-page,.ac161-page,.ap-account-page,.ap-invoices-page,
 .ap-tickets-page,.ap-home-page,.ap-cart-page
){width:100%!important;max-width:none!important;min-width:0!important}

:where(
 .ap-checkout-grid,.ap-dashboard-grid,.ap-services-grid,.ax17-layout,
 .ac160-grid,.ac160-catalog,.ac161-grid
)>*{min-width:0!important}

:where(.ap-card,.ap-panel,.ax17-section,.ax17-summary,.ac160-card,.ac161-card){
  max-width:100%;
}

@media (max-width:1180px) and (min-width:901px){
  :root{--arex-sidebar-fluid:240px;--arex-page-gutter:24px}
}
@media (max-width:900px){
  body .ap-shell{display:block!important;width:100%!important}
  body .ap-workspace,body .ap-content{width:100%!important;min-width:0!important;margin:0!important}
  body .ap-content{padding-left:16px!important;padding-right:16px!important}
}
@media (max-width:560px){
  body .ap-content{padding-left:16px!important;padding-right:16px!important}
}


/* === SOURCE /arex-unified-v101.css === */
/* AREXHOST_UNIFIED_V101 */
:root,html:root{
 --ax-bg:#07090b;--ax-bg2:#0a0d10;--ax-panel:#0f1317;--ax-panel2:#14191f;
 --ax-line:#292f35;--ax-line-soft:rgba(150,156,162,.16);
 --ax-text:#f3f5f7;--ax-muted:#8e989f;
 --ax-orange:#ff7600;--ax-orange2:#ff922b;--ax-orange-soft:#ffad61;
 --ax-green:#35df7c;--ax-red:#ff626b;--ax-blue:#56a9ff;
 --ax-radius-sm:10px;--ax-radius:14px;--ax-radius-lg:18px;
 --ax-control:42px;--ax-header:64px;--ax-sidebar:240px;--ax-wrap:1920px;
 --ax-shadow:0 22px 68px rgba(0,0,0,.40);
 --ax-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 color-scheme:dark;
}
html,body{background:var(--ax-bg)!important;color:var(--ax-text);font-family:var(--ax-font)}
*,*:before,*:after{box-sizing:border-box}
::selection{background:rgba(255,118,0,.34);color:#fff}
button,input,select,textarea{font:inherit}
input,select,textarea,.btn,button{border-radius:var(--ax-radius-sm)!important}
:focus-visible{outline:2px solid var(--ax-orange)!important;outline-offset:2px}
a{transition:color .16s,background .16s,border-color .16s,opacity .16s}

/* Landing */
.wrap,.container{max-width:var(--ax-wrap)}
header,.site-header,.topbar{border-color:var(--ax-line-soft)}
.btn-primary,.cta-primary{
 background:linear-gradient(145deg,var(--ax-orange2),#e85c00)!important;
 border-color:transparent!important;color:#fff!important
}

/* Billing client */
.ap-body{padding:0!important;max-width:none!important}.ap-shell,.ap-workspace{padding:0!important;width:100%!important;max-width:100%!important}.ap-content{padding:24px!important;max-width:1920px!important;margin:0 auto!important}.ap-main,.ax17-main{padding:0!important}
@media(max-width:900px){.ap-content{padding:16px!important}}

.ap-body,.ap-shell,.ap-main,.ap-content,.ax17-main{background:var(--ax-bg)!important;


}
.ap-sidebar,.ax17-sidebar,.ap-topbar,.ap-public-header{
 background:#0a0d10!important;border-color:var(--ax-line)!important
}
.ax17-nav a,.ap-sidebar a{border-radius:var(--ax-radius-sm)!important}
.ax17-nav a.active,.ax17-nav a:hover{
 background:linear-gradient(90deg,rgba(255,118,0,.17),rgba(255,118,0,.025))!important;color:#fff!important
}
.ax17-balance,.ap-card,.ap-panel,.ap-profile-popover-v216{
 border-color:var(--ax-line)!important;border-radius:var(--ax-radius)!important
}

/* Billing admin / Filament */
.fi-body,.fi-simple-main{background:var(--ax-bg)!important}
.fi-topbar,.fi-sidebar{background:rgba(8,10,12,.98)!important;border-color:var(--ax-line)!important}
.fi-sidebar{width:var(--ax-sidebar)}
.fi-sidebar-item-button,.fi-btn,.fi-input-wrp,.fi-select-input,
.fi-fo-field-wrp input,.fi-fo-field-wrp textarea{border-radius:var(--ax-radius-sm)!important}
.fi-sidebar-item.fi-active>.fi-sidebar-item-button,.fi-sidebar-item-button:hover{
 background:linear-gradient(90deg,rgba(255,118,0,.16),rgba(255,118,0,.025))!important
}
.fi-btn.fi-color-primary{
 background:linear-gradient(145deg,var(--ax-orange2),#e85c00)!important;color:#fff!important
}
.fi-section,.fi-ta-ctn,.fi-wi-stats-overview-stat,.fi-tabs{
 background:var(--ax-panel)!important;border-color:var(--ax-line)!important;border-radius:var(--ax-radius)!important
}

/* Pterodactyl client/admin */
#app,.content-wrapper,.right-side{background:var(--ax-bg)!important}
.bg-neutral-900,.bg-neutral-800{background-color:var(--ax-bg2)!important}
.bg-neutral-700{background-color:var(--ax-panel)!important}
.border-neutral-900,.border-neutral-800,.border-neutral-700,.border-neutral-600{border-color:var(--ax-line)!important}
.text-primary-300,.text-primary-400,.text-primary-500,
.text-cyan-300,.text-cyan-400,.text-cyan-500{color:var(--ax-orange-soft)!important}
.bg-primary-500,.bg-primary-600,.bg-cyan-500,.bg-cyan-600{
 background:linear-gradient(145deg,var(--ax-orange2),#e85c00)!important
}
.skin-blue .main-header .navbar,.skin-blue .main-header .logo,.skin-blue .main-sidebar{background:#07090b!important}
.skin-blue .sidebar-menu>li.active>a{
 background:linear-gradient(90deg,rgba(255,118,0,.18),rgba(255,118,0,.025))!important;
 border-left-color:var(--ax-orange)!important
}
.box{background:var(--ax-panel)!important;border-color:var(--ax-line)!important;border-radius:var(--ax-radius)!important}

/* Mods */
body{--orange:var(--ax-orange);--orange2:var(--ax-orange2)}
.section-block,.side-card,.catalog-section-v070,.featured-section-v070,.creator-basic-card,.simple-card{
 border-color:var(--ax-line)!important
}
.catalog-row-v070,.featured-mini-card-v070,.creator-basic-card,.simple-card{
 border-radius:var(--ax-radius)!important;background:linear-gradient(180deg,#101419,#0b0f13)!important
}
.catalog-row-v070:hover,.featured-mini-card-v070:hover{border-color:rgba(255,118,0,.45)!important}



/* === SOURCE /arex-responsive-v2.css === */
/* AREXHOST_RESPONSIVE_V2
 * Shared responsive layer for Landing / Paymenter / Filament / Pterodactyl / ArexMods.
 * Loaded last. Desktop remains unchanged; adaptations are breakpoint-scoped.
 */
:root{
  --arv2-touch:44px;
  --arv2-gap:16px;
  --arv2-pad:20px;
  --arv2-phone-pad:14px;
  --arv2-line:rgba(148,163,184,.18);
  --arv2-panel:#0f1317;
  --arv2-panel2:#14191f;
  --arv2-text:#f3f5f7;
  --arv2-muted:#8e989f;
  --arv2-orange:#ff7600;
  --arv2-radius:14px;
  --arv2-safe-top:env(safe-area-inset-top,0px);
  --arv2-safe-right:env(safe-area-inset-right,0px);
  --arv2-safe-bottom:env(safe-area-inset-bottom,0px);
  --arv2-safe-left:env(safe-area-inset-left,0px);
}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video,svg,canvas{max-width:100%}
iframe{max-width:100%}
.arex-rv2-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.arex-rv2-table-scroll>table{min-width:max-content;max-width:none}
.arex-rv2-code-scroll{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.arex-rv2-mobile-only{display:none!important}
.arex-rv2-status{font-size:12px;color:var(--arv2-muted);min-height:18px}

/* Prevent flex/grid children from forcing viewport overflow. */
.ap-shell,.ap-workspace,.ap-content,.fi-main,.fi-main-ctn,.content-wrapper,#app,
.catalog-section-v070,.catalog-v120,.catalog-v121,.account-main,.creator-basic-card,
.hero,.section,.shell,.wrap,.container{min-width:0}
.ap-content>*,.fi-main>*,.content-wrapper>*,#app>*{min-width:0;max-width:100%}

/* Terminal shell and mobile tools. */
.arex-rv2-terminal-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.arex-rv2-terminal-toolbar{display:none;gap:8px;flex-wrap:wrap;align-items:center}
.arex-rv2-terminal-btn{
  min-height:44px;min-width:54px;padding:9px 12px;border:1px solid #30363d!important;
  border-radius:10px!important;background:#11161b!important;color:#f3f5f7!important;
  font-size:13px!important;font-weight:800!important;line-height:1!important;cursor:pointer;touch-action:manipulation
}
.arex-rv2-terminal-btn:hover,.arex-rv2-terminal-btn:focus-visible{border-color:rgba(255,118,0,.72)!important;background:#171d23!important}
.arex-rv2-terminal-btn.is-armed{border-color:var(--arv2-orange)!important;box-shadow:0 0 0 2px rgba(255,118,0,.18) inset;color:#ffd7b2!important}
.arex-rv2-terminal-hint{color:var(--arv2-muted);font-size:12px;line-height:1.45}
.arex-rv2-terminal-frame-wrap{position:relative;min-width:0}
.arex-rv2-terminal-frame-wrap iframe{display:block;width:100%}

@media (max-width: 1200px){
  :root{--arv2-pad:18px}
  .shell,.wrap,.container{width:min(100% - 32px,1190px)!important;margin-inline:auto!important}
  .ap-content,.fi-main,.content-wrapper{max-width:100%!important}
  .hero-grid,.game-grid,.catalog-grid,.footer-grid,.account-grid,.commerce-checkout-grid-v080{
    gap:18px!important
  }
  .fi-ta-ctn,.box,.ap-card,.ap-panel{max-width:100%!important}
}

@media (max-width: 900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{padding-left:var(--arv2-safe-left);padding-right:var(--arv2-safe-right)}
  .arex-rv2-mobile-only{display:initial!important}

  /* Common touch geometry. */
  button,.btn,.button,.ap-btn,.fi-btn,input[type="button"],input[type="submit"],input[type="reset"],
  a[role="button"],.filter-btn,.carousel-btn-v102{min-height:44px}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px;max-width:100%}

  /* Landing */
  .topbar,.header,.site-header{padding-top:max(10px,var(--arv2-safe-top))!important}
  .hero-grid,.game-grid,.catalog-grid,.footer-grid,.support-cards,.advantage-strip,.stats-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .hero-copy,.hero-text,.page-hero{max-width:100%!important}
  .hero-actions,.top-actions,.header-actions,.filter-row{flex-wrap:wrap!important}
  .nav{max-width:100%}

  /* Paymenter client */
  .ap-shell,.ap-workspace{max-width:100%!important}
  .ap-content{padding-inline:16px!important}
  .ax17-sidebar,.ap-sidebar{max-width:min(88vw,320px)!important}
  .ax17-balance,.ap-card,.ap-panel{max-width:100%!important}
  .ap-modal-card{width:min(94vw,680px)!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important}

  /* Filament */
  .fi-main{width:100%!important;max-width:100%!important;padding-inline:16px!important}
  .fi-sidebar{max-width:min(88vw,320px)!important}
  .fi-section,.fi-ta-ctn,.fi-wi-stats-overview-stat{max-width:100%!important}
  .fi-modal-window{width:min(94vw,760px)!important;max-width:94vw!important;max-height:calc(100dvh - 28px)!important}
  .fi-ta-content{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .fi-fo-component-ctn,.fi-grid{min-width:0!important}

  /* Pterodactyl client + legacy admin */
  #app .grid{grid-template-columns:minmax(0,1fr)!important}
  #app .w-full,#app main,#app section{max-width:100%!important;min-width:0!important}
  #app table{max-width:none}
  .content-wrapper,.main-footer{margin-left:0!important;max-width:100%!important}
  .content-wrapper .row{margin-left:-8px!important;margin-right:-8px!important}
  .content-wrapper [class*="col-"]{padding-left:8px!important;padding-right:8px!important}
  .box-body{overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  /* ArexMods */
  .catalog-v120,.catalog-v121,.catalog-top-v070,.account-grid,.commerce-checkout-grid-v080,
  .compatibility-layout-v088,.author-content-v072,.creator-advanced{
    grid-template-columns:minmax(0,1fr)!important
  }
  .catalog-filter-v103,.catalog-filter-v104,.catalog-filter-v120,.catalog-filter-v121,
  .catalog-head-v120,.catalog-head-v121,.account-actions,.creator-actions,.buy-actions{
    flex-wrap:wrap!important
  }
  .catalog-search-v103,.catalog-search-v104,.catalog-search-v120,.catalog-search-v121{min-width:0!important;width:100%!important}

  /* Terminal */
  .arex-rv2-terminal-toolbar{display:flex}
  .arex-v101-terminal-frame{height:calc(100dvh - 255px)!important;min-height:480px!important}
  .arex-v101-terminal-shell{padding-bottom:max(16px,var(--arv2-safe-bottom))!important}
}

@media (max-width: 640px){
  :root{--arv2-pad:14px;--arv2-gap:12px}
  body{font-size:14px}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;min-height:46px}
  button,.btn,.button,.ap-btn,.fi-btn,a[role="button"]{min-height:44px}
  h1{font-size:clamp(28px,9vw,42px)!important;line-height:1.05!important;overflow-wrap:anywhere}
  h2{font-size:clamp(22px,7vw,32px)!important;line-height:1.12!important;overflow-wrap:anywhere}
  h3{overflow-wrap:anywhere}
  p,li,.muted{overflow-wrap:anywhere}
  .shell,.wrap,.container{width:calc(100% - 24px)!important;margin-inline:auto!important}

  /* Landing: phone-first single column. */
  .topbar,.header,.site-header{min-height:58px!important;padding-inline:12px!important}
  .brand{min-width:0!important;max-width:72vw!important}
  .brand img,.brand svg{max-height:34px!important;width:auto!important}
  .nav{gap:8px!important}
  .hero{padding-top:38px!important;padding-bottom:34px!important}
  .hero-grid,.game-grid,.catalog-grid,.footer-grid,.support-cards,.advantage-strip,.stats-strip{
    grid-template-columns:minmax(0,1fr)!important
  }
  .hero-actions,.top-actions,.header-actions,.filter-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .hero-actions>* ,.top-actions>* ,.header-actions>* ,.filter-row>*{width:100%!important;max-width:100%!important}
  .button,.btn{justify-content:center!important;text-align:center!important}
  .page-hero{padding-inline:0!important}

  /* Paymenter client. */
  .ap-topbar{min-height:58px!important;padding-inline:12px!important}
  .ap-content{padding:16px!important}
  .ax17-balance,.ap-card,.ap-panel{padding:14px!important;border-radius:12px!important}
  .ax17-user{min-width:0!important}
  .ax17-user-top{gap:8px!important}
  .ap-footer{padding-inline:12px!important}
  .ap-modal-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:14px!important}

  /* Filament admin. */
  .fi-main{padding:12px 10px calc(18px + var(--arv2-safe-bottom))!important}
  .fi-header{gap:10px!important}
  .fi-header-heading{font-size:22px!important}
  .fi-header-actions,.fi-ta-header-toolbar,.fi-ta-actions{gap:8px!important;flex-wrap:wrap!important}
  .fi-btn{max-width:100%!important}
  .fi-section-content-ctn,.fi-section-content{padding:12px!important}
  .fi-modal-window{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin:8px!important}
  .fi-ta-text{white-space:normal!important;min-width:110px}

  /* Pterodactyl. */
  #app{max-width:100vw!important;overflow-x:hidden!important}
  #app main{padding-inline:10px!important}
  #app .grid{grid-template-columns:minmax(0,1fr)!important}
  #app .flex-wrap{row-gap:8px!important}
  #app input,#app select,#app textarea{font-size:16px!important;max-width:100%!important}
  .main-header .logo{width:100%!important;text-align:left!important}
  .main-header .navbar{margin-left:0!important}
  .main-sidebar{padding-top:100px!important}
  .content-wrapper{padding-bottom:calc(12px + var(--arv2-safe-bottom))!important}
  .content-header,.content{padding-left:10px!important;padding-right:10px!important}
  .content-wrapper [class*="col-"]{float:none!important;width:100%!important}

  /* ArexMods. */
  .catalog-row-v070,.featured-mini-card-v070,.creator-basic-card,.simple-card,
  .account-wallet-card-v083,.community-review-card-v073{padding:12px!important}
  .catalog-row-v070{grid-template-columns:minmax(0,1fr)!important}
  .catalog-row-cover-v070{width:100%!important;max-width:100%!important}
  .catalog-row-action-v070,.catalog-row-bottom-v070,.commerce-actions-v080{flex-wrap:wrap!important}
  .account-grid,.account-resource-grid,.author-products-v072,.authors-list-v125{grid-template-columns:minmax(0,1fr)!important}

  /* Terminal phone geometry. */
  .arex-v101-terminal-head{padding:12px!important;gap:8px!important}
  .arex-rv2-terminal-tools{display:block;margin-bottom:8px}
  .arex-rv2-terminal-toolbar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .arex-rv2-terminal-btn{min-width:0;padding:9px 5px;font-size:12px!important}
  .arex-rv2-terminal-hint{margin-top:7px}
  .arex-v101-terminal-frame{height:calc(100dvh - 250px)!important;min-height:410px!important;border-radius:10px!important}
  .arex-v101-terminal-shell{gap:9px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
}

@media (max-width: 420px){
  .shell,.wrap,.container{width:calc(100% - 18px)!important}
  .arex-rv2-terminal-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))}
  .arex-rv2-terminal-btn{font-size:11px!important;padding-inline:3px}
  .arex-v101-terminal-frame{min-height:360px!important;height:calc(100dvh - 238px)!important}
}

@media (hover:none) and (pointer:coarse){
  *{-webkit-tap-highlight-color:transparent}
  button,.btn,.button,.ap-btn,.fi-btn,a[role="button"]{touch-action:manipulation}
  .arex-rv2-terminal-btn{min-height:46px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* === SOURCE /arex-customer-v120.css === */
/* AREX_CUSTOMER_JOURNEY_V120
 * Customer journey polish layer. Loaded after Arex Responsive v2.
 */
:root{
  --arx120-orange:#ff7600;
  --arx120-orange2:#ff9b3d;
  --arx120-bg:#090c0f;
  --arx120-card:#11161b;
  --arx120-card2:#161c22;
  --arx120-line:rgba(255,255,255,.10);
  --arx120-text:#f5f7f8;
  --arx120-muted:#98a2aa;
  --arx120-ok:#4ade80;
  --arx120-radius:18px;
}
.arex-v120-tariffs{padding:64px 0 30px;scroll-margin-top:90px}
.arex-v120-tariffs .arex-v120-heading{text-align:center;max-width:760px;margin:0 auto 28px}
.arex-v120-tariffs .arex-v120-heading span{display:inline-flex;border:1px solid rgba(255,118,0,.4);color:var(--arx120-orange2);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.08em}
.arex-v120-tariffs .arex-v120-heading h2{font-size:clamp(30px,4vw,48px);margin:12px 0 8px;color:var(--arx120-text)}
.arex-v120-tariffs .arex-v120-heading p{color:var(--arx120-muted);font-size:16px}
.arex-v120-tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.arex-v120-plan{position:relative;background:linear-gradient(180deg,var(--arx120-card2),var(--arx120-card));border:1px solid var(--arx120-line);border-radius:var(--arx120-radius);padding:24px;box-shadow:0 16px 50px rgba(0,0,0,.22)}
.arex-v120-plan.is-featured{border-color:rgba(255,118,0,.7);transform:translateY(-5px);box-shadow:0 20px 60px rgba(255,118,0,.10)}
.arex-v120-plan-badge{position:absolute;right:16px;top:16px;font-size:11px;font-weight:900;color:#111;background:var(--arx120-orange);border-radius:999px;padding:6px 9px}
.arex-v120-plan h3{font-size:24px;margin:0 0 6px;color:var(--arx120-text)}
.arex-v120-plan .arex-v120-price{font-size:34px;font-weight:900;color:#fff;margin:16px 0}
.arex-v120-plan .arex-v120-price small{font-size:13px;color:var(--arx120-muted);font-weight:700}
.arex-v120-plan ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.arex-v120-plan li{color:#dbe0e4;font-size:14px}.arex-v120-plan li:before{content:'✓';color:var(--arx120-ok);font-weight:900;margin-right:9px}
.arex-v120-plan .button{width:100%;justify-content:center}
.arex-v120-hardware{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 0}
.arex-v120-hardware article{border:1px solid var(--arx120-line);background:rgba(17,22,27,.86);border-radius:14px;padding:14px 16px;text-align:center}.arex-v120-hardware strong{display:block;color:#fff;font-size:16px}.arex-v120-hardware small{color:var(--arx120-muted)}

.arex-v120-onboarding{border:1px solid rgba(255,118,0,.35);background:linear-gradient(135deg,rgba(255,118,0,.08),rgba(15,19,23,.96));border-radius:16px;padding:18px;margin:0 0 20px;color:var(--arx120-text);box-shadow:0 12px 34px rgba(0,0,0,.16)}
.arex-v120-onboarding h3{margin:0 0 6px;font-size:18px}.arex-v120-onboarding p{margin:0 0 14px;color:var(--arx120-muted)}
.arex-v120-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.arex-v120-step{border:1px solid var(--arx120-line);background:rgba(255,255,255,.025);border-radius:12px;padding:12px}.arex-v120-step b{display:block;margin-bottom:4px}.arex-v120-step span{color:var(--arx120-muted);font-size:13px}
.arex-v120-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.arex-v120-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:11px;border:1px solid var(--arx120-line);color:#fff!important;text-decoration:none!important;font-weight:800;background:#151b20}.arex-v120-action.primary{background:var(--arx120-orange);color:#111!important;border-color:var(--arx120-orange)}

.arex-v120-quickbar{position:fixed;left:50%;bottom:18px;z-index:9998;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.12);background:rgba(7,10,13,.92);backdrop-filter:blur(16px);border-radius:15px;box-shadow:0 15px 45px rgba(0,0,0,.35)}
.arex-v120-quickbar a,.arex-v120-quickbar button{min-height:42px;border:0;border-radius:10px;padding:0 13px;font-weight:800;color:#fff;background:#161c22;text-decoration:none;cursor:pointer}.arex-v120-quickbar .primary{background:var(--arx120-orange);color:#111}
.arex-v120-toast{position:fixed;right:18px;bottom:82px;z-index:10000;background:#111820;color:#fff;border:1px solid var(--arx120-line);border-radius:10px;padding:10px 13px;box-shadow:0 10px 32px rgba(0,0,0,.35)}

.arex-v120-install-summary{border:1px solid rgba(74,222,128,.28);background:rgba(74,222,128,.05);border-radius:14px;padding:14px;margin:12px 0;color:#eaf7ef}.arex-v120-install-summary strong{display:block;margin-bottom:8px}.arex-v120-install-summary ul{margin:0;padding-left:18px;color:#b8c7be;font-size:13px}.arex-v120-oneclick{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(255,118,0,.12);border:1px solid rgba(255,118,0,.35);color:#ff9b3d;font-size:11px;font-weight:900;letter-spacing:.04em;margin-bottom:8px}
.arex-v120-job-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.arex-v120-job-actions a{min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:10px;background:#161c22;border:1px solid var(--arx120-line);color:#fff;text-decoration:none;font-weight:800}.arex-v120-job-actions a:first-child{background:var(--arx120-orange);color:#111;border-color:var(--arx120-orange)}

.arex-v120-ecosystem-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.arex-v120-ecosystem-links a{white-space:nowrap}
.arex-v120-sticky-buy{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9995;display:flex;align-items:center;gap:12px;background:rgba(8,11,14,.94);border:1px solid var(--arx120-line);padding:9px 10px 9px 15px;border-radius:15px;box-shadow:0 15px 45px rgba(0,0,0,.38)}.arex-v120-sticky-buy b{color:#fff}.arex-v120-sticky-buy a{min-height:42px;display:inline-flex;align-items:center;padding:0 16px;border-radius:10px;background:var(--arx120-orange);color:#111!important;text-decoration:none;font-weight:900}

@media (max-width: 900px){
  .arex-v120-tariff-grid{grid-template-columns:1fr}.arex-v120-plan.is-featured{transform:none}.arex-v120-hardware{grid-template-columns:repeat(2,1fr)}
  .arex-v120-steps{grid-template-columns:1fr}.arex-v120-quickbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));transform:none;justify-content:space-between}.arex-v120-quickbar a,.arex-v120-quickbar button{flex:1;padding:0 8px}
}
@media (max-width: 640px){
  .arex-v120-tariffs{padding-top:42px}.arex-v120-plan{padding:18px}.arex-v120-hardware{grid-template-columns:1fr 1fr}.arex-v120-onboarding{padding:14px;border-radius:14px}.arex-v120-actions{display:grid;grid-template-columns:1fr}.arex-v120-action{width:100%}
  .arex-v120-sticky-buy{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));transform:none;justify-content:space-between}.arex-v120-sticky-buy b{font-size:13px}.arex-v120-sticky-buy a{min-height:46px}
  body{padding-bottom:max(0px,env(safe-area-inset-bottom))}
}
/* v1.2 navigation/detail helpers */
.arex-v120-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2em;color:var(--arx120-orange);font-size:.78em}
@media (max-width:640px){
  .arex-v120-install-summary{padding:12px}
  .arex-v120-job-actions{display:grid;grid-template-columns:1fr}
  .arex-v120-job-actions a{width:100%;justify-content:center;min-height:46px}
}


/* === SOURCE /arex-billing-v2/arex-billing-v2.css === */
/* AREX_BILLING_CATALOG_V2 2.0.3 */
:root{
  --arexv2-accent:#ff7a18;
  --arexv2-accent-2:#ff9d4d;
  --arexv2-panel:#11161d;
  --arexv2-panel-2:#161c24;
  --arexv2-border:rgba(255,255,255,.09);
  --arexv2-text:#f5f7fa;
  --arexv2-muted:#8f9bad;
}
.arexv2-hidden{display:none!important}
.arexv2-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.arexv2-catalog{width:100%;margin:0 0 22px;padding:0}
.arexv2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.arexv2-card{
  min-height:214px;position:relative;overflow:hidden;display:flex;flex-direction:column;
  padding:18px;border:1px solid var(--arexv2-border);border-radius:14px;
  background:
    radial-gradient(120% 110% at 100% 0%,rgba(255,122,24,.16),transparent 46%),
    linear-gradient(145deg,var(--arexv2-panel-2),var(--arexv2-panel));
  box-shadow:0 14px 35px rgba(0,0,0,.16);isolation:isolate
}
.arexv2-card::after{
  content:"";position:absolute;right:-36px;top:-50px;width:155px;height:155px;border-radius:50%;
  border:1px solid rgba(255,122,24,.14);box-shadow:0 0 80px rgba(255,122,24,.08);z-index:-1
}
.arexv2-card[data-service="cs16"]::before{content:"CS";font-size:54px}
.arexv2-card[data-service="mta"]::before{content:"MTA";font-size:42px}
.arexv2-card[data-service="web"]::before{content:"WEB";font-size:40px}
.arexv2-card::before{
  position:absolute;right:16px;top:24px;font-weight:950;letter-spacing:-2px;
  color:rgba(255,255,255,.055);line-height:1;z-index:-1
}
.arexv2-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--arexv2-accent)}
.arexv2-title{margin:9px 0 6px;font-size:20px;line-height:1.2;color:var(--arexv2-text);font-weight:850}
.arexv2-desc{margin:0;max-width:92%;color:var(--arexv2-muted);font-size:12px;line-height:1.55}
.arexv2-bottom{margin-top:auto;padding-top:15px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.arexv2-price{display:flex;flex-direction:column;gap:2px;color:var(--arexv2-muted);font-size:10px}
.arexv2-price strong{font-size:20px;color:var(--arexv2-text);letter-spacing:-.02em}
.arexv2-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;
  border:1px solid rgba(255,122,24,.46);border-radius:9px;background:rgba(255,122,24,.12);
  color:#ffd6b7!important;font-size:12px;font-weight:800;text-decoration:none!important;transition:.16s ease
}
.arexv2-button:hover{transform:translateY(-1px);background:rgba(255,122,24,.2);border-color:rgba(255,122,24,.72)}
.arexv2-sidebar-user{
  margin:10px 10px 12px;padding:10px;border:1px solid var(--arexv2-border);border-radius:12px;
  background:rgba(255,255,255,.035);display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:9px
}
.arexv2-avatar{
  width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:rgba(255,122,24,.15);color:var(--arexv2-accent-2);font-size:12px;font-weight:900
}
.arexv2-user-copy{min-width:0;display:flex;flex-direction:column;gap:2px;text-decoration:none!important}
.arexv2-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--arexv2-text);font-size:11px;font-weight:800}
.arexv2-user-state{color:var(--arexv2-muted);font-size:9px}
.arexv2-bell{
  width:32px;height:32px;border:1px solid var(--arexv2-border);border-radius:9px;display:grid;place-items:center;
  color:var(--arexv2-text)!important;text-decoration:none!important;background:rgba(255,255,255,.03)
}
.arexv2-bell:hover{border-color:rgba(255,122,24,.55);color:var(--arexv2-accent)!important}
body.arexv2-catalog-page main,body.arexv2-catalog-page [role="main"]{padding-top:14px!important}
@media(max-width:1280px){.arexv2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.arexv2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .arexv2-grid{grid-template-columns:1fr;gap:10px}
  .arexv2-card{min-height:185px;padding:15px}
  .arexv2-title{font-size:18px}
  .arexv2-desc{font-size:11px}
}


/* === SOURCE inline-style-1 === */

:root{--sidebar:258px}
.ap-sidebar.ax17-sidebar{padding:18px!important;background:linear-gradient(180deg,#06101a,#07121c 70%,#07111a)!important}
.arex210-brand{display:flex!important;align-items:center!important;gap:10px!important;padding:6px 4px 18px!important;color:#fff!important;border-bottom:0!important}
.arex210-brand img{width:76px!important;height:76px!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(255,105,0,.15))}
.arex210-brand span{display:block}.arex210-brand strong{display:block;font-size:28px!important;font-weight:950!important;letter-spacing:.02em!important;line-height:1!important}.arex210-brand small{display:block;margin-top:4px;color:#e8edf2;font-size:11px;font-weight:700;letter-spacing:.32em}
.ax17-balance{margin-top:12px!important;min-height:116px!important;padding:16px!important;border-radius:14px!important;background:radial-gradient(circle at 92% 28%,rgba(255,121,0,.18),transparent 6rem),#091722!important}
.ax17-balance>span>small{font-size:11px!important}.ax17-balance>span>b{font-size:22px!important}.ax17-balance>span>span{font-size:11px!important}
.ax17-nav{margin-top:18px!important}.ax17-nav a{min-height:50px!important;margin:4px 0!important;padding:0 14px!important;border-radius:10px!important;font-size:13px!important}.ax17-nav a svg{width:22px!important;height:22px!important}.ax17-nav a.active{border:1px solid #ff840f!important;background:linear-gradient(90deg,#c95100,#7c2e00)!important;box-shadow:0 0 24px rgba(255,105,0,.18)!important}
.arex210-hosting-promo{position:relative;display:block!important;min-height:224px;margin-top:auto;border:1px solid #234059;border-radius:14px;overflow:hidden;color:#fff!important;background:#07131e}.arex210-hosting-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.arex210-hosting-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,16,.95),rgba(5,14,22,.12) 60%,rgba(4,11,17,.38))}
.arex210-hosting-promo span{position:absolute;z-index:2;left:16px;bottom:18px}.arex210-hosting-promo b{display:block;font-size:16px;line-height:1.03}.arex210-hosting-promo em{color:#ff8a13;font-style:normal}.arex210-hosting-promo small{display:block;margin-top:8px;color:#d5e0e8;font-size:9px;line-height:1.45}.arex210-hosting-promo i{position:absolute;z-index:3;right:13px;bottom:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,121,0,.55);border-radius:8px;background:rgba(255,121,0,.12);color:#ff941f}.arex210-hosting-promo i svg{width:17px}
.ap-workspace{background:#050b11!important}.arex210-topbar{height:70px!important;padding:0 24px!important;background:#06101a!important;border-bottom-color:#173047!important}.arex210-search{width:min(790px,58vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #1a3550;border-radius:9px;background:#071722}.arex210-search>svg{width:18px;color:#5f91c0}.arex210-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#dfe9f3!important;font-size:12px!important}.arex210-search input::placeholder{color:#7190aa}.arex210-search kbd{padding:4px 7px;border:1px solid #213a50;border-radius:5px;background:#0b1a26;color:#b9c7d2;font-size:9px}
.arex210-bell{position:relative;width:42px;height:42px;display:grid;place-items:center;margin-left:auto;border:1px solid #213a50;border-radius:9px;background:#081722;color:#8eb4d8}.arex210-bell svg{width:20px}.arex210-bell i{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:#ff7900;box-shadow:0 0 8px rgba(255,121,0,.75)}
.arex210-user{margin-left:10px}.arex210-user .ax17-user-top{min-width:245px!important;height:44px!important;padding:0 10px!important;border:1px solid #213a50!important;border-radius:9px!important;background:#081722!important}.arex210-user .ax17-user-top img{width:34px!important;height:34px!important;border-radius:50%!important}.arex210-user .ax17-user-top span{flex:1;text-align:left}.arex210-user .ax17-user-top b{font-size:12px!important}.arex210-user .ax17-user-top small{font-size:9px!important;color:#ff8a13!important}.arex210-user .ax17-user-top>svg{width:16px!important}
.ap-content{padding:0!important}
@media(max-width:1180px){.arex210-search{width:min(520px,45vw)}.arex210-user .ax17-user-top{min-width:190px!important}}
@media(max-width:900px){:root{--sidebar:0px}.arex210-search{width:min(420px,55vw)}.arex210-user .ax17-user-top{min-width:0!important}.arex210-user .ax17-user-top span{display:none}.arex210-hosting-promo{display:none!important}}
@media(max-width:620px){.arex210-topbar{padding:0 12px!important}.arex210-search{display:none}.arex210-bell{margin-left:auto}.arex210-brand img{width:62px!important;height:62px!important}.arex210-brand strong{font-size:24px!important}}


/* === SOURCE inline-style-2 === */


/* AREXBILLING_REFERENCE_SHELL_TUNE_V220 — logo intentionally untouched */
.ap-sidebar.ax17-sidebar{
  padding:14px 18px 16px!important;
  background:
    radial-gradient(circle at -15% 88%,rgba(20,96,175,.13),transparent 17rem),
    linear-gradient(180deg,#06101a,#07121c 68%,#07111a)!important;
}
.ax17-brand{margin-bottom:2px!important}
.ax17-balance{
  min-height:106px!important;margin-top:8px!important;padding:14px 16px!important;
}
.ax17-nav{margin-top:12px!important}
.ax17-nav a{
  min-height:48px!important;margin:2px 0!important;padding:0 14px!important;
  color:#9cb2c6!important;
}
.ax17-nav a>svg{color:#70a5d1!important}
.ax17-nav a.active>svg{color:#fff!important}
.arex210-hosting-promo{
  min-height:214px!important;margin-top:auto!important;
}
.arex210-hosting-promo img{filter:saturate(1.15) contrast(1.06) brightness(.94)}
.arex210-topbar{height:72px!important}
.arex210-search{width:min(775px,58vw)!important}
.arex210-user .ax17-user-top{min-width:238px!important}
.ap-content{background:transparent!important}
@media(max-height:900px) and (min-width:901px){
  .ax17-balance{min-height:96px!important}
  .ax17-nav a{min-height:43px!important}
  .arex210-hosting-promo{min-height:174px!important}
}
@media(max-width:900px){
  .arex210-hosting-promo{display:none!important}
}



/* === SOURCE inline-style-3 === */


/* AREXBILLING_PIXEL_SHELL_TUNE_V221 — preserved logo block is not modified */
.arex210-topbar{height:66px!important;padding:0 20px!important}
.arex210-search{width:min(810px,57vw)!important;height:42px!important}
.arex210-user .ax17-user-top{min-width:250px!important}
.ap-sidebar.ax17-sidebar{padding:12px 16px 12px!important}
.ax17-brand{padding-top:5px!important;padding-bottom:10px!important}
.ax17-balance{
  min-height:90px!important;
  margin-top:5px!important;
  padding:12px 14px!important;
}
.ax17-balance>span>b{font-size:20px!important}
.ax17-nav{margin-top:8px!important}
.ax17-nav a{
  min-height:41px!important;
  margin:1px 0!important;
  padding:0 13px!important;
  font-size:12px!important;
}
.ax17-nav a>svg{width:19px!important;height:19px!important}
.arex210-hosting-promo{
  min-height:158px!important;
  max-height:158px!important;
  margin-top:auto!important;
}
.arex210-hosting-promo span{left:13px!important;bottom:13px!important}
.arex210-hosting-promo b{font-size:13px!important}
.arex210-hosting-promo small{margin-top:5px!important;font-size:8px!important}
.arex210-hosting-promo i{right:10px!important;bottom:10px!important;width:31px!important;height:31px!important}
@media(max-height:820px) and (min-width:901px){
  .ax17-balance{min-height:84px!important}
  .ax17-nav a{min-height:38px!important}
  .arex210-hosting-promo{min-height:138px!important;max-height:138px!important}
}
@media(max-width:1180px){
  .arex210-search{width:min(690px,53vw)!important}
  .arex210-user .ax17-user-top{min-width:215px!important}
}



/* === SOURCE inline-style-4 === */


/* AREXBILLING_SIDEBAR_COLLISION_FIX_V223 — logo untouched */
.ap-sidebar.ax17-sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.ax17-nav{
  flex:0 0 auto!important;
}
.arex210-hosting-promo{
  flex:0 0 138px!important;
  min-height:138px!important;
  max-height:138px!important;
  margin-top:12px!important;
}
@media(min-height:900px) and (min-width:901px){
  .arex210-hosting-promo{
    flex-basis:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }
}
@media(max-height:760px) and (min-width:901px){
  .arex210-hosting-promo{
    display:none!important;
  }
}



/* === SOURCE inline-style-5 === */


/* AREXBILLING_PROFILE_FRAME_FIX_V224 — logo untouched */
.arex210-user,
.ax17-user.arex210-user{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
.arex210-user .ax17-user-top{
  margin:0!important;
}



/* === AREX v2.1.4 final normalization === */
/* AREX Billing unified final layer v2.1.4 */
:root{--arex-accent:#ff7a18;--arex-accent-2:#ff9d4d;--arex-bg:#070b10;--arex-panel:#0d141d;--arex-panel2:#111b27;--arex-border:#223143;--arex-text:#f7f9fc;--arex-muted:#8fa0b5}
html,body{background:var(--arex-bg);color:var(--arex-text)}
/* Search was removed from Blade; guard against cached/livewire remnants. */
input[type="search"][x-model="search"],input[type="search"][placeholder*="Поиск по серверам"]{display:none!important}
.arex-home{width:100%;padding:22px 24px 34px}
.arex-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}
.arex-catalog-head h1{margin:3px 0 4px;font-size:28px;line-height:1.1;font-weight:900;letter-spacing:-.02em;color:var(--arex-text)}
.arex-catalog-head p{margin:0;color:var(--arex-muted);font-size:13px}.arex-kicker{font-size:11px!important;color:var(--arex-accent)!important;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.arex-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.arex-service-card{min-height:220px;padding:18px;border:1px solid var(--arex-border);border-radius:16px;background:linear-gradient(145deg,var(--arex-panel2),var(--arex-panel));display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 16px 35px rgba(0,0,0,.2)}
.arex-service-card:after{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,24,.19),transparent 68%);pointer-events:none}
.arex-service-icon{width:44px;height:44px;border:1px solid rgba(255,122,24,.35);border-radius:12px;display:grid;place-items:center;color:#ffad70;background:rgba(255,122,24,.09);font-size:12px;font-weight:950;letter-spacing:.02em}
.arex-service-copy{margin-top:20px}.arex-service-copy>span{display:block;color:var(--arex-accent);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.arex-service-copy h2{margin:7px 0 7px;color:var(--arex-text);font-size:20px;line-height:1.2;font-weight:850}.arex-service-copy p{margin:0;color:var(--arex-muted);font-size:12px;line-height:1.55;max-width:95%}
.arex-service-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.arex-service-foot strong{font-size:18px;color:var(--arex-text)}.arex-service-foot a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,122,24,.45);background:rgba(255,122,24,.1);color:#ffd8bc!important;font-size:12px;font-weight:850;text-decoration:none!important}.arex-service-foot a:hover{background:rgba(255,122,24,.18)}
/* Unified compact profile injected at bottom of sidebar. */
#arex-unified-sidebar-user{margin-top:auto!important;padding:12px 14px;border-top:1px solid var(--arex-border);display:grid;grid-template-columns:36px minmax(0,1fr) 34px;gap:10px;align-items:center;background:rgba(5,10,16,.88)}
#arex-unified-sidebar-user .arex-user-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,122,24,.14);color:#ffb27c;font-size:12px;font-weight:900}
#arex-unified-sidebar-user .arex-user-copy{min-width:0;text-decoration:none!important}#arex-unified-sidebar-user .arex-user-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--arex-text);font-size:11px;font-weight:800}#arex-unified-sidebar-user .arex-user-role{display:block;color:var(--arex-muted);font-size:9px;margin-top:2px}#arex-unified-sidebar-user .arex-user-bell{width:34px;height:34px;border-radius:9px;border:1px solid var(--arex-border);display:grid;place-items:center;text-decoration:none!important;color:var(--arex-text)!important}
/* Normalization for legacy dashboard visual collisions. */
body .arex-legacy-hidden{display:none!important}
body svg.arex-search-ghost,body .arex-search-ghost{display:none!important}
@media(max-width:1050px){.arex-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arex-home{padding:18px}}
@media(max-width:680px){.arex-catalog-grid{grid-template-columns:1fr}.arex-home{padding:14px}.arex-catalog-head h1{font-size:24px}.arex-service-card{min-height:190px}}

/* AREX_BILLING_SIDEBAR_V216_CSS */
.ap-sidebar.ax17-sidebar{display:flex;flex-direction:column;min-height:100vh}
.arex216-nav{display:flex;flex-direction:column;gap:6px;margin:18px 0 0;padding:0}
.arex216-nav-link{position:relative;display:flex;align-items:center;gap:13px;min-height:48px;padding:0 14px;border:1px solid transparent;border-radius:11px;color:#9eafbf;text-decoration:none;font-size:14px;font-weight:700;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.arex216-nav-link svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.arex216-nav-link:hover{color:#fff;background:rgba(255,122,24,.08);border-color:rgba(255,122,24,.22);transform:translateX(1px)}
.arex216-nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(255,122,24,.82),rgba(176,72,0,.72));border-color:#ff7a18;box-shadow:0 8px 24px rgba(255,122,24,.13)}
.arex216-nav-link.active:before{content:"";position:absolute;left:-18px;top:10px;bottom:10px;width:3px;border-radius:3px;background:#ff7a18;box-shadow:0 0 12px rgba(255,122,24,.8)}
.arex210-hosting-promo{margin-top:16px}
.arex216-sidebar-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px 11px;border:1px solid #203444;border-radius:12px;background:linear-gradient(135deg,rgba(15,29,40,.96),rgba(9,18,26,.96));color:#dce8f1;text-decoration:none;min-width:0}
.arex216-sidebar-user:hover{border-color:rgba(255,122,24,.5);background:linear-gradient(135deg,rgba(22,38,50,.98),rgba(12,23,32,.98))}
.arex216-sidebar-user img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #334a5c;flex:0 0 38px}
.arex216-sidebar-user span{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.arex216-sidebar-user b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.arex216-sidebar-user small{font-size:10px;color:#8298aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arex216-sidebar-user>svg{width:18px;height:18px;fill:none;stroke:#71899b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.arex210-topbar{justify-content:flex-end}
@media(max-width:900px){.ap-sidebar.ax17-sidebar{min-height:100dvh}.arex216-sidebar-user{margin-top:14px}}

/* AREX_BILLING_UI_RECOVERY_V218_CSS */
/* Desktop: no empty header strip. Mobile controls remain available. */
.arex217-mobile-topbar{display:none!important}
/* Never show the legacy DOM-injected duplicate profile if an old SPA DOM survives a deploy. */
#arex-unified-sidebar-user{display:none!important}
.arex217-sidebar-user{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center;margin-top:auto;padding:8px;border:1px solid #203444;border-radius:12px;background:linear-gradient(135deg,rgba(15,29,40,.96),rgba(9,18,26,.96));min-width:0}
.arex217-sidebar-user-main{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0;color:#dce8f1!important;text-decoration:none!important}
.arex217-sidebar-user-main img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #334a5c}
.arex217-sidebar-user-main span{display:flex;flex-direction:column;gap:3px;min-width:0}.arex217-sidebar-user-main b{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arex217-sidebar-user-main small{font-size:9px;color:#8298aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arex217-sidebar-bell{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #274156;border-radius:10px;background:#081722;color:#8eb4d8}.arex217-sidebar-bell svg{width:18px}.arex217-sidebar-bell i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:#ff7900;box-shadow:0 0 8px rgba(255,121,0,.75)}
/* Home starts directly with the three service cards. */
.arex217-home-shell{padding-top:0!important}.arex217-home-shell .arexv2-catalog{padding-top:0!important}
/* Category pages start directly with actual purchasable services. */
.arex217-category{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:20px 0 28px}
.arex217-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.arex217-product-card{display:flex;flex-direction:column;min-height:220px;padding:20px;border:1px solid #1c3850;border-radius:14px;background:linear-gradient(155deg,#0a1824,#07111a);box-shadow:0 16px 36px rgba(0,0,0,.18)}
.arex217-product-copy>span{display:block;color:#ff8b25;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.arex217-product-copy h2{margin:9px 0 8px;color:#f5f8fb;font-size:21px;line-height:1.15}.arex217-product-copy p{margin:0;color:#8399ac;font-size:11px;line-height:1.6}
.arex217-product-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px}.arex217-product-foot strong{color:#fff;font-size:18px}.arex217-product-foot a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid #ff7a18;border-radius:9px;background:linear-gradient(135deg,#e85c00,#ff8b16);color:#fff!important;font-size:10px;font-weight:850;text-decoration:none!important}
.arex217-empty{grid-column:1/-1;padding:30px;border:1px solid #1c3850;border-radius:14px;background:#08141e;color:#8ca0b2;text-align:center}
@media(max-width:1100px){.arex217-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.arex217-mobile-topbar{display:flex!important}.arex217-product-grid{grid-template-columns:1fr}.arex217-category{width:min(100% - 20px,760px);padding-top:12px}.arex217-sidebar-user{margin-top:14px}}

/* AREX_BILLING_CATEGORY_CONFIGURATOR_V219_CSS */
/* Stable left sidebar: position is viewport-bound instead of document-height-bound. */
.ap-shell{min-height:100dvh!important}
.ap-sidebar.ax17-sidebar{display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
.arex217-sidebar-user{flex:0 0 auto!important}
@media(min-width:901px){
  .ap-sidebar.ax17-sidebar{position:sticky!important;top:0!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;align-self:flex-start!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .arex217-sidebar-user{margin-top:auto!important;position:sticky!important;bottom:10px!important;z-index:8!important}
}
@media(max-width:900px){
  body.arex219-sidebar-open{overflow:hidden!important;touch-action:none!important}
  .ap-sidebar.ax17-sidebar{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:2999!important}
  .ap-mobile-backdrop{position:fixed!important;inset:0!important;z-index:2998!important;background:rgba(0,7,13,.72)!important;backdrop-filter:blur(3px)!important}
  .arex217-sidebar-user{margin-top:auto!important;position:sticky!important;bottom:8px!important;z-index:8!important}
}
/* Dashboard service-management drawer must dim the whole shell, including the left sidebar. */
.asb-drawer-backdrop-v200{z-index:4998!important;position:fixed!important;inset:0!important}
.asb-drawer-v200{z-index:4999!important}

/* GTA/Web category configurators — same dark/orange visual language as CS checkout. */
.arex219-category{width:min(1460px,calc(100% - 32px));margin:0 auto;padding:22px 0 34px}
.arex219-config-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.arex219-config-panel,.arex219-summary-panel{border:1px solid #1d3a50;border-radius:15px;background:linear-gradient(150deg,#091722,#06111a);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.arex219-config-panel{padding:20px}
.arex219-config-head{padding:2px 2px 18px;border-bottom:1px solid #173047}
.arex219-config-kicker,.arex219-summary-kicker{display:block;color:#ff851c;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.arex219-config-head h1{margin:7px 0 6px;color:#f5f8fb;font-size:28px;line-height:1.12;letter-spacing:-.025em}
.arex219-config-head p{max-width:760px;margin:0;color:#8299ad;font-size:11px;line-height:1.6}
.arex219-step-head{display:flex;align-items:center;gap:11px;margin:18px 0 13px}
.arex219-step-head>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(255,121,0,.42);border-radius:10px;background:rgba(255,121,0,.09);color:#ff9a43;font-size:12px;font-weight:950}
.arex219-step-head b,.arex219-step-head small{display:block}.arex219-step-head b{color:#f4f8fb;font-size:14px}.arex219-step-head small{margin-top:3px;color:#71889b;font-size:9px}
.arex219-tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.arex219-tariff-card{min-height:222px;display:flex;flex-direction:column;padding:15px;border:1px solid #213f55;border-radius:12px;background:linear-gradient(145deg,#0a1a27,#07131d);color:#eef5fb!important;text-decoration:none!important;transition:border-color .16s ease,transform .16s ease,background .16s ease,box-shadow .16s ease}
.arex219-tariff-card:hover{transform:translateY(-2px);border-color:rgba(255,121,0,.72);background:linear-gradient(145deg,#10202c,#0a1721);box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 0 1px rgba(255,121,0,.08)}
.arex219-tariff-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.arex219-tariff-top>span{color:#ff8c27;font-size:8px;font-weight:950;letter-spacing:.11em}.arex219-tariff-top i{font-style:normal;color:#6f8ba3;font-size:16px}
.arex219-tariff-card h2{margin:10px 0 7px;color:#fff;font-size:18px;line-height:1.18}.arex219-tariff-card p{margin:0;color:#8197aa;font-size:10px;line-height:1.55}
.arex219-chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.arex219-chip-row span{padding:4px 7px;border:1px solid #25465f;border-radius:999px;background:#081825;color:#8eabc1;font-size:8px;font-weight:750}
.arex219-tariff-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px}.arex219-tariff-bottom strong{color:#fff;font-size:18px}.arex219-tariff-bottom em{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid #ff7a18;border-radius:8px;background:linear-gradient(135deg,#df5700,#ff8b16);color:#fff;font-size:9px;font-weight:900;font-style:normal}
.arex219-summary-panel{position:sticky;top:18px;padding:18px}
.arex219-summary-panel h2{margin:8px 0 4px;color:#fff;font-size:22px;line-height:1.18}.arex219-summary-panel>p{margin:0 0 15px;color:#71899d;font-size:10px;line-height:1.5}
.arex219-summary-panel dl{margin:0;border:1px solid #19384d;border-radius:11px;background:#07141e;overflow:hidden}.arex219-summary-panel dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid #173247}.arex219-summary-panel dl>div:last-child{border-bottom:0}.arex219-summary-panel dt{color:#6e8598;font-size:9px}.arex219-summary-panel dd{margin:0;color:#f0f5f9;font-size:10px;font-weight:850;text-align:right}
.arex219-summary-note{margin-top:13px;padding:12px;border:1px solid rgba(255,121,0,.24);border-radius:10px;background:rgba(255,121,0,.045)}.arex219-summary-note b,.arex219-summary-note span{display:block}.arex219-summary-note b{color:#ff9a47;font-size:10px}.arex219-summary-note span{margin-top:5px;color:#8198aa;font-size:9px;line-height:1.55}
.arex219-back-link{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:12px;border:1px solid #29485f;border-radius:9px;background:#091925;color:#c4d4df!important;font-size:9px;font-weight:850;text-decoration:none!important}
.arex219-empty{grid-column:1/-1;padding:28px;border:1px dashed #28465c;border-radius:11px;color:#8198aa;text-align:center;font-size:10px}
@media(max-width:1180px){.arex219-config-grid{grid-template-columns:1fr}.arex219-summary-panel{position:static}.arex219-summary-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.arex219-summary-panel dl>div{border-right:1px solid #173247}}
@media(max-width:720px){.arex219-category{width:min(100% - 18px,760px);padding:10px 0 22px}.arex219-config-panel{padding:13px}.arex219-config-head h1{font-size:23px}.arex219-tariff-grid{grid-template-columns:1fr}.arex219-summary-panel dl{display:block}.arex219-summary-panel dl>div{border-right:0}.arex219-tariff-card{min-height:200px}}

/* AREX_BILLING_UNIFIED_CHECKOUT_V220_CSS */
/* v2.1.9 backdrop lived inside dashboard content. Explicitly occlude the sidebar when the service drawer is open. */
.ap-sidebar.ax17-sidebar{isolation:isolate!important}


/* CS-style category configurator for MTA/Web. */
.arex220-page{width:min(1510px,calc(100% - 34px));margin:0 auto;padding:18px 0 34px}
.arex220-grid{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:18px;align-items:start}
.arex220-main{display:grid;gap:14px;min-width:0}
.arex220-hero,.arex220-block,.arex220-order-panel{border:1px solid #203f56;border-radius:14px;background:linear-gradient(145deg,#091722,#06111a);box-shadow:0 18px 48px rgba(0,0,0,.18)}
.arex220-hero{position:relative;min-height:180px;display:flex;align-items:center;overflow:hidden;padding:24px 28px;background:radial-gradient(circle at 82% 50%,rgba(255,121,0,.12),transparent 22rem),linear-gradient(145deg,#0a1824,#07111a)}
.arex220-hero.is-web{background:radial-gradient(circle at 82% 50%,rgba(30,122,255,.13),transparent 22rem),linear-gradient(145deg,#0a1824,#07111a)}
.arex220-hero-copy{position:relative;z-index:2;max-width:720px}.arex220-hero-copy>span{color:#ff8d28;font-size:9px;font-weight:950;letter-spacing:.14em}.arex220-hero-copy h1{margin:8px 0 6px;color:#f8fbfd;font-size:30px;line-height:1.08;letter-spacing:-.03em}.arex220-hero-copy p{margin:0;color:#8aa1b4;font-size:11px;line-height:1.65}
.arex220-hero-mark{position:absolute;right:28px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.055);font-size:104px;font-weight:1000;letter-spacing:-.08em;line-height:1}
.arex220-block{padding:16px 18px}
.arex220-step-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.arex220-step-head>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:50%;background:linear-gradient(135deg,#f26a00,#ff9b20);color:#fff;font-size:12px;font-weight:950;box-shadow:0 6px 18px rgba(255,121,0,.18)}.arex220-step-head b,.arex220-step-head small{display:block}.arex220-step-head b{color:#f5f8fb;font-size:14px}.arex220-step-head small{margin-top:3px;color:#748b9d;font-size:9px}
.arex220-period-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.arex220-period{position:relative;min-height:84px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid #27455b;border-radius:10px;background:#08151f;color:#e9f1f7!important;text-decoration:none!important}.arex220-period:hover,.arex220-period.is-active{border-color:#ff7b16;background:linear-gradient(145deg,rgba(118,51,8,.45),rgba(29,20,14,.74));box-shadow:0 0 0 1px rgba(255,121,0,.08),0 12px 28px rgba(0,0,0,.18)}.arex220-period b{font-size:12px}.arex220-period small{margin-top:7px;color:#93a7b8;font-size:9px}.arex220-period i{position:absolute;right:10px;bottom:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ff7a10;color:#fff;font-size:10px;font-style:normal}
.arex220-tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arex220-tariff-grid.is-web{grid-template-columns:repeat(2,minmax(0,1fr))}.arex220-tariff{position:relative;min-height:140px;display:flex;flex-direction:column;padding:14px;border:1px solid #27455b;border-radius:10px;background:#08151f;color:#edf4f9!important;text-decoration:none!important}.arex220-tariff:hover,.arex220-tariff.is-active{border-color:#ff7b16;background:linear-gradient(145deg,rgba(118,51,8,.37),rgba(25,17,12,.66));box-shadow:0 0 0 1px rgba(255,121,0,.07),0 12px 28px rgba(0,0,0,.18)}.arex220-tariff-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}.arex220-tariff-title small{grid-column:1/-1;color:#8ca1b1;font-size:8px;font-weight:800;letter-spacing:.08em}.arex220-tariff-title b{min-width:0;color:#fff;font-size:14px;line-height:1.3}.arex220-tariff-title strong{color:#ff941f;font-size:15px;white-space:nowrap}.arex220-feature-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.arex220-feature-row span{padding:4px 7px;border:1px solid #2a455a;border-radius:6px;background:#0b1924;color:#9bb0c0;font-size:8px}.arex220-tariff em{position:absolute;right:10px;top:9px;padding:3px 6px;border-radius:5px;background:#ff7a10;color:#fff;font-size:7px;font-weight:900;font-style:normal}
.arex220-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arex220-detail-grid>div{min-height:52px;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #203d52;border-radius:9px;background:#08151f}.arex220-detail-grid span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(0,232,144,.1);color:#60efba;font-size:10px}.arex220-detail-grid b{color:#dfe9f0;font-size:9px}.arex220-details>p{margin:11px 2px 0;color:#71899c;font-size:9px;line-height:1.55}
.arex220-order-panel{position:sticky;top:16px;padding:18px}.arex220-order-head>span{color:#ff8d28;font-size:9px;font-weight:950;letter-spacing:.14em}.arex220-order-head h2{margin:7px 0 3px;color:#fff;font-size:21px;line-height:1.25}.arex220-order-head small{color:#70889b;font-size:9px}.arex220-ready{display:inline-flex;margin:14px 0 12px;padding:5px 9px;border:1px solid rgba(0,232,144,.26);border-radius:999px;background:rgba(0,232,144,.055);color:#63eeb9;font-size:8px;font-weight:850}.arex220-order-panel dl{margin:0;border-top:1px solid #1b374c;border-bottom:1px solid #1b374c}.arex220-order-panel dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid #173046}.arex220-order-panel dl>div:last-child{border-bottom:0}.arex220-order-panel dt{color:#71899c;font-size:9px}.arex220-order-panel dd{max-width:62%;margin:0;color:#f3f7fa;font-size:9px;font-weight:850;text-align:right;overflow-wrap:anywhere}.arex220-total{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:17px}.arex220-total span{color:#8299aa;font-size:10px}.arex220-total strong{color:#fff;font-size:26px;letter-spacing:-.02em}.arex220-checkout-button{min-height:52px;display:flex;align-items:center;justify-content:center;margin-top:15px;border:1px solid #ff8a1b;border-radius:10px;background:linear-gradient(135deg,#f06b00,#ff981d);box-shadow:0 14px 30px rgba(255,112,0,.15);color:#fff!important;font-size:11px;font-weight:950;text-decoration:none!important}.arex220-checkout-button:hover{filter:brightness(1.07)}.arex220-checkout-button.is-disabled{opacity:.45;pointer-events:none}.arex220-order-note{margin:10px 0 0;color:#72889a;font-size:8px;line-height:1.5;text-align:center}.arex220-back{display:flex;align-items:center;justify-content:center;min-height:36px;margin-top:12px;border:1px solid #28465d;border-radius:9px;background:#081620;color:#b9cad6!important;font-size:9px;font-weight:850;text-decoration:none!important}.arex220-empty{grid-column:1/-1;padding:20px;border:1px dashed #29475d;border-radius:9px;color:#8399aa;text-align:center;font-size:9px}
@media(max-width:1240px){.arex220-grid{grid-template-columns:1fr}.arex220-order-panel{position:static}.arex220-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.arex220-page{width:min(100% - 16px,760px);padding:9px 0 22px}.arex220-hero{min-height:145px;padding:18px}.arex220-hero-copy h1{font-size:24px}.arex220-hero-mark{right:10px;font-size:72px}.arex220-block{padding:12px}.arex220-period-grid,.arex220-tariff-grid,.arex220-tariff-grid.is-web,.arex220-detail-grid{grid-template-columns:1fr}.arex220-order-panel{padding:14px}}

/* AREX_BILLING_VISUAL_POLISH_V221_CSS */
/* One body-level overlay only. v2.2.0 sidebar pseudo-overlay is deliberately removed. */
html:has(body > .asb-drawer-v200.is-open),body:has(> .asb-drawer-v200.is-open){overflow:hidden!important}
body > .asb-drawer-backdrop-v200{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;background:rgba(0,5,9,.72)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
body > .asb-drawer-v200{position:fixed!important;top:0!important;right:0!important;bottom:auto!important;left:auto!important;width:min(460px,94vw)!important;height:100dvh!important;max-height:100dvh!important;z-index:2147483001!important;margin:0!important;border-radius:0!important;transform:translateX(105%)!important;overflow:auto!important}
body > .asb-drawer-v200.is-open{transform:translateX(0)!important}

/* Match the proven CS checkout hero composition: information left, media right. */
.arex221-hero{height:196px;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);overflow:hidden;border:1px solid #27455b;border-radius:14px;background:#07131c;box-shadow:0 18px 48px rgba(0,0,0,.18)}
.arex221-hero-info{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:18px;padding:24px 28px;background:linear-gradient(145deg,#091722,#06111a)}
.arex221-hero-icon{width:66px;height:66px;display:grid;place-items:center;border:2px solid #edf5fa;border-radius:50%;color:#f3f8fb;background:rgba(255,255,255,.02)}
.arex221-hero-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.arex221-hero-copy{min-width:0}.arex221-hero-copy h1{margin:0;color:#f7fafc;font-size:26px;line-height:1.15;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}.arex221-hero-copy p{margin:8px 0 0;color:#aab9c5;font-size:11px;line-height:1.55}
.arex221-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.arex221-hero-badges span{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid rgba(255,121,0,.42);border-radius:7px;background:rgba(255,121,0,.11);color:#ffae5c;font-size:9px;font-weight:850}
.arex221-hero-media{position:relative;min-width:0;overflow:hidden;background:#08131c}.arex221-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,26,.48),transparent 34%),linear-gradient(0deg,rgba(4,10,16,.20),transparent 45%);pointer-events:none}.arex221-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.05)}
.arex221-hero.is-web .arex221-hero-media img{filter:saturate(.88) contrast(1.06) brightness(.90)}

/* Make MTA/Web steps visually follow CS proportions instead of large catalogue cards. */
.arex220-main{gap:14px!important}.arex220-block{padding:15px 17px!important}.arex220-step-head{margin-bottom:12px!important}.arex220-period-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,170px))!important;justify-content:start!important;gap:10px!important}.arex220-period{min-height:82px!important}.arex220-tariff-grid,.arex220-tariff-grid.is-web{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.arex220-tariff{min-height:132px!important;padding:13px!important}.arex220-tariff-title b{font-size:13px!important}.arex220-tariff-title strong{font-size:14px!important}.arex220-feature-row{margin-top:11px!important}.arex220-order-panel{border-color:#27455b!important;background:linear-gradient(180deg,#081622,#06101a)!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important}.arex220-order-head h2{font-size:20px!important}.arex220-total strong{font-size:28px!important}.arex220-checkout-button{min-height:56px!important;font-size:12px!important}
@media(max-width:1380px){.arex220-tariff-grid,.arex220-tariff-grid.is-web{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.arex221-hero{height:auto;min-height:174px;grid-template-columns:1fr}.arex221-hero-info{min-height:174px}.arex221-hero-media{display:none}.arex220-tariff-grid,.arex220-tariff-grid.is-web{grid-template-columns:1fr!important}}
@media(max-width:620px){.arex221-hero-info{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:18px}.arex221-hero-icon{width:52px;height:52px}.arex221-hero-icon svg{width:24px;height:24px}.arex221-hero-copy h1{font-size:22px}.arex220-period-grid{grid-template-columns:1fr!important}}

/* AREX_BILLING_FAST_CONFIGURATOR_V230_CSS */
/* Product cards with optimized user-provided artwork. */
.arex230-home-shell{padding-top:0!important}.arex230-service-catalog{padding-top:0!important}.arex230-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1420px,calc(100% - 32px));margin:0 auto;padding:18px 0 28px}.arex230-service-card{overflow:hidden;border:1px solid #203d52;border-radius:15px;background:linear-gradient(155deg,#0a1824,#07111a);box-shadow:0 18px 42px rgba(0,0,0,.20)}.arex230-service-media{position:relative;display:block;height:190px;overflow:hidden;background:#07131c}.arex230-service-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,14,.02),rgba(4,9,14,.58));pointer-events:none}.arex230-service-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.arex230-service-media:hover img{transform:scale(1.018)}.arex230-service-media>span{position:absolute;z-index:2;left:14px;bottom:13px;padding:5px 9px;border:1px solid rgba(255,139,37,.48);border-radius:7px;background:rgba(5,12,18,.82);color:#ffae5f;font-size:9px;font-weight:950;letter-spacing:.08em}.arex230-service-body{padding:17px}.arex230-service-kicker{display:block;color:#ff8d28;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.arex230-service-body h2{margin:8px 0 7px;color:#f6f9fb;font-size:20px;line-height:1.18}.arex230-service-body p{min-height:42px;margin:0;color:#8399ac;font-size:10px;line-height:1.58}.arex230-service-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.arex230-service-foot small{color:#70879a;font-size:8px}.arex230-service-foot a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid #ff7d17;border-radius:9px;background:linear-gradient(135deg,#e85f00,#ff8c18);color:#fff!important;text-decoration:none!important;font-size:9px;font-weight:900}.arex230-service-foot a:hover{filter:brightness(1.06)}

/* CS-style MTA/Web configurator with local, zero-roundtrip tariff/period selection. */
.arex230-page{width:min(1510px,calc(100% - 34px));margin:0 auto;padding:18px 0 34px}.arex230-grid{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:18px;align-items:start}.arex230-main{display:grid;gap:14px;min-width:0}.arex230-hero,.arex230-block,.arex230-order-panel{border:1px solid #203f56;border-radius:14px;background:linear-gradient(145deg,#091722,#06111a);box-shadow:0 18px 48px rgba(0,0,0,.18)}.arex230-hero{height:196px;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);overflow:hidden}.arex230-hero-info{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:18px;padding:24px 28px;background:linear-gradient(145deg,#091722,#06111a)}.arex230-hero-icon{width:66px;height:66px;display:grid;place-items:center;border:2px solid #edf5fa;border-radius:50%;color:#f3f8fb;background:rgba(255,255,255,.02)}.arex230-hero-icon svg{width:30px;height:30px}.arex230-hero-copy{min-width:0}.arex230-hero-copy h1{margin:0;color:#f7fafc;font-size:26px;line-height:1.15;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}.arex230-hero-copy p{margin:8px 0 0;color:#aab9c5;font-size:11px;line-height:1.55}.arex230-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.arex230-hero-badges span{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid rgba(255,121,0,.42);border-radius:7px;background:rgba(255,121,0,.11);color:#ffae5c;font-size:9px;font-weight:850}.arex230-hero-media{position:relative;min-width:0;overflow:hidden;background:#08131c}.arex230-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,26,.50),transparent 33%),linear-gradient(0deg,rgba(4,10,16,.18),transparent 45%);pointer-events:none}.arex230-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:left center}.arex230-block{padding:15px 17px}.arex230-step-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.arex230-step-head>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:50%;background:linear-gradient(135deg,#f26a00,#ff9b20);color:#fff;font-size:12px;font-weight:950;box-shadow:0 6px 18px rgba(255,121,0,.18)}.arex230-step-head b,.arex230-step-head small{display:block}.arex230-step-head b{color:#f5f8fb;font-size:14px}.arex230-step-head small{margin-top:3px;color:#748b9d;font-size:9px}.arex230-period-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.arex230-period{position:relative;min-height:84px;display:flex;flex-direction:column;justify-content:center;padding:12px;border:1px solid #27455b;border-radius:10px;background:#08151f;color:#e9f1f7;text-align:left;cursor:pointer}.arex230-period:hover,.arex230-period.is-active{border-color:#ff7b16;background:linear-gradient(145deg,rgba(118,51,8,.45),rgba(29,20,14,.74));box-shadow:0 0 0 1px rgba(255,121,0,.08),0 12px 28px rgba(0,0,0,.18)}.arex230-period:disabled{opacity:.36;cursor:not-allowed}.arex230-period b{font-size:12px}.arex230-period small{margin-top:7px;color:#93a7b8;font-size:9px}.arex230-period i{position:absolute;right:10px;bottom:10px;width:20px;height:20px;display:none;place-items:center;border-radius:50%;background:#ff7a10;color:#fff;font-size:10px;font-style:normal}.arex230-period.is-active i{display:grid}.arex230-tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arex230-tariff{position:relative;min-height:132px;display:flex;flex-direction:column;padding:13px;border:1px solid #27455b;border-radius:10px;background:#08151f;color:#edf4f9;text-align:left;cursor:pointer}.arex230-tariff:hover,.arex230-tariff.is-active{border-color:#ff7b16;background:linear-gradient(145deg,rgba(118,51,8,.37),rgba(25,17,12,.66));box-shadow:0 0 0 1px rgba(255,121,0,.07),0 12px 28px rgba(0,0,0,.18)}.arex230-tariff-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}.arex230-tariff-title small{grid-column:1/-1;color:#8ca1b1;font-size:8px;font-weight:800;letter-spacing:.08em}.arex230-tariff-title b{min-width:0;color:#fff;font-size:13px;line-height:1.3}.arex230-tariff-title strong{color:#ff941f;font-size:14px;white-space:nowrap}.arex230-feature-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.arex230-feature-row span{padding:4px 7px;border:1px solid #2a455a;border-radius:6px;background:#0b1924;color:#9bb0c0;font-size:8px}.arex230-tariff em{position:absolute;right:10px;top:9px;display:none;padding:3px 6px;border-radius:5px;background:#ff7a10;color:#fff;font-size:7px;font-weight:900;font-style:normal}.arex230-tariff.is-active em{display:block}.arex230-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arex230-detail-grid>div{min-height:52px;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #203d52;border-radius:9px;background:#08151f}.arex230-detail-grid span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(0,232,144,.1);color:#60efba;font-size:10px}.arex230-detail-grid b{color:#dfe9f0;font-size:9px}.arex230-details>p{margin:11px 2px 0;color:#71899c;font-size:9px;line-height:1.55}.arex230-order-panel{position:sticky;top:16px;padding:18px;border-color:#27455b;background:linear-gradient(180deg,#081622,#06101a);box-shadow:0 18px 48px rgba(0,0,0,.20)}.arex230-order-head>span{color:#ff8d28;font-size:9px;font-weight:950;letter-spacing:.14em}.arex230-order-head h2{margin:7px 0 3px;color:#fff;font-size:20px;line-height:1.25}.arex230-order-head small{color:#70889b;font-size:9px}.arex230-ready{display:inline-flex;margin:14px 0 12px;padding:5px 9px;border:1px solid rgba(0,232,144,.26);border-radius:999px;background:rgba(0,232,144,.055);color:#63eeb9;font-size:8px;font-weight:850}.arex230-order-panel dl{margin:0;border-top:1px solid #1b374c;border-bottom:1px solid #1b374c}.arex230-order-panel dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid #173046}.arex230-order-panel dl>div:last-child{border-bottom:0}.arex230-order-panel dt{color:#71899c;font-size:9px}.arex230-order-panel dd{max-width:62%;margin:0;color:#f3f7fa;font-size:9px;font-weight:850;text-align:right;overflow-wrap:anywhere}.arex230-total{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:17px}.arex230-total span{color:#8299aa;font-size:10px}.arex230-total strong{color:#fff;font-size:28px;letter-spacing:-.02em}.arex230-checkout-button{min-height:56px;display:flex;align-items:center;justify-content:center;margin-top:15px;border:1px solid #ff8a1b;border-radius:10px;background:linear-gradient(135deg,#f06b00,#ff981d);box-shadow:0 14px 30px rgba(255,112,0,.15);color:#fff!important;font-size:12px;font-weight:950;text-decoration:none!important}.arex230-checkout-button:hover{filter:brightness(1.06)}.arex230-checkout-button.is-disabled{opacity:.45;pointer-events:none}.arex230-order-note{margin:10px 0 0;color:#72889a;font-size:8px;line-height:1.5;text-align:center}.arex230-back{display:flex;align-items:center;justify-content:center;min-height:36px;margin-top:12px;border:1px solid #28465d;border-radius:9px;background:#081620;color:#b9cad6!important;font-size:9px;font-weight:850;text-decoration:none!important}

/* Checkout responsiveness/perceived-performance: keep updates local where possible. */
.axv3-tariff-card[wire\:navigate\.hover]{will-change:auto}.ax17-name-input input{transition:border-color .12s ease,background-color .12s ease}.ax17-plan-grid button,.ax17-plan-grid label,.axv3-tariff-card{touch-action:manipulation}.arex230-period,.arex230-tariff{touch-action:manipulation;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}
@media(max-width:1380px){.arex230-tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1240px){.arex230-grid{grid-template-columns:1fr}.arex230-order-panel{position:static}}
@media(max-width:900px){.arex230-service-grid{grid-template-columns:1fr;width:min(100% - 18px,760px);padding-top:10px}.arex230-service-media{height:180px}.arex230-page{width:min(100% - 16px,760px);padding:9px 0 22px}.arex230-hero{height:auto;min-height:174px;grid-template-columns:1fr}.arex230-hero-info{min-height:174px}.arex230-hero-media{height:180px}.arex230-order-panel{position:static}.arex230-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arex230-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asb-drawer-backdrop-v200{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,5,9,.78)!important}}
@media(max-width:620px){.arex230-service-media{height:160px}.arex230-service-body{padding:14px}.arex230-service-body h2{font-size:18px}.arex230-service-foot{align-items:flex-end}.arex230-hero-info{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:18px}.arex230-hero-icon{width:52px;height:52px}.arex230-hero-icon svg{width:24px;height:24px}.arex230-hero-copy h1{font-size:22px}.arex230-hero-media{height:150px}.arex230-block{padding:12px}.arex230-period-grid,.arex230-tariff-grid,.arex230-detail-grid{grid-template-columns:1fr}.arex230-period{min-height:74px}.arex230-tariff{min-height:118px}}

/* AREX_BILLING_VISUAL_POLISH_V231_CSS */
/* Pure visual layer: no Livewire behavior, no heavy blur, no provisioning changes. */

/* ===== HOME / SERVICE CARDS ===== */
.arex230-service-grid{
  gap:14px!important;
  width:min(1460px,calc(100% - 28px))!important;
  padding:14px 0 24px!important;
}
.arex230-service-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  border:1px solid #24465d!important;
  border-radius:16px!important;
  background:linear-gradient(160deg,#091822 0%,#07131d 58%,#061019 100%)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.018)!important;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.arex230-service-card:before{
  content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,128,24,.78) 36%,rgba(60,150,255,.44) 74%,transparent);
  opacity:.78;pointer-events:none;
}
.arex230-service-card:hover{
  transform:translateY(-2px)!important;
  border-color:#315a73!important;
  box-shadow:0 22px 54px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.arex230-service-media{height:202px!important;background:#06111a!important}
.arex230-service-media:after{
  background:linear-gradient(180deg,rgba(3,8,13,.01) 25%,rgba(4,10,15,.18) 56%,rgba(4,10,15,.84) 100%),linear-gradient(90deg,rgba(3,8,13,.16),transparent 38%)!important;
}
.arex230-service-media img{transform:scale(1.005);transition:transform .24s ease,filter .24s ease!important;filter:saturate(1.04) contrast(1.03)!important}
.arex230-service-card:hover .arex230-service-media img{transform:scale(1.025)!important;filter:saturate(1.08) contrast(1.045)!important}
.arex230-service-media>span{
  left:15px!important;bottom:14px!important;min-height:27px!important;display:inline-flex!important;align-items:center!important;
  padding:0 10px!important;border-color:rgba(255,139,37,.58)!important;border-radius:8px!important;
  background:rgba(5,12,18,.92)!important;color:#ffc07e!important;font-size:8px!important;letter-spacing:.095em!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
.arex230-service-body{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;
  padding:16px 18px 17px!important;
}
.arex230-service-kicker{color:#ff9537!important;font-size:8px!important;letter-spacing:.14em!important}
.arex230-service-body h2{margin:7px 0 6px!important;font-size:21px!important;line-height:1.14!important;font-weight:750!important;letter-spacing:-.025em!important}
.arex230-service-body p{min-height:0!important;margin:0!important;color:#92a6b6!important;font-size:10px!important;line-height:1.55!important}
.arex230-service-foot{margin-top:auto!important;padding-top:17px!important;border-top:1px solid rgba(51,84,107,.34)!important}
.arex230-service-foot small{color:#687f91!important;font-size:8px!important}
.arex230-service-foot a{
  min-height:39px!important;padding:0 15px!important;border-radius:9px!important;
  background:linear-gradient(135deg,#f16a00,#ff941d)!important;border-color:#ff8b2b!important;
  box-shadow:0 10px 22px rgba(255,108,0,.14)!important;font-size:9px!important;letter-spacing:.01em!important;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important;
}
.arex230-service-foot a:hover{transform:translateY(-1px)!important;filter:brightness(1.07)!important;box-shadow:0 13px 26px rgba(255,108,0,.20)!important}

/* ===== CONFIGURATOR RHYTHM ===== */
.arex230-page{width:min(1540px,calc(100% - 30px))!important;padding:14px 0 30px!important}
.arex230-grid{grid-template-columns:minmax(0,1fr) 366px!important;gap:16px!important}
.arex230-main{gap:12px!important}
.arex230-hero,.arex230-block,.arex230-order-panel{
  border-color:#24465d!important;border-radius:15px!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.014)!important;
}

/* ===== HERO ===== */
.arex230-hero{height:180px!important;grid-template-columns:minmax(0,43%) minmax(0,57%)!important;background:#07131d!important}
.arex230-hero-info{
  position:relative!important;z-index:2!important;grid-template-columns:62px minmax(0,1fr)!important;gap:16px!important;
  padding:20px 24px!important;background:linear-gradient(90deg,#091824 0%,#081620 74%,rgba(8,22,32,.86) 100%)!important;
}
.arex230-hero-icon{
  width:58px!important;height:58px!important;border-width:1px!important;border-color:#dce8ef!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.arex230-hero-icon svg{width:27px!important;height:27px!important}
.arex230-hero-copy h1{font-size:25px!important;font-weight:650!important;letter-spacing:-.035em!important}
.arex230-hero-copy p{margin-top:7px!important;color:#9db0be!important;font-size:10px!important;line-height:1.48!important}
.arex230-hero-badges{gap:7px!important;margin-top:12px!important}
.arex230-hero-badges span{
  min-height:25px!important;padding:0 9px!important;border-radius:7px!important;
  border-color:rgba(255,126,27,.38)!important;background:rgba(255,126,27,.075)!important;
  color:#ffb269!important;font-size:8px!important;
}
.arex230-hero-media{left:-22px!important;width:calc(100% + 22px)!important}
.arex230-hero-media:after{
  background:linear-gradient(90deg,#081620 0%,rgba(8,22,32,.78) 8%,rgba(8,22,32,.22) 27%,transparent 45%),linear-gradient(0deg,rgba(3,9,14,.18),transparent 42%)!important;
}
.arex230-hero-media img{object-position:center center!important;filter:saturate(1.06) contrast(1.035)!important}

/* ===== STEP HEADERS / BLOCKS ===== */
.arex230-block{padding:14px 15px!important;background:linear-gradient(155deg,#081620,#07131c)!important}
.arex230-step-head{gap:10px!important;margin-bottom:11px!important}
.arex230-step-head>span{
  width:34px!important;height:34px!important;flex-basis:34px!important;
  background:linear-gradient(135deg,#ed6700,#ff941d)!important;box-shadow:0 6px 14px rgba(255,119,10,.16)!important;
}
.arex230-step-head b{font-size:13px!important;letter-spacing:-.01em!important}
.arex230-step-head small{margin-top:2px!important;font-size:8px!important;color:#6f8799!important}

/* ===== PERIODS ===== */
.arex230-period-grid{gap:8px!important}
.arex230-period{
  min-height:72px!important;padding:10px 11px!important;border-color:#27485e!important;border-radius:9px!important;
  background:#081620!important;box-shadow:none!important;
  transition:border-color .11s ease,background-color .11s ease,box-shadow .11s ease,transform .11s ease!important;
}
.arex230-period:hover{border-color:#526b7d!important;background:#0a1924!important;transform:translateY(-1px)!important}
.arex230-period.is-active{
  border-color:#ff801c!important;background:linear-gradient(160deg,#0c1a23,#09151d)!important;
  box-shadow:inset 0 0 0 1px rgba(255,126,24,.10),0 9px 20px rgba(0,0,0,.18)!important;
}
.arex230-period b{font-size:11px!important}.arex230-period small{margin-top:5px!important;color:#8198aa!important;font-size:8px!important}
.arex230-period.is-active b{color:#fff!important}.arex230-period.is-active small{color:#ffb46f!important}
.arex230-period i{right:9px!important;bottom:9px!important;width:18px!important;height:18px!important;background:#ff7c16!important;font-size:9px!important;box-shadow:0 0 0 3px rgba(255,124,22,.08)!important}
.arex230-period[data-v230-period="90"]::after,.arex230-period[data-v230-period="180"]::after,.arex230-period[data-v230-period="365"]::after{
  position:absolute;top:8px;right:8px;padding:2px 5px;border:1px solid #29495e;border-radius:999px;background:#0a1923;color:#748ea1;font-size:6px;font-weight:850;letter-spacing:.04em;
}
.arex230-period[data-v230-period="90"]::after{content:"3 МЕС."}.arex230-period[data-v230-period="180"]::after{content:"6 МЕС."}.arex230-period[data-v230-period="365"]::after{content:"ВЫГОДНЕЕ";color:#ffb56e;border-color:rgba(255,126,24,.32);background:rgba(255,126,24,.055)}

/* ===== TARIFFS ===== */
.arex230-tariff-grid{gap:8px!important}
.arex230-tariff-grid:not(.is-web){grid-template-columns:repeat(4,minmax(0,1fr))!important}
.arex230-tariff-grid.is-web{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.arex230-tariff{
  min-height:118px!important;padding:12px!important;border-color:#27485e!important;border-radius:9px!important;
  background:#081620!important;box-shadow:none!important;
  transition:border-color .11s ease,background-color .11s ease,box-shadow .11s ease,transform .11s ease!important;
}
.arex230-tariff:hover{border-color:#526b7d!important;background:#0a1924!important;transform:translateY(-1px)!important}
.arex230-tariff.is-active{
  border-color:#ff801c!important;background:linear-gradient(160deg,#0c1a23,#09151d)!important;
  box-shadow:inset 0 0 0 1px rgba(255,126,24,.09),0 9px 20px rgba(0,0,0,.18)!important;
}
.arex230-tariff-title{gap:4px 10px!important;align-items:start!important}.arex230-tariff-title small{color:#738b9d!important;font-size:7px!important;letter-spacing:.10em!important}
.arex230-tariff-title b{font-size:12px!important;line-height:1.24!important;font-weight:800!important;letter-spacing:-.015em!important}
.arex230-tariff-title strong{font-size:13px!important;color:#ff9b3a!important}
.arex230-feature-row{gap:4px!important;margin-top:auto!important;padding-top:10px!important}
.arex230-feature-row span{padding:3px 6px!important;border-color:#28495f!important;border-radius:6px!important;background:#091925!important;color:#91a8b8!important;font-size:7px!important}
.arex230-tariff em{top:8px!important;right:8px!important;padding:3px 6px!important;border-radius:999px!important;background:#ff7b16!important;font-size:6px!important;box-shadow:0 0 0 3px rgba(255,123,22,.07)!important}

/* ===== DETAILS ===== */
.arex230-detail-grid{gap:7px!important}.arex230-detail-grid>div{min-height:46px!important;padding:8px 9px!important;border-color:#23445a!important;background:#081620!important}
.arex230-detail-grid span{width:18px!important;height:18px!important;font-size:9px!important}.arex230-detail-grid b{font-size:8px!important}.arex230-details>p{margin-top:9px!important;font-size:8px!important}

/* ===== ORDER PANEL ===== */
.arex230-order-panel{
  top:14px!important;padding:17px!important;
  background:radial-gradient(circle at 92% 4%,rgba(255,126,24,.065),transparent 14rem),linear-gradient(180deg,#081722,#06111a)!important;
}
.arex230-order-head>span{font-size:8px!important;letter-spacing:.16em!important}.arex230-order-head h2{margin:6px 0 3px!important;font-size:19px!important;letter-spacing:-.025em!important}.arex230-order-head small{font-size:8px!important}
.arex230-ready{margin:12px 0 11px!important;padding:4px 8px!important;font-size:7px!important}
.arex230-order-panel dl{border-color:#1c394e!important}
.arex230-order-panel dl>div{position:relative;padding:10px 2px 10px 15px!important;border-color:#173249!important}
.arex230-order-panel dl>div:before{content:"";position:absolute;left:1px;top:50%;width:5px;height:5px;border-radius:50%;background:#244c66;transform:translateY(-50%)}
.arex230-order-panel dt{font-size:8px!important}.arex230-order-panel dd{font-size:8px!important;max-width:65%!important}
.arex230-total{margin-top:15px!important;padding:13px 12px 3px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important}
.arex230-total span{font-size:9px!important}.arex230-total strong{font-size:29px!important;letter-spacing:-.035em!important;text-shadow:0 8px 24px rgba(255,255,255,.04)!important}
.arex230-checkout-button{
  min-height:52px!important;margin-top:12px!important;border-radius:9px!important;font-size:11px!important;
  background:linear-gradient(135deg,#f16a00,#ff991e)!important;box-shadow:0 13px 27px rgba(255,111,0,.16)!important;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important;
}
.arex230-checkout-button:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important;box-shadow:0 16px 31px rgba(255,111,0,.21)!important}
.arex230-order-note{margin-top:8px!important;font-size:7px!important}.arex230-back{min-height:34px!important;margin-top:10px!important;font-size:8px!important}

/* ===== RESPONSIVE ===== */
@media(max-width:1500px){
  .arex230-tariff-grid:not(.is-web){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1380px){
  .arex230-grid{grid-template-columns:minmax(0,1fr) 350px!important}
  .arex230-tariff-grid.is-web{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1240px){
  .arex230-grid{grid-template-columns:1fr!important}.arex230-order-panel{position:static!important}
  .arex230-tariff-grid:not(.is-web){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .arex230-tariff-grid.is-web{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .arex230-service-grid{gap:11px!important;width:min(100% - 16px,760px)!important;padding-top:8px!important}
  .arex230-service-card:hover{transform:none!important}.arex230-service-media{height:178px!important}
  .arex230-service-body{padding:14px 15px 15px!important}.arex230-service-body h2{font-size:19px!important}.arex230-service-foot{padding-top:14px!important}
  .arex230-page{width:min(100% - 14px,760px)!important;padding:8px 0 20px!important}
  .arex230-hero{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  .arex230-hero-info{min-height:158px!important;padding:18px!important}.arex230-hero-media{left:0!important;width:100%!important;height:156px!important}
  .arex230-hero-media:after{background:linear-gradient(0deg,rgba(4,10,15,.56),transparent 48%)!important}
  .arex230-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .arex230-tariff-grid:not(.is-web),.arex230-tariff-grid.is-web{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .arex230-period:hover,.arex230-tariff:hover,.arex230-checkout-button:hover{transform:none!important}
}
@media(max-width:620px){
  .arex230-service-media{height:156px!important}.arex230-service-body h2{font-size:18px!important}.arex230-service-foot{gap:8px!important}.arex230-service-foot small{max-width:45%!important}
  .arex230-hero-info{grid-template-columns:50px minmax(0,1fr)!important;gap:11px!important;padding:15px!important}.arex230-hero-icon{width:48px!important;height:48px!important}.arex230-hero-copy h1{font-size:21px!important}.arex230-hero-copy p{font-size:9px!important}.arex230-hero-media{height:138px!important}
  .arex230-block{padding:11px!important}.arex230-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.arex230-period{min-height:66px!important}
  .arex230-tariff-grid:not(.is-web),.arex230-tariff-grid.is-web,.arex230-detail-grid{grid-template-columns:1fr!important}.arex230-tariff{min-height:106px!important}
  .arex230-order-panel{padding:14px!important}.arex230-total strong{font-size:27px!important}.arex230-checkout-button{min-height:50px!important}
}
@media(prefers-reduced-motion:reduce){
  .arex230-service-card,.arex230-service-media img,.arex230-service-foot a,.arex230-period,.arex230-tariff,.arex230-checkout-button{transition:none!important}
}
/* AREX_BILLING_CS_LOCAL_CONFIGURATOR_V233_CSS */
.arex230-tariff-grid.is-cs:not(.is-web){grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ax233-selected-contract{border-color:rgba(255,125,24,.28)!important}
.ax233-selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:9px;align-items:stretch;margin-top:12px}
.ax233-selected-grid>div{min-height:66px;padding:11px 12px;border:1px solid rgba(69,104,130,.38);border-radius:10px;background:#081722;display:flex;flex-direction:column;justify-content:center;gap:4px}
.ax233-selected-grid small{color:#748b9d;font-size:9px}.ax233-selected-grid b{color:#f1f6fa;font-size:13px}
.ax233-change-selection{min-height:66px;padding:0 15px;border:1px solid rgba(255,128,24,.46);border-radius:10px;background:rgba(255,122,8,.07);display:flex;align-items:center;justify-content:center;color:#ff9a43!important;text-decoration:none!important;font-size:10px;font-weight:850;text-align:center}
.ax233-change-selection:hover{background:rgba(255,122,8,.12)}
@media(max-width:980px){.arex230-tariff-grid.is-cs:not(.is-web){grid-template-columns:repeat(3,minmax(0,1fr))!important}.ax233-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.arex230-tariff-grid.is-cs:not(.is-web){grid-template-columns:1fr!important}.ax233-selected-grid{grid-template-columns:1fr}.ax233-change-selection{min-height:48px}}
/* AREX_BILLING_CS_INLINE_LOCAL_V234_CSS */
.ax234-local{display:grid;gap:14px}
.ax234-period-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ax234-period{position:relative;min-height:86px;padding:15px 14px;border:1px solid #24445e;border-radius:12px;background:#081722;color:#eef5fa;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.ax234-period:hover{border-color:#4b6074;transform:translateY(-1px)}
.ax234-period.is-active{border-color:#ff7d18;background:linear-gradient(135deg,rgba(255,122,17,.13),rgba(255,122,17,.035));box-shadow:inset 0 0 0 1px rgba(255,122,17,.08)}
.ax234-period b,.ax234-period small{display:block}.ax234-period b{font-size:13px}.ax234-period small{margin-top:9px;color:#91a7b8;font-size:10px}.ax234-period.is-active small{color:#ffbd83}
.ax234-check{position:absolute;right:10px;bottom:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ff7d18;color:#fff;opacity:0;transform:scale(.8);transition:.14s}.ax234-check svg{width:13px}.ax234-period.is-active .ax234-check{opacity:1;transform:scale(1)}
.ax234-tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.ax234-tariff{position:relative;min-height:132px;padding:15px;border:1px solid #24445e;border-radius:12px;background:#081722;color:#eef5fa;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.ax234-tariff:hover{border-color:#4b6074;transform:translateY(-1px)}
.ax234-tariff.is-active{border-color:#ff7d18;background:linear-gradient(135deg,rgba(255,122,17,.13),rgba(255,122,17,.035));box-shadow:inset 0 0 0 1px rgba(255,122,17,.08)}
.ax234-tariff-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ax234-tariff-top small{color:#7f99ac;font-size:9px;font-weight:850;letter-spacing:.08em}.ax234-tariff-top strong{color:#ff942f;font-size:15px}
.ax234-tariff h3{margin:10px 0 12px;font-size:17px;line-height:1;font-weight:950}.ax234-meta{display:flex;flex-wrap:wrap;gap:6px}.ax234-meta span{padding:5px 7px;border:1px solid #294963;border-radius:6px;background:#0a1b28;color:#9eb1c1;font-size:8px;white-space:nowrap}
.ax234-selected{position:absolute;right:9px;top:9px;padding:4px 7px;border-radius:6px;background:#ff7d18;color:#fff;font-size:8px;font-weight:900;opacity:0;transform:translateY(-3px);transition:.14s}.ax234-tariff.is-active .ax234-selected{opacity:1;transform:none}.ax234-tariff.is-active .ax234-tariff-top{padding-right:54px}
@media(max-width:980px){.ax234-period-grid{grid-template-columns:repeat(5,minmax(108px,1fr));overflow-x:auto;padding-bottom:4px}.ax234-tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ax234-period-grid{grid-template-columns:repeat(5,minmax(118px,1fr))}.ax234-tariff-grid{grid-template-columns:1fr}.ax234-tariff{min-height:116px}.ax234-period{min-height:78px}}


/* AREX_BILLING_DASHBOARD_LIFECYCLE_ROUTING_V241_R4 */
@media (min-width:861px){
  .asb-server-list-v200{gap:8px!important}
  .asb-server-card-v200{grid-template-columns:150px minmax(0,1fr)!important;min-height:142px!important;border-radius:12px!important}
  .asb-server-media-v200{height:142px!important;min-height:142px!important}
  .asb-server-media-v200>span{left:10px!important;bottom:9px!important;padding:4px 7px!important;font-size:9px!important}
  .asb-server-body-v200{padding:9px 12px 8px!important}
  .asb-server-name-line-v200 h2{font-size:16px!important;line-height:1.12!important}
  .asb-status-v200,.asb-expiring-v200{min-height:20px!important;padding:0 7px!important;font-size:9px!important}
  .asb-server-meta-v200{margin-top:3px!important;font-size:9px!important;gap:8px!important}
  .asb-btn-v200{min-height:30px!important;padding:0 10px!important;font-size:10px!important}
  .asb-stats-v200{margin-top:7px!important;border-radius:9px!important}
  .asb-stats-v200>div{padding:6px 8px 6px 30px!important}
  .asb-stat-icon-v200{left:8px!important;top:8px!important}.asb-stat-icon-v200 svg{width:14px!important}
  .asb-stats-v200 small{font-size:8px!important}.asb-stats-v200 strong{margin-top:2px!important;font-size:10px!important}
  .asb-server-bottom-v200{margin-top:6px!important;gap:8px!important;grid-template-columns:minmax(190px,1fr) auto minmax(150px,190px)!important}
  .asb-copy-v200{height:25px!important}.asb-connect-v200{height:27px!important;min-width:122px!important;font-size:9px!important}
  .asb-progress-v200{height:4px!important;margin-top:3px!important}.asb-slots-v200>small{margin-top:2px!important}
}
.asb-server-card-v200.is-web-service .asb-stats-v200{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.asb-server-card-v200.is-web-service .asb-stats-v200>div:nth-child(1),
.asb-server-card-v200.is-web-service .asb-stats-v200>div:nth-child(2){display:none!important}
.asb-server-card-v200.is-web-service .asb-server-bottom-v200{display:none!important}
@media (max-width:620px){.arex217-sidebar-bell,.arex-user-bell{display:none!important}}
/* AREX_BILLING_DASHBOARD_FIXED_SHELL_V241_R5
   Desktop: the AREX shell, left sidebar, page title and right dashboard rail stay
   stationary. Only the service-card list owns vertical page-content scrolling.
   <=1180px intentionally keeps the existing natural responsive page flow. */
@media (min-width:1181px){
  html:has(.asb-dashboard-v200),
  body:has(.asb-dashboard-v200){
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body:has(.asb-dashboard-v200) .ap-shell{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body:has(.asb-dashboard-v200) .ap-sidebar.ax17-sidebar{
    position:sticky!important;
    top:0!important;
    align-self:start!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body:has(.asb-dashboard-v200) .ap-workspace{
    display:flex!important;
    flex-direction:column!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:has(.asb-dashboard-v200) .ap-topbar{
    flex:0 0 auto!important;
  }
  body:has(.asb-dashboard-v200) .ap-content{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body:has(.asb-dashboard-v200) .ap-footer{
    flex:0 0 auto!important;
  }
  .asb-dashboard-v200{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .asb-wrap-v200{
    height:100%!important;
    min-height:0!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  .asb-page-head-v200{
    position:relative!important;
    z-index:3!important;
  }
  .asb-servers-column-v200{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .asb-server-list-v200{
    height:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    padding-right:6px!important;
    scrollbar-width:thin;
  }
  .asb-side-column-v200{
    position:sticky!important;
    top:0!important;
    align-self:start!important;
    overflow:visible!important;
  }
  .asb-server-list-v200::-webkit-scrollbar{width:8px}
  .asb-server-list-v200::-webkit-scrollbar-track{background:transparent}
  .asb-server-list-v200::-webkit-scrollbar-thumb{background:#173047;border-radius:999px}
  .asb-server-list-v200::-webkit-scrollbar-thumb:hover{background:#24506f}
}

/* AREX_BILLING_DASHBOARD_SCROLLBAR_POLISH_V241_R6
   Desktop-only visual polish: keep r5 center-scroll behavior unchanged,
   make the internal service scrollbar quieter and add breathing room after
   the final service card. */
@media (min-width:1181px){
  .asb-server-list-v200{
    padding-bottom:14px!important;
    scrollbar-width:thin;
    scrollbar-color:#10283a transparent;
  }
  .asb-server-list-v200::-webkit-scrollbar{width:6px}
  .asb-server-list-v200::-webkit-scrollbar-track{background:transparent}
  .asb-server-list-v200::-webkit-scrollbar-thumb{
    background:#10283a;
    border-radius:999px;
  }
  .asb-server-list-v200::-webkit-scrollbar-thumb:hover{background:#173a52}
}