/* 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:92px auto auto 194px!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:linear-gradient(180deg,#0c1a28 0%,#08131f 100%)!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:90px 10px auto 10px!important;width:min(300px,calc(100vw - 20px))!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:none!important;
        height:0!important;
        min-height:0!important;
        padding:0!important;
        margin:0!important;
        border:0!important;
        overflow:hidden!important;
    }
    .ap-content:has(.asb-dashboard){padding-top:0!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:52px!important;
        height:52px!important;
        padding:0 12px!important;
        background:rgba(4,13,22,.78)!important;
        border-bottom:1px solid rgba(67,104,140,.22)!important;
        backdrop-filter:blur(9px);
        -webkit-backdrop-filter:blur(9px);
    }
    .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:270px minmax(0,1fr)!important}
    .ap-sidebar{width:270px!important;min-width:270px!important;flex:0 0 270px!important}
    .ap-workspace{min-width:0!important}
    .ap-profile-popover-v216{inset:92px auto auto 278px!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:312px!important;min-width:312px!important;flex:0 0 312px!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:312px;
    --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:100vw!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:100%!important;
        overflow-x:clip!important;
    }
    .ap-profile-popover-v216{inset:92px auto auto 320px!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:clamp(230px,15.2vw,292px);
    --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:none!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:none!important;
        margin:0!important;
        padding:0!important;
        overflow-x:clip!important;
    }
    .ap-footer{margin-left:0!important;max-width:none!important;width:100%!important}
    .ap-profile-popover-v216{inset:92px auto auto calc(var(--arex-v143-sidebar) + 8px)!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:900px){
    .ap-workspace{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
    .ap-content:has(.asb-dashboard){padding:0!important;margin:0!important;width:100%!important;max-width:none!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 */