@font-face{font-family:"IRANSansWeb(FaNum)";src:url(/fonts/iransans/IRANSansWeb.eot);src:url(/fonts/iransans/IRANSansWeb.eot?#iefix)format("embedded-opentype"),url(/fonts/iransans/IRANSansWebFaNum.woff2)format("woff2"),url(/fonts/iransans/IRANSansWebFaNum.woff)format("woff"),url(/fonts/iransans/IRANSansWeb\(FaNum\).woff)format("woff"),url(/fonts/iransans/IRANSansWeb.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IRANSansWeb(FaNum)";src:url(/fonts/iransans/IRANSansWebFaNum-Light.woff2)format("woff2"),url(/fonts/iransans/IRANSansWebFaNum-Light.woff)format("woff");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"IRANSansWeb(FaNum)";src:url(/fonts/iransans/IRANSansWebFaNum-Medium.woff2)format("woff2"),url(/fonts/iransans/IRANSansWebFaNum-Medium.woff)format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"IRANSansWeb(FaNum)";src:url(/fonts/iransans/IRANSansWebFaNum-Bold.woff2)format("woff2"),url(/fonts/iransans/IRANSansWebFaNum-Bold.woff)format("woff");font-style:normal;font-weight:700;font-display:swap}
:root{color:#1c2a40;font-synthesis:none;text-rendering:optimizelegibility;--brand:#4680ff;--brand-deep:#2f63cd;--brand-ink:#1d3c7d;--ink:#1c2a40;--muted:#69788e;--soft-muted:#8793a6;--canvas:#f4f6fa;--surface:#fff;--line:#e4e9f1;--green:#177d68;--green-soft:#e7f5f1;--red:#ad4051;--red-soft:#fff0f1;--purple:#7562ca;--gold:#a36b13;--radius-card:18px;--shadow-card:0 5px 18px #1d30520b;--focus:0 0 0 3px #4680ff3b;font-optical-sizing:auto;background:#f4f6fa;font-family:"IRANSansWeb(FaNum)",Tahoma,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;min-width:320px}
body,#root{width:100%;max-width:100%}
body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--focus);outline:none}
button:disabled{cursor:not-allowed;opacity:.62}
::selection{color:#183565;background:#d8e6ff}
.skip-link{z-index:2000;top:12px;color:#fff;background:var(--brand-ink);border-radius:9px;padding:9px 14px;position:fixed;inset-inline-start:12px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.app-frame{direction:rtl;grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}
.sidebar{z-index:30;color:#e4eafa;background:#19263d;flex-direction:column;height:100vh;min-height:620px;padding:25px 17px 17px;display:flex;position:sticky;top:0}
.brand-lockup{color:#fff;align-items:center;gap:11px;padding:0 9px 28px;display:flex}
.brand-lockup img{border-radius:13px;flex:none}
.brand-lockup strong,.brand-lockup span{display:block}
.brand-lockup strong{letter-spacing:-.2px;font-size:16px}
.brand-lockup span{color:#a4b1c9;margin-top:1px;font-size:11px}
.sidebar__close{margin-inline-start:auto;color:#d6deec!important;display:none!important}
.sidebar__label{color:#8d9cb5;padding:8px 13px 10px;font-size:11px;font-weight:700}
.main-nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aebeda59 transparent;flex:0 auto;gap:5px;min-height:0;max-height:calc(100vh - 330px);display:grid;overflow-y:auto}
.nav-link{color:#c1ccdd;border-radius:11px;align-items:center;gap:12px;min-height:47px;padding:0 13px;font-size:13px;transition:color .18s,background-color .18s;display:flex;position:relative}
.nav-link:hover{color:#fff;background:#fff1}
.nav-link.is-active{color:#fff;background:#4680ff38}
.nav-link.is-active:before{content:"";inset-inline-start:0;background:#81a8ff;border-radius:2px;width:3px;position:absolute;top:12px;bottom:12px}
.nav-link__chevron{color:#8da7d8;margin-inline-start:auto}
.sidebar__spacer{flex:1;min-height:24px}
.sidebar-help{background:#ffffff09;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:11px;margin:0 2px 16px;padding:12px;display:flex}
.sidebar-help__icon{color:#a8c1ff;background:#4680ff2e;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}
.sidebar-help strong,.sidebar-help span:not(.sidebar-help__icon){display:block}
.sidebar-help strong{font-size:12px}
.sidebar-help div span{color:#9aa9c0;font-size:10px}
.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;min-height:61px;padding:12px 6px 0;display:flex}
.sidebar-user__name{flex:1;min-width:0}
.sidebar-user__name strong,.sidebar-user__name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.sidebar-user__name strong{color:#f6f8fc;font-size:11px}
.sidebar-user__name span{color:#a1aec4;text-align:right;direction:ltr;font-size:10px}
.avatar{color:#dce7ff;background:#32476b;border:1px solid #ffffff1f;border-radius:13px;flex:none;place-items:center;width:39px;height:39px;font-size:14px;font-weight:700;display:inline-grid}
.avatar--small{color:#2859ad;background:#e7efff;border:0;border-radius:11px;width:33px;height:33px;font-size:12px}
.icon-button{color:#63728a;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;padding:0;transition:color .16s,background .16s;display:inline-grid}
.icon-button:hover{color:var(--brand-ink);background:#f0f4fa}
.sidebar .icon-button:hover{color:#fff;background:#ffffff17}
.sidebar-user__logout{color:#a9b7cc;width:36px;height:36px}
.workspace{min-width:0;min-height:100vh}
.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f6faeb;border-bottom:1px solid #dee5efcc;justify-content:space-between;align-items:center;min-height:76px;padding:0 clamp(22px,4vw,58px);display:flex;position:sticky;top:0}
.topbar__location,.topbar__right{align-items:center;gap:11px;display:flex}
.topbar__location{color:#8b96a8;font-size:12px}
.topbar__location svg{transform:rotate(180deg)}
.topbar__location strong{color:#33435c;font-size:12px;font-weight:700}
.topbar__right{color:#66768c;font-size:12px}
.topbar__date{white-space:nowrap}
.topbar__divider{background:#dfe5ee;width:1px;height:23px;margin-inline:5px}
.topbar__name{color:#32425a;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}
.topbar__logout{color:#77859a;width:36px;height:36px}
.page-content{outline:none;width:min(100%,1530px);min-height:calc(100vh - 126px);margin:0 auto;padding:33px clamp(22px,4vw,58px) 54px}
.workspace-footer{color:#96a1b1;justify-content:space-between;padding:0 clamp(22px,4vw,58px) 20px;font-size:10px;display:flex}
.mobile-nav,.mobile-scrim{display:none}
.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin:2px 0 25px;display:flex}
.page-heading h1{color:#20304a;letter-spacing:-.55px;margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.35}
.page-heading__description{color:#77859a;margin:6px 0 0;font-size:13px}
.page-heading__eyebrow{color:#8391a6;margin:0 0 5px;font-size:11px}
.page-heading__action{align-items:center;gap:8px;display:flex}
.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:12px;font-weight:700;line-height:1.3;transition:transform .14s,background-color .17s,border-color .17s,box-shadow .17s;display:inline-flex}
.button:hover:not(:disabled){transform:translateY(-1px)}
.button:active:not(:disabled){transform:translateY(0)}
.button--primary{color:#fff;background:var(--brand);box-shadow:0 4px 10px #4680ff33}
.button--primary:hover:not(:disabled){background:#3b73ed;box-shadow:0 6px 14px #4680ff40}
.button--secondary{color:#354765;background:#fff;border-color:#dfe6f0}
.button--secondary:hover:not(:disabled){background:#f7f9fc;border-color:#cbd6e6}
.button--wide{width:100%;min-height:49px;margin-top:4px;font-size:13px}
.text-button,.subtle-link{color:#3c6fd3;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:5px;font-size:11px;font-weight:700;display:inline-flex}
.subtle-link:hover,.text-button:hover{color:#214da4}
.subtle-link svg{transform:rotate(180deg)}
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}
.service-launch-card{border:1px solid var(--line);min-height:91px;box-shadow:var(--shadow-card);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:15px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}
.service-launch-card:hover{border-color:#cbd9f2;transform:translateY(-2px);box-shadow:0 7px 18px #2d446e12}
.service-launch-card .quick-card__copy strong{font-size:12px}
.service-launch-card .quick-card__copy small{max-width:235px;font-size:9px}
.service-launch-card .quick-card__arrow{transform:rotate(180deg)}
.product-list{gap:14px;display:grid}
.product-card{border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);background:#fff;gap:14px;padding:19px;display:grid}
.product-card__top{align-items:center;gap:12px;min-width:0;display:flex}
.product-icon{border-radius:14px;flex:none;place-items:center;width:43px;height:43px;display:grid}
.product-icon--blue{color:#3774e5;background:#eaf1ff}
.product-icon--purple,.product-icon--violet{color:#7060c5;background:#f0eeff}
.product-icon--green{color:#17836b;background:#e8f6f2}
.product-card__title{flex:1;min-width:0}
.product-card__title h2{color:#2b3c55;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}
.product-card__title>span{color:#8490a2;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;display:block;overflow:hidden}
.product-card__actions{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}
.product-card__actions .button{min-height:38px;font-size:10px}
.product-card__actions .button--primary{margin-inline-start:auto}
.danger-icon{color:#a74250}
.danger-icon:hover{color:#8c2f3c;background:#fff1f2}
.vpn-usage{background:#f7f9fc;border:1px solid #edf0f5;border-radius:12px;gap:8px;padding:12px 14px;display:grid}
.vpn-usage>div:first-child,.vpn-meta{color:#75839a;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}
.vpn-usage>div:first-child strong{color:#3e5069;font-variant-numeric:tabular-nums;font-size:10px}
.usage-track{background:#e4eaf3;border-radius:10px;height:6px;overflow:hidden}
.usage-track span{border-radius:inherit;background:linear-gradient(90deg,#4680ff,#75a5ff);height:100%;display:block}
.vpn-credentials{background:#fbfcfe;border:1px solid #edf0f5;border-radius:12px;align-items:center;gap:14px;padding:10px 13px;display:flex}
.vpn-credentials>div{flex:1;min-width:0}
.vpn-credentials small,.vpn-credentials strong{display:block}
.vpn-credentials small{color:#8a96a7;font-size:9px}
.vpn-credentials strong{color:#35465e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}
.vpn-list-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:15px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px;padding:13px 16px;display:flex}
.vpn-list-toolbar__summary{align-items:center;gap:11px;min-width:0;display:flex}
.vpn-list-toolbar__icon{width:40px;height:40px;color:var(--brand-deep);background:#edf3ff;border-radius:12px;flex:none;place-items:center;display:grid}
.vpn-list-toolbar__summary strong,.vpn-list-toolbar__summary small{display:block}
.vpn-list-toolbar__summary small{color:var(--muted);margin-top:1px;font-size:11px}
.vpn-list-toolbar__page-size{color:#536783;background:#f5f7fb;border:1px solid #e9edf4;border-radius:9px;flex:none;padding:7px 10px;font-size:10px}
.vpn-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}
.vpn-card{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-card);border-radius:17px;align-content:start;gap:13px;padding:17px;display:grid;position:relative;overflow:hidden}
.vpn-card:before{background:var(--brand);opacity:.68;content:"";width:3px;position:absolute;inset-block:0;inset-inline-start:0}
.vpn-card__header{align-items:center;gap:11px;min-width:0;display:flex}
.vpn-card__icon{width:42px;height:42px;color:var(--brand-deep);background:#edf3ff;border-radius:13px;flex:none;place-items:center;display:grid}
.vpn-card__title{flex:1;min-width:0}
.vpn-card__title h2{color:#243754;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:700;overflow:hidden}
.vpn-card__identity{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:3px;font-size:10px;display:flex}
.vpn-card__identity>span:last-child{color:#71819a;font-variant-numeric:tabular-nums}
.vpn-card__separator{background:#aab5c3;border-radius:50%;width:3px;height:3px}
.vpn-card__status{white-space:nowrap;border-radius:20px;flex:none;align-items:center;gap:6px;min-height:27px;padding:3px 9px;font-size:10px;display:inline-flex}
.vpn-card__status i{background:currentColor;border-radius:50%;width:6px;height:6px}
.vpn-card__status.is-active{color:#176e5a;background:#e8f6f1}
.vpn-card__status.is-paused{color:#81641d;background:#fff5df}
.vpn-card__status.is-expired{color:#687588;background:#eef1f5}
.vpn-card__usage{background:#f7f9fc;border:1px solid #edf0f5;border-radius:13px;gap:10px;padding:12px 13px;display:grid}
.vpn-card__usage-head{justify-content:space-between;align-items:end;gap:10px;display:flex}
.vpn-card__usage-values{align-items:center;gap:13px;min-width:0;display:flex}
.vpn-card__usage-values>div{min-width:0}
.vpn-card__usage-values small,.vpn-card__usage-values strong{display:block}
.vpn-card__usage-values small{color:#75839a;font-size:10px}
.vpn-card__usage-values strong{color:#2c4263;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;font-size:12px}
.vpn-card__usage-divider{background:#dfe5ee;width:1px;height:27px}
.vpn-card__percent{color:#526b91;flex:none;font-size:10px}
.vpn-card__progress{background:#e1e8f2;border-radius:8px;height:7px;overflow:hidden}
.vpn-card__progress span{border-radius:inherit;background:linear-gradient(90deg,#3975ed,#72a0ff);height:100%;transition:width .25s;display:block}
.vpn-card__meta{color:#61728b;justify-content:space-between;align-items:center;gap:9px;font-size:10px;display:flex}
.vpn-card__meta>span{align-items:center;gap:5px;min-width:0;display:inline-flex}
.vpn-card__meta svg{color:#7b91b2;flex:none}
.vpn-card__credentials{background:#fff;border:1px solid #e8edf4;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;align-items:center;gap:10px;min-width:0;padding:9px 11px;display:grid}
.vpn-card__credential{min-width:0}
.vpn-card__credential small,.vpn-card__credential strong{display:block}
.vpn-card__credential small{color:#7f8da1;font-size:9px}
.vpn-card__credential strong{color:#314562;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}
.vpn-card__credential--password strong{letter-spacing:.08em}
.vpn-card__reveal{color:#637998;cursor:pointer;background:#f5f7fb;border:1px solid #e9edf4;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:grid}
.vpn-card__reveal:hover{color:var(--brand-deep);background:#edf3ff}
.vpn-card__actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}
.vpn-card__actions .button{min-height:44px;padding-inline:11px;font-size:10px}
.vpn-card__actions .button svg{flex:none}
.vpn-card__actions .button--primary{margin-inline-start:auto}
.vpn-pagination{justify-content:center;align-items:center;gap:8px;margin:22px 0 8px;display:flex}
.vpn-pagination__pages{align-items:center;gap:5px;display:flex}
.vpn-pagination__edge,.vpn-pagination__number{color:#52647e;cursor:pointer;background:#fff;border:1px solid #e1e7f0;border-radius:11px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 10px;display:inline-flex}
.vpn-pagination__edge{gap:5px;font-size:10px}
.vpn-pagination__number{font-variant-numeric:tabular-nums;font-size:12px}
.vpn-pagination__number.is-current{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 4px 10px #4680ff2e}
.vpn-pagination__edge:hover:not(:disabled),.vpn-pagination__number:hover:not(.is-current){color:var(--brand-deep);background:#f4f7ff;border-color:#cfdcf3}
.vpn-pagination__ellipsis{color:#8492a7;text-align:center;min-width:20px}
@media (width<=1100px){.vpn-service-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.vpn-card__progress span{transition:none}}
.cloud-specs{flex-wrap:wrap;gap:8px;display:flex}
.cloud-specs>span{color:#64758c;background:#f6f8fc;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:inline-flex}
.cloud-specs svg{color:#6489cf}
.cloud-ip-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}
.cloud-ip-list code{color:#40526b;background:#f3f6fb;border:1px solid #e7edf5;border-radius:8px;padding:6px 9px;font-size:10px}
.cloud-ip-list>span{color:#8591a3;font-size:9px}
.cloud-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}
.cloud-detail-grid>span{color:#7f8ba0;background:#f7f9fc;border-radius:10px;padding:10px;font-size:9px}
.cloud-detail-grid strong{color:#35465f;margin-top:2px;font-size:11px;display:block}
.cloud-actions,.confirm-action{gap:10px;margin-top:16px;display:grid}
.field select{color:#32445e;background:#fff;border:1px solid #dfe6ef;border-radius:10px;width:100%;min-height:45px;padding:9px 12px;font-size:11px}
.field select:focus{box-shadow:var(--focus);border-color:#8eaff0;outline:0}
.field input[type=file]{padding:7px 10px;font-size:10px}
.charge-layout,.domain-order-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:start;gap:15px;display:grid}
.charge-form,.charge-help,.domain-order-card,.domain-owned-list{padding:20px}
.charge-form .profile-card__heading,.domain-order-card .profile-card__heading{margin-bottom:4px}
.amount-presets{flex-wrap:wrap;gap:7px;display:flex}
.amount-presets .filter-tab{border-radius:8px}
.payment-methods{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}
.payment-methods legend{color:#43536c;margin-bottom:8px;font-size:10px;font-weight:700}
.payment-method{color:#6b7b92;border:1px solid var(--line);cursor:pointer;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}
.payment-method.is-selected{color:#356dce;background:#f4f7ff;border-color:#abc4f5}
.payment-method input{accent-color:var(--brand)}
.payment-method span{min-width:0}
.payment-method strong,.payment-method small{display:block}
.payment-method strong{color:#3d4e68;font-size:10px}
.payment-method small{color:#8a96a8;margin-top:2px;font-size:8px}
.charge-help{position:sticky;top:92px}
.charge-help h2{color:#31435d;margin:12px 0 3px;font-size:14px}
.charge-help>p{color:#8190a4;margin:0 0 17px;font-size:10px}
.charge-help__row{color:#8290a3;border-top:1px solid #edf0f5;justify-content:space-between;gap:10px;padding:10px 0;font-size:9px;display:flex}
.charge-help__row strong{color:#364a66;text-align:left}
.payment-result{flex-wrap:wrap;margin-top:13px}
.payment-result .button{min-height:37px}
.payment-result__actions{flex-wrap:wrap;gap:8px;margin-inline-start:auto;display:flex}
.domain-name-input{align-items:end;gap:8px;display:flex}
.domain-name-input .field{flex:1}
.domain-name-input b{color:#73849d;padding-bottom:9px;font-size:13px}
.availability-result{color:#85621a;background:#fff8e8;border:1px solid #f2e2bd;border-radius:11px;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}
.availability-result.is-available{color:#177d68;background:#edf9f5;border-color:#cfeade}
.availability-result>span{background:#ffffffb3;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}
.availability-result strong,.availability-result small{display:block}
.availability-result strong{font-size:11px}
.availability-result small{margin-top:2px;font-size:9px}
.domain-order-fields{border-top:1px solid #edf0f5;margin-top:16px;padding-top:15px}
.domain-owned-list .resource-row{padding-inline:3px}
.business-tabs{scrollbar-width:thin;border-bottom:1px solid #e5eaf1;gap:5px;margin:-2px 0 16px;padding:4px 2px 9px;display:flex;overflow-x:auto}
.business-tab{color:#738198;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;align-items:center;gap:7px;min-height:37px;padding:0 13px;font-size:10px;display:inline-flex}
.business-tab:hover{color:#3c6fd3;background:#f4f7fc}
.business-tab.is-selected{color:#356dce;background:#edf3ff;font-weight:700}
.business-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px;display:grid}
.business-stats>article{align-items:center;gap:10px;min-width:0;padding:14px;display:flex}
.business-stats>article>svg{color:#507bcb;flex:none}
.business-stats>article span{color:#7b899e;min-width:0;font-size:9px}
.business-stats>article strong{color:#31435e;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;display:block;overflow:hidden}
.business-form{max-width:840px}
.switch-row{color:#40516a;cursor:pointer;background:#f7f9fc;border:1px solid #e8edf4;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}
.switch-row input{width:17px;height:17px;accent-color:var(--brand)}
.switch-row strong,.switch-row small{display:block}
.switch-row strong{font-size:10px}
.switch-row small{color:#8793a5;font-size:9px}
.bot-prices,.bot-users{padding:18px}
.bot-plan-list{display:grid}
.bot-plan-row{border-bottom:1px solid #edf0f5;grid-template-columns:minmax(0,1fr) minmax(175px,230px);align-items:center;gap:14px;padding:10px 0;display:grid}
.bot-plan-row>span strong,.bot-plan-row>span small{display:block}
.bot-plan-row>span strong{color:#3a4d66;font-size:10px}
.bot-plan-row>span small{color:#8793a5;margin-top:2px;font-size:8px}
.bot-plan-row .field{gap:4px}
.inline-filter{align-items:end;gap:10px;margin-bottom:14px;display:flex}
.inline-filter .field{flex:1}
.inline-filter .button{flex:none;min-height:42px}
.responsive-table{overflow-x:auto}
.responsive-table__head,.responsive-table__row{grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(100px,.8fr)) minmax(95px,.7fr);align-items:center;gap:10px;min-width:700px;display:grid}
.campaign-performance-table--bale .responsive-table__head,.campaign-performance-table--bale .responsive-table__row{grid-template-columns:minmax(150px,1.5fr) repeat(5,minmax(100px,.8fr))}
.responsive-table__head{color:#8a96a7;background:#f7f9fc;border-radius:9px;padding:9px 10px;font-size:9px}
.responsive-table__row{color:#53647d;border-bottom:1px solid #edf0f5;min-height:61px;padding:8px 10px;font-size:9px}
.responsive-table__row>span:first-child strong,.responsive-table__row>span:first-child small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.responsive-table__row>span:first-child strong{color:#354862;font-size:10px}
.responsive-table__row>span:first-child small{color:#8995a7;margin-top:2px;font-size:8px}
.reseller-row{grid-template-columns:minmax(160px,1.6fr) repeat(4,minmax(90px,.8fr)) minmax(150px,1fr)}
.row-actions{align-items:center;gap:3px;display:flex}
.row-actions button{color:#657791;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}
.row-actions button:hover{color:#356dce;background:#edf3ff}
.bot-user-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px}
.bot-user-actions .button{white-space:nowrap;min-height:34px;padding:6px 10px;font-size:8px}
.idea-card{max-width:790px;padding:23px}
.idea-card h2{color:#31435d;margin:12px 0 2px;font-size:15px}
.idea-card>p{color:#8290a4;margin:0 0 18px;font-size:10px}
.overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,.72fr);gap:18px;display:grid}
.balance-panel{color:#fff;border-radius:var(--radius-card);background:#326de4;min-width:0;padding:24px 25px 14px;overflow:hidden;box-shadow:0 10px 26px #3166cc29}
.balance-panel__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}
.balance-panel__eyebrow{color:#e3ecff;align-items:center;gap:7px;font-size:12px;display:flex}
.balance-panel__amount{letter-spacing:.2px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(28px,3.3vw,39px);line-height:1.4;display:block}
.balance-panel__amount small{font-size:12px;font-weight:400}
.balance-panel__note{color:#ffffffbf;margin-top:-1px;font-size:11px;display:block}
.balance-panel__badge{color:#ebf2ff;white-space:nowrap;background:#10307530;border:1px solid #ffffff2b;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:inline-flex}
.wallet-chart{margin-top:18px}
.wallet-chart__labels,.wallet-chart__dates{color:#ffffffc7;justify-content:space-between;font-size:10px;display:flex}
.wallet-chart__svg{width:100%;height:118px;margin-top:4px;display:block;overflow:visible}
.wallet-chart__dates{color:#ffffffad}
.chart-empty{color:#ffffffc7;border-top:1px solid #fff3;place-items:center;height:145px;margin-top:15px;font-size:11px;display:grid}
.account-side{flex-direction:column;gap:12px;min-width:0;display:flex}
.gift-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:105px;padding:17px;display:flex;position:relative;overflow:hidden}
.gift-card__icon{color:#9a6a1b;background:#fff5df;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}
.gift-card span,.gift-card strong{display:block}
.gift-card div span{color:#7b8799;font-size:11px}
.gift-card div strong{color:#293a55;font-variant-numeric:tabular-nums;margin-top:3px;font-size:19px}
.gift-card div small{color:#7e8a9c;font-size:10px;font-weight:400}
.gift-card__mark{inset-inline-start:-12px;color:#fcf3df;font-family:Arial,sans-serif;font-size:89px;font-weight:300;line-height:1;position:absolute;bottom:-33px}
.service-counts{grid-template-columns:1fr 1fr;gap:10px;display:grid}
.service-count{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;min-height:76px;padding:11px 10px;transition:border .16s,transform .16s;display:flex}
.service-count:hover{border-color:#bfd1f7;transform:translateY(-1px)}
.service-count>span:nth-child(2){flex:1;min-width:0}
.service-count strong,.service-count small{display:block}
.service-count strong{color:#293a55;font-size:17px;line-height:1.25}
.service-count small{color:#7c899c;white-space:nowrap;margin-top:2px;font-size:9px}
.service-count>svg{color:#9aa6b7}
.service-count__icon{border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}
.service-count__icon--blue{color:#3d70d0;background:#eaf1ff}
.service-count__icon--purple{color:#6956bd;background:#f0edff}
.account-level{color:#8591a3;align-items:center;gap:10px;min-height:51px;padding:4px 5px;display:flex}
.account-level__ring{color:#416dc0;background:#eaf0fc;border:1px solid #d9e4f9;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}
.account-level div{flex:1;min-width:0}
.account-level strong,.account-level div span{display:block}
.account-level strong{color:#465872;font-size:11px}
.account-level div span{color:#8490a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}
.quick-section{margin-top:29px}
.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}
.section-heading h2{color:#283950;margin:0;font-size:15px;line-height:1.4}
.section-heading p{color:#8792a3;margin:3px 0 0;font-size:10px}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}
.quick-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:12px;min-height:81px;padding:14px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}
.quick-card:hover{border-color:#cbd9f2;transform:translateY(-2px);box-shadow:0 6px 15px #2d446e0e}
.quick-card__icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}
.quick-card__icon--blue{color:#3774e5;background:#eaf1ff}
.quick-card__icon--green{color:#17836b;background:#e8f6f2}
.quick-card__icon--violet{color:#7060c5;background:#f0eeff}
.quick-card__copy{flex:1;min-width:0}
.quick-card__copy strong,.quick-card__copy small{display:block}
.quick-card__copy strong{color:#31425b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}
.quick-card__copy small{color:#8793a4;margin-top:2px;font-size:9px;line-height:1.5}
.quick-card__arrow{color:#9ba6b6;flex:none;transform:rotate(180deg)}
.dashboard-bottom{grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:16px;margin-top:22px;display:grid}
.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);padding:20px}
.transactions-card,.resources-card{min-height:250px}
.transaction-list{display:grid}
.transaction-row{border-bottom:1px solid #edf0f5;align-items:center;gap:12px;min-height:67px;display:flex}
.transaction-row:last-child{border-bottom:0}
.transaction-icon{border-radius:12px;flex:none;place-items:center;width:37px;height:37px;display:grid}
.transaction-icon--in{color:var(--green);background:var(--green-soft)}
.transaction-icon--out{color:#b75b65;background:#fff0f1}
.transaction-row__main{flex:1;min-width:0}
.transaction-row__main strong,.transaction-row__main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.transaction-row__main strong{color:#3b4b63;font-size:11px;font-weight:700}
.transaction-row__main span{color:#8a96a7;margin-top:2px;font-size:9px}
.transaction-row__amount{color:#a94753;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px}
.transaction-row__amount.is-positive{color:var(--green)}
.transaction-row__amount small{color:#8b97a7;font-size:9px;font-weight:400}
.resource-list{display:grid}
.resource-row{border-bottom:1px solid #edf0f5;align-items:center;gap:10px;min-height:57px;display:flex}
.resource-row:last-child{border-bottom:0}
.resource-row__icon{color:#3973dc;background:#edf3ff;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;display:grid}
.resource-row__icon--purple{color:#705ec2;background:#f1efff}
.resource-row__name{flex:1;min-width:0}
.resource-row__name strong,.resource-row__name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.resource-row__name strong{color:#394a63;font-size:10px}
.resource-row__name small{color:#8995a7;font-size:9px}
.status-dot{color:#9a781f;white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:9px;display:inline-flex}
.status-dot i,.status-pill i{background:#c79737;border-radius:50%;width:6px;height:6px}
.status-dot--on{color:#227764}
.status-dot--on i{background:#2c9b7f}
.loading-state{color:#76859a;justify-content:center;align-items:center;gap:9px;min-height:145px;font-size:12px;display:flex}
.loading-state--page{height:100dvh}
.spin{animation:.9s linear infinite spin}
@keyframes spin{to{transform:rotate(360deg)}}
.notice{border:1px solid;border-radius:11px;align-items:center;gap:9px;margin:0 0 15px;padding:11px 13px;font-size:11px;display:flex}
.notice p{flex:1;margin:0}
.notice--error{color:#8f3543;background:#fff3f4;border-color:#f0cdd1}
.notice--success{color:#176c59;background:#edf9f5;border-color:#cfeade}
.notice .text-button{color:inherit;margin-inline-start:auto}
.telegram-link-card{color:#fff;background:linear-gradient(112deg,#263d63 0%,#315a96 100%);border:1px solid #ffffff26;border-radius:18px;align-items:center;gap:16px;margin:0 0 20px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #1f3a611f}
.telegram-link-card:after{inset-inline-end:-44px;content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:230px;height:190px;position:absolute;bottom:-95px;box-shadow:0 0 0 20px #ffffff09,0 0 0 42px #ffffff06}
.telegram-link-card__icon{z-index:1;color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}
.telegram-link-card__copy{z-index:1;flex:1;min-width:0}
.telegram-link-card__copy strong{font-size:15px;font-weight:750;line-height:1.5;display:block}
.telegram-link-card__copy p{color:#ffffffc7;max-width:700px;margin:4px 0 0;font-size:12px;line-height:1.8}
.telegram-link-card__action{z-index:1;flex:none;justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}
.telegram-link-card__actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}
.telegram-link-card__check{color:#fff!important;background:#ffffff1a!important;border-color:#ffffff52!important}
.telegram-link-card__check:hover{background:#ffffff2e!important}
.telegram-link-card--connected{color:#175c4d;box-shadow:none;background:linear-gradient(112deg,#effaf6,#e1f4ed);border-color:#cde9de}
.telegram-link-card--connected:after{border-color:#1a785d1a;box-shadow:0 0 0 20px #1a785d08,0 0 0 42px #1a785d05}
.telegram-link-card--connected .telegram-link-card__icon{color:#168263;background:#d9f1e8;border-color:#cce9de}
.telegram-link-card--connected .telegram-link-card__copy p{color:#4f8274}
.telegram-link-card__status{z-index:1;color:#176c59;background:#d8f2e8;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}
.telegram-link-card__status i{background:#249b76;border-radius:50%;width:7px;height:7px}
.telegram-link-card--compact{margin-top:2px;padding:16px 18px}
.telegram-link-card__modal-copy{color:#68778d;margin:0;font-size:13px;line-height:1.8}
@media (width<=700px){.telegram-link-card{border-radius:15px;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px}.telegram-link-card__icon{border-radius:13px;width:42px;height:42px}.telegram-link-card__copy{flex-basis:calc(100% - 56px);padding-top:1px}.telegram-link-card__copy strong{font-size:13px}.telegram-link-card__copy p{font-size:11px}.telegram-link-card__actions{flex-direction:column;width:100%}.telegram-link-card__actions .button{width:100%}.telegram-link-card__status{margin-inline-start:54px}}
.reseller-conversion-card{color:#314665;background:linear-gradient(120deg,#fff 0%,#f5f8ff 100%);border:1px solid #dce6f7;border-radius:18px;align-items:center;gap:16px;margin:0 0 20px;padding:20px;display:flex;box-shadow:0 10px 28px #294b7e12}
.reseller-conversion-card__icon{color:#3974df;background:#eaf1ff;border:1px solid #dce8ff;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}
.reseller-conversion-card__content{flex:1;min-width:0}
.reseller-conversion-card__heading{flex-wrap:wrap;align-items:center;gap:5px 10px;display:flex}
.reseller-conversion-card__eyebrow{color:#4778ce;font-size:9px;font-weight:750}
.reseller-conversion-card h2{color:#263c5d;margin:0;font-size:14px;font-weight:750;line-height:1.6}
.reseller-conversion-card__content>p{color:#71819a;margin:4px 0 0;font-size:10px;line-height:1.8}
.reseller-conversion-card__balance{grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:12px;max-width:520px;margin-top:11px;display:grid}
.reseller-conversion-card__balance>div:first-child{flex-wrap:wrap;align-items:baseline;gap:4px 9px;display:flex}
.reseller-conversion-card__balance span{color:#8794a8;font-size:9px}
.reseller-conversion-card__balance strong{color:#334b70;font-variant-numeric:tabular-nums;font-size:11px}
.reseller-conversion-card__balance strong small{color:#93a0b2;font-size:9px;font-weight:400}
.reseller-conversion-card__progress{background:#e6ebf4;border-radius:99px;height:6px;overflow:hidden}
.reseller-conversion-card__progress span{border-radius:inherit;background:linear-gradient(90deg,#5288ed,#3166ce);height:100%;transition:width .2s;display:block}
.reseller-conversion-card__content>.reseller-conversion-card__hint{color:#677c9a;margin-top:5px;font-size:9px}
.reseller-conversion-card__actions{flex-direction:column;flex:none;gap:7px;display:flex}
.reseller-conversion-card__actions .button{white-space:nowrap;justify-content:center;min-height:39px;padding-inline:13px;font-size:10px}
.reseller-conversion-card__actions .button:disabled{color:#8995a8;cursor:not-allowed;opacity:.85;background:#f1f3f7;border-color:#e1e5ec}
.reseller-conversion-card__error{font-weight:650;color:#b42332!important}
.reseller-conversion-card .is-spinning{animation:.9s linear infinite spin}
@media (width<=700px){.reseller-conversion-card{border-radius:15px;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:15px}.reseller-conversion-card__icon{border-radius:13px;width:42px;height:42px}.reseller-conversion-card__content{flex-basis:calc(100% - 56px)}.reseller-conversion-card h2{font-size:12px}.reseller-conversion-card__balance{grid-template-columns:1fr;gap:5px}.reseller-conversion-card__actions{flex-direction:row;width:100%}.reseller-conversion-card__actions .button{white-space:normal;flex:1;min-height:44px}}
.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:15px;display:flex}
.empty-state__icon{color:#4c75c1;background:#edf3ff;border-radius:15px;place-items:center;width:45px;height:45px;display:grid}
.empty-state h3{color:#34445d;margin:10px 0 2px;font-size:13px}
.empty-state p{color:#8692a4;max-width:380px;margin:0 0 11px;font-size:10px}
.domain-list{gap:14px;display:grid}
.domain-card{border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:19px}
.domain-card__top{align-items:center;gap:12px;display:flex}
.domain-card__icon{color:#3973dc;background:#edf3ff;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid}
.domain-card__identity{flex:1;min-width:0}
.domain-card__identity h2{color:#2f4260;text-align:right;overflow-wrap:anywhere;margin:0;font-family:Arial,sans-serif;font-size:16px;font-weight:700}
.domain-card__identity span{color:#8b96a6;font-size:9px}
.status-pill{white-space:nowrap;border-radius:20px;flex:none;align-items:center;gap:6px;min-height:27px;padding:3px 9px;font-size:9px;display:inline-flex}
.status-pill--success{color:#176e5a;background:#e8f6f1}
.status-pill--success i{background:#299578}
.status-pill--waiting{color:#8c671d;background:#fff6e5}
.status-pill--inactive{color:#727d8e;background:#eef1f5}
.status-pill--inactive i{background:#8994a5}
.nameserver-box{background:#f7f9fc;border:1px solid #edf0f5;border-radius:13px;margin-top:18px;padding:14px 15px 8px}
.nameserver-box__title{color:#53637a;grid-template-columns:18px auto 1fr;align-items:center;gap:7px;font-size:10px;display:grid}
.nameserver-box__title svg{color:#4976c9}
.nameserver-box__title small{color:#909bad;text-align:left;font-size:9px}
.nameserver-row{border-top:1px solid #e8edf4;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;min-height:42px;display:grid}
.nameserver-box__title+.nameserver-row{margin-top:10px}
.nameserver-row>span{color:#8793a4;font-size:9px}
.nameserver-row code{color:#344965;overflow-wrap:anywhere;font-family:Arial,sans-serif;font-size:11px}
.copy-button{color:#5575ae;cursor:pointer;background:#fff;border:1px solid #e1e8f1;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:61px;min-height:34px;padding:0 8px;font-size:9px;display:inline-flex}
.copy-button:hover{color:#315fae;border-color:#c4d3ec}
.wallet-summary{align-items:center;gap:13px;margin-bottom:16px;padding:18px 20px;display:flex}
.wallet-summary__icon{color:#3e73d6;background:#edf3ff;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid}
.wallet-summary>div:nth-child(2){flex:1}
.wallet-summary span,.wallet-summary strong{display:block}
.wallet-summary span{color:#78869a;font-size:10px}
.wallet-summary strong{color:#283b58;font-variant-numeric:tabular-nums;margin-top:1px;font-size:22px}
.wallet-summary strong small{color:#8490a1;font-size:10px;font-weight:400}
.wallet-summary__gift{border-inline-start:1px solid var(--line);min-width:150px;padding-inline-start:22px}
.wallet-summary__gift strong{font-size:16px}
.wallet-history{padding-bottom:14px}
.filter-tabs{background:#f1f4f8;border-radius:10px;align-items:center;gap:3px;padding:3px;display:flex}
.filter-tab{color:#7b899d;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:54px;min-height:34px;padding:0 10px;font-size:10px}
.filter-tab.is-selected{color:#365fa7;background:#fff;box-shadow:0 1px 4px #1d30521a}
.transaction-kind{color:#7d899c;font-size:10px}
.load-more{color:#416fca;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;min-height:43px;margin-top:8px;font-size:10px;font-weight:700;display:flex}
.load-more svg{transform:rotate(180deg)}
.ticket-list-card{padding:8px 19px}
.ticket-list__head,.ticket-row{grid-template-columns:minmax(0,1.5fr) minmax(150px,.8fr) 130px 20px;align-items:center;gap:12px;display:grid}
.ticket-list__head{color:#8c98a8;border-bottom:1px solid #e9edf3;min-height:43px;padding:0 4px;font-size:9px}
.ticket-row{border-bottom:1px solid #edf0f5;min-height:71px;padding:7px 4px;transition:background .15s}
.ticket-row:last-child{border-bottom:0}
.ticket-row:hover{background:#fafbfd}
.ticket-row__title{align-items:center;gap:10px;min-width:0;display:flex}
.ticket-row__icon{color:#695bb8;background:#f1efff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}
.ticket-row__title strong,.ticket-row__title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.ticket-row__title strong{color:#3a4b65;font-size:11px}
.ticket-row__title small,.ticket-row__date{color:#8a96a8;font-size:9px}
.ticket-row__arrow{color:#9aa6b6;transform:rotate(180deg)}
.back-link{color:#5373ad;align-items:center;gap:7px;margin:0 0 17px;font-size:11px;display:inline-flex}
.back-link:hover{color:#28539f}
.back-link svg{transform:rotate(180deg)}
.conversation{gap:12px;padding:20px;display:grid}
.message-bubble{border:1px solid #e6ebf3;border-radius:14px 4px 14px 14px;width:min(88%,720px);padding:13px 15px}
.message-bubble--user{background:#f7f9fd;justify-self:start}
.message-bubble--support{background:#eef4ff;border-color:#dbe6fb;border-radius:4px 14px 14px;justify-self:end}
.message-bubble__meta{color:#6c7b90;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}
.message-bubble__meta time{color:#909bad}
.message-bubble p{color:#384a63;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}
.reply-form{border-top:1px solid var(--line);margin-top:8px;padding-top:17px}
.reply-form label{color:#44536a;margin-bottom:7px;font-size:11px;font-weight:700;display:block}
.reply-form textarea{width:100%}
.reply-form__actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}
.reply-form__actions>span{color:#8b97a8;font-size:9px}
.conversation-closed{color:#4a765f;background:#f0f8f4;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:55px;margin-top:6px;font-size:11px;display:flex}
.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px;display:grid}
.profile-card{padding:21px}
.profile-card__heading{align-items:center;gap:11px;margin-bottom:19px;display:flex}
.profile-section-icon{color:#3972d7;background:#edf3ff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}
.profile-section-icon--secure{color:#16816c;background:#e9f6f2}
.profile-card__heading h2{color:#34465f;margin:0;font-size:13px}
.profile-card__heading p{color:#8b97a8;margin:2px 0 0;font-size:9px}
.form-stack{gap:14px;display:grid}
.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}
.field{gap:6px;display:grid}
.field label{color:#43536c;font-size:10px;font-weight:700}
.field input,.field textarea,.reply-form textarea{color:#32445e;background:#fff;border:1px solid #dfe6ef;border-radius:10px;width:100%;min-width:0;min-height:45px;padding:10px 12px;font-size:12px;transition:border .16s,box-shadow .16s}
.field input::placeholder,.field textarea::placeholder,.reply-form textarea::placeholder{color:#abb4c1}
.field input:focus,.field textarea:focus,.reply-form textarea:focus{box-shadow:var(--focus);border-color:#8eaff0;outline:0}
.field input[readonly]{color:#718097;background:#f6f8fb}
.field textarea,.reply-form textarea{resize:vertical;min-height:110px}
.field small{color:#8693a6;font-size:9px}
.field .field__error{color:var(--red)}
.form-error{color:#8f3543;background:#fff3f4;border:1px solid #f1d2d6;border-radius:9px;padding:9px 11px;font-size:10px}
.form-actions{justify-content:flex-start;padding-top:2px;display:flex}
.password-hint{color:#6d837e;align-items:center;gap:7px;font-size:9px;display:flex}
.password-hint svg{color:#299377}
.logout-link{color:#a3434e;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;min-height:42px;margin-top:17px;padding:0 12px;font-size:11px;display:inline-flex}
.logout-link:hover{background:#fff0f1}
.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e1a2f7a;place-items:center;padding:20px;animation:.14s ease-out backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}
@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}
.modal{background:#fff;border:1px solid #ffffffa6;border-radius:19px;width:min(100%,475px);padding:21px;animation:.18s ease-out modal-in;box-shadow:0 22px 70px #0b1b3533}
@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}
.modal__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}
.modal__head h2{color:#2e4059;margin:0;font-size:16px}
.modal__head p{color:#8592a5;margin:3px 0 0;font-size:10px}
.modal__form{gap:13px}
.modal__actions{justify-content:flex-end;gap:8px;margin-top:3px;display:flex}
.auth-shell{direction:rtl;background:#fff;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);min-height:100vh;display:grid}
.auth-form-panel{flex-direction:column;min-height:100vh;padding:27px clamp(24px,6vw,90px) 18px;display:flex}
.auth-brand{color:#263954;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}
.auth-brand img{border-radius:12px}
.auth-form-wrap{width:min(100%,380px);margin:auto;padding:34px 0}
.auth-heading{margin-bottom:25px}
.auth-heading__icon{color:#3e72d0;background:#edf3ff;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}
.auth-heading p{color:#6c7d95;margin:19px 0 2px;font-size:11px}
.auth-heading h1{color:#1e304a;letter-spacing:-.6px;margin:0;font-size:27px}
.auth-heading>span:last-child{color:#8491a4;margin-top:4px;font-size:11px;display:block}
.auth-form-wrap .form-stack{gap:16px}
.password-input{position:relative}
.password-input input{color:#32445e;text-align:left;direction:ltr;background:#fff;border:1px solid #dfe6ef;border-radius:10px;width:100%;min-height:47px;padding:10px 12px 10px 46px;font-size:12px}
.password-input input:focus{box-shadow:var(--focus);border-color:#8eaff0;outline:0}
.password-input input::placeholder{color:#abb4c1}
.password-input__toggle{top:3px;color:#8290a3;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:41px;height:41px;display:grid;position:absolute;inset-inline-start:3px}
.password-input__toggle:hover{color:#426fc7;background:#f4f7fc}
.auth-footnote{color:#77899f;align-items:center;gap:7px;margin:20px 0 0;font-size:9px;display:flex}
.auth-footnote svg{color:#4a86c6}
.auth-switch{color:#78869a;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:21px;font-size:11px;display:flex}
.auth-switch a{color:#356acb;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}
.auth-switch a:hover{color:#244f9e;background:#eef4ff}
.auth-form-wrap--register{width:min(100%,460px);padding-block:23px}
.auth-form-wrap--register .auth-heading{margin-bottom:18px}
.auth-form-wrap--register .form-stack{gap:12px}
.auth-form-wrap--register .form-row{gap:11px}
.preview-banner{color:#375e9f;background:#edf4ff;border:1px solid #d8e6ff;border-radius:13px;align-items:center;gap:12px;margin-bottom:22px;padding:13px 16px;display:flex}
.preview-banner>svg{flex:none}
.preview-banner>span{flex:1;min-width:0}
.preview-banner strong,.preview-banner small{display:block}
.preview-banner strong{font-size:11px}
.preview-banner small{color:#6f83a5;margin-top:1px;font-size:9px}
.preview-banner>a{color:#356acb;flex:none;font-size:10px;font-weight:700}
.preview-banner>a:hover{text-decoration:underline}
.preview-chip{color:#426cbb;background:#eef4ff;border:1px solid #dce8ff;border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:inline-flex}
.nav-link--preview{cursor:default}
.nav-link--preview:not(.is-active){opacity:.76}
.nav-link--preview:hover{color:#c1ccdd;background:0 0}
.nav-link--preview.is-active:hover{color:#fff;background:#4680ff38}
.preview-login-link{color:#3e70ce;background:#edf3ff;border-radius:9px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}
.preview-login-link:hover{background:#e2ecff}
.auth-copyright{color:#9ba5b3;font-size:9px}
.auth-story{color:#fff;background:#2863d1;align-items:center;min-height:100vh;padding:clamp(35px,8vw,110px);display:flex;position:relative;overflow:hidden}
.auth-story:before{content:"";top:-155px;border:1px solid #ffffff29;border-radius:50%;width:450px;height:450px;animation:12s ease-in-out infinite auth-story-orbit-upper;position:absolute;inset-inline-end:-125px;box-shadow:0 0 0 35px #ffffff09,0 0 0 80px #ffffff07}
.auth-story:after{content:"";bottom:-205px;border:1px solid #ffffff21;border-radius:50%;width:540px;height:540px;animation:16s ease-in-out infinite auth-story-orbit-lower;position:absolute;inset-inline-start:-200px}
.auth-story__grid{opacity:.13;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-position:50%;background-size:54px 54px;animation:5.5s ease-in-out infinite auth-story-grid-breathe;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 0%,#000 48%,#0000 100%);mask-image:linear-gradient(135deg,#0000 0%,#000 48%,#0000 100%)}
.auth-story__content{z-index:1;max-width:460px;animation:.75s cubic-bezier(.2,.7,.25,1) both auth-story-arrive;position:relative}
.auth-story__signal{color:#eaf1ff;background:#0c30772e;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;animation:4.2s ease-in-out 1.2s infinite auth-story-signal-glow;display:inline-flex}
.auth-story__mark{border:4px solid #ffffff4d;border-radius:21px;width:68px;height:68px;margin:35px 0 22px;animation:3.6s ease-in-out .5s infinite auth-story-mark-float;display:block;box-shadow:0 12px 26px #13316b30}
.auth-story h2{letter-spacing:-.7px;margin:0;font-size:clamp(31px,4.4vw,48px);line-height:1.5}
.auth-story__content>p{color:#e1eaff;max-width:355px;margin:12px 0 0;font-size:14px}
.auth-story__line{gap:6px;margin-top:36px;display:flex}
.auth-story__line span{background:#ffffff5c;border-radius:3px;width:25px;height:4px}
.auth-story__line span:first-child{background:#fff;width:52px}
.auth-story__footer{z-index:1;bottom:25px;color:#ffffffb8;font-size:10px;position:absolute;inset-inline-end:clamp(35px,8vw,110px)}
@keyframes auth-story-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-story-orbit-upper{0%,to{opacity:.8;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate(-34px,24px)scale(1.04)}}
@keyframes auth-story-orbit-lower{0%,to{opacity:.68;transform:translate(0,0)scale(1)}50%{opacity:.98;transform:translate(38px,-30px)scale(1.035)}}
@keyframes auth-story-grid-breathe{0%,to{opacity:.08}50%{opacity:.21}}
@keyframes auth-story-signal-glow{0%,to{border-color:#fff3;box-shadow:0 0 #fff0}50%{border-color:#ffffff80;box-shadow:0 0 0 6px #ffffff0e}}
@keyframes auth-story-mark-float{0%,to{transform:translateY(0);box-shadow:0 12px 26px #13316b30}50%{transform:translateY(-11px);box-shadow:0 20px 34px #13316b4d}}
@media (width<=1180px){.app-frame{grid-template-columns:235px minmax(0,1fr)}.overview-grid{grid-template-columns:minmax(0,1.25fr) minmax(245px,.78fr)}.page-content,.topbar{padding-inline:28px}.service-count{gap:7px;padding-inline:8px}.service-count__icon{width:30px;height:30px}}
@media (width<=960px){.app-frame{grid-template-columns:220px minmax(0,1fr)}.overview-grid{grid-template-columns:1fr}.account-side{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch;display:grid}.gift-card{grid-row:span 2}.account-level{align-self:center}.dashboard-bottom,.profile-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charge-layout,.domain-order-layout{grid-template-columns:1fr}.charge-help{position:static}.business-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=720px){body{font-size:14px}html,body{overflow-x:hidden}#root,.app-frame,.workspace{width:100%;min-width:0;max-width:100%}.app-frame{min-height:100dvh;padding-bottom:calc(77px + env(safe-area-inset-bottom));display:block}.sidebar{display:none}.topbar{min-height:64px;padding:0 17px}.topbar__location{flex:1;gap:6px;font-size:10px}.topbar__location>span{display:none}.topbar__location strong{font-size:11px}.topbar__right{gap:7px}.topbar__date,.topbar__divider,.topbar__name,.topbar__logout{display:none}.avatar--small{width:33px;height:33px}.page-content{min-height:calc(100dvh - 125px);padding:25px 16px 37px}.workspace-footer{display:none}.mobile-nav{inset-inline:0;z-index:60;padding:7px 8px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #e4e9f1;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;box-shadow:0 -5px 22px #2233500e}.mobile-nav .nav-link{color:#8290a4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:55px;padding:4px 2px;font-size:9px;display:flex}.mobile-nav .nav-link.is-active{color:#356dce;background:#f1f5fd}.mobile-nav .nav-link.is-active:before,.mobile-nav .nav-link__chevron{display:none}.page-heading{align-items:flex-start;margin-bottom:19px}.page-heading h1{font-size:22px}.page-heading__description{max-width:340px;font-size:11px}.page-heading__action .button{min-height:40px;padding-inline:11px;font-size:10px}.overview-grid{gap:12px}.balance-panel{border-radius:16px;padding:19px 18px 12px}.balance-panel__amount{font-size:31px}.balance-panel__badge{padding:5px 8px;font-size:9px}.balance-panel__note{max-width:210px;font-size:9px}.wallet-chart{margin-top:15px}.wallet-chart__svg{height:105px}.account-side{grid-template-columns:1fr 1fr;gap:8px}.gift-card{grid-area:auto/span 2;min-height:81px;padding:12px 14px}.gift-card__icon{width:36px;height:36px}.gift-card div strong{font-size:17px}.service-counts{gap:7px}.service-count{gap:6px;min-height:67px;padding:8px 7px}.service-count__icon{width:28px;height:28px}.service-count__icon svg{width:15px}.service-count strong{font-size:15px}.service-count small{font-size:8px}.service-count>svg{display:none}.account-level{gap:7px;min-height:67px;padding:6px 4px}.account-level__ring{width:31px;height:31px}.account-level strong{font-size:9px}.account-level div span{max-width:100px;font-size:8px}.quick-section{margin-top:23px}.section-heading{align-items:flex-start;margin-bottom:11px}.section-heading h2{font-size:13px}.quick-grid{grid-template-columns:1fr;gap:8px}.quick-card{min-height:64px;padding:10px 12px}.quick-card__icon{width:37px;height:37px}.quick-card__copy strong{font-size:10px}.quick-card__copy small{font-size:9px}.dashboard-bottom{gap:11px;margin-top:18px}.surface-card{border-radius:15px;padding:15px}.transactions-card,.resources-card{min-height:0}.transaction-row{gap:8px;min-height:62px}.transaction-icon{width:33px;height:33px}.transaction-row__main strong{font-size:10px}.transaction-row__main span{font-size:8px}.transaction-row__amount{font-size:10px}.transaction-row__amount small{font-size:8px}.resource-row{gap:8px}.resource-row__name strong{font-size:9px}.status-dot{font-size:8px}.domain-card{border-radius:15px;padding:14px}.domain-card__top{align-items:flex-start;gap:9px}.domain-card__icon{width:37px;height:37px}.domain-card__identity h2{font-size:14px}.status-pill{min-height:24px;padding-inline:7px;font-size:8px}.nameserver-box{padding:11px 10px 5px}.nameserver-box__title{grid-template-columns:17px auto}.nameserver-box__title small{text-align:right;grid-column:2}.nameserver-row{grid-template-columns:74px minmax(0,1fr) 53px;gap:7px;min-height:46px}.nameserver-row>span{font-size:8px}.nameserver-row code{font-size:9px}.copy-button{gap:3px;min-width:48px;min-height:32px;padding-inline:5px;font-size:8px}.wallet-summary{gap:10px;padding:14px}.wallet-summary__icon{width:38px;height:38px}.wallet-summary strong{font-size:17px}.wallet-summary__gift{min-width:104px;padding-inline-start:12px}.wallet-summary__gift strong{font-size:13px}.wallet-history{padding:14px}.filter-tabs{gap:1px}.filter-tab{min-width:44px;min-height:32px;padding-inline:7px;font-size:9px}.transaction-kind{display:none}.ticket-list-card{padding:5px 12px}.ticket-list__head{display:none}.ticket-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:74px;padding:9px 2px;position:relative}.ticket-row__title{grid-area:1/1/span 2}.ticket-row__date{text-align:left;grid-area:1/2;font-size:8px}.ticket-row .status-pill{grid-area:2/2;justify-self:start}.ticket-row__arrow{display:none}.ticket-row__title strong{max-width:45vw;font-size:10px}.ticket-row__title small{font-size:8px}.conversation{gap:10px;padding:13px}.message-bubble{width:94%;padding:11px 12px}.message-bubble p{font-size:11px}.reply-form__actions{flex-direction:column;align-items:flex-start}.profile-card{padding:15px}.services-grid{grid-template-columns:1fr;gap:8px}.service-launch-card{min-height:72px;padding:11px}.product-card{border-radius:15px;gap:11px;padding:14px}.product-card__top{gap:8px}.product-icon{border-radius:12px;width:37px;height:37px}.product-card__title h2{font-size:12px}.product-card__actions{gap:6px}.product-card__actions .button{min-height:35px;padding-inline:9px;font-size:8px}.product-card__actions .button--primary{margin-inline-start:0}.vpn-usage{padding:10px}.vpn-meta{flex-direction:column;align-items:flex-start;gap:2px}.vpn-list-toolbar{align-items:flex-start;gap:8px;padding:11px}.vpn-list-toolbar__icon{width:36px;height:36px}.vpn-list-toolbar__summary strong{font-size:11px}.vpn-list-toolbar__summary small{font-size:9px}.vpn-list-toolbar__page-size{padding:6px 7px;font-size:9px}.vpn-card{gap:11px;padding:14px}.vpn-card__header{gap:8px}.vpn-card__icon{border-radius:11px;width:38px;height:38px}.vpn-card__title h2{font-size:12px}.vpn-card__identity{font-size:9px}.vpn-card__status{min-height:25px;padding-inline:7px;font-size:9px}.vpn-card__usage{gap:8px;padding:10px}.vpn-card__usage-values{gap:9px}.vpn-card__usage-values small,.vpn-card__meta{font-size:9px}.vpn-card__usage-values strong{font-size:10px}.vpn-card__percent{font-size:9px}.vpn-card__credentials{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:7px;padding:8px}.vpn-card__credential small{font-size:8px}.vpn-card__credential strong{font-size:10px}.vpn-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.vpn-card__actions .button{min-height:44px;padding-inline:7px;font-size:9px}.vpn-card__actions .button--primary{grid-column:1/-1;margin-inline-start:0}.vpn-pagination{gap:4px}.vpn-pagination__pages{gap:3px}.vpn-pagination__edge,.vpn-pagination__number{min-width:40px;min-height:44px;padding-inline:7px}.vpn-pagination__edge{gap:2px;font-size:9px}.cloud-specs{gap:5px}.cloud-specs>span{padding:6px;font-size:8px}.cloud-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charge-form,.charge-help,.domain-order-card,.domain-owned-list,.bot-prices,.bot-users{padding:14px}.payment-methods{grid-template-columns:1fr}.payment-result{align-items:flex-start}.payment-result__actions{width:100%;margin-inline-start:0}.payment-result .button{width:100%}.business-tabs{margin-inline:-16px;padding-inline:14px}.business-stats{grid-template-columns:1fr 1fr;gap:7px}.business-stats>article{gap:7px;padding:10px}.business-stats>article strong{font-size:10px}.bot-plan-row{grid-template-columns:1fr;gap:7px;padding-block:12px}.inline-filter{flex-direction:column;align-items:stretch}.inline-filter .button{width:100%}.responsive-table__head{display:none}.responsive-table__row{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-width:0;padding:11px 4px}.responsive-table__row>span:first-child{grid-area:1/1/span 2}.responsive-table__row>span:not(:first-child){justify-self:start}.responsive-table__row .status-pill,.responsive-table__row>button,.responsive-table__row>.row-actions{grid-column:2}.reseller-row{grid-template-columns:minmax(0,1fr) auto}.row-actions{grid-row:3}.idea-card{padding:16px}.form-row{grid-template-columns:1fr;gap:14px}.auth-shell{background:#fff;min-height:100dvh;display:block}.auth-form-panel{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 23px max(16px, env(safe-area-inset-bottom))}.auth-form-wrap{width:min(100%,420px);margin:auto;padding:32px 0}.auth-heading h1{font-size:25px}.auth-story{display:none}.auth-copyright{padding-top:4px}.preview-banner{align-items:flex-start;gap:9px;margin-bottom:18px;padding:11px}.preview-banner>a{display:none}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;padding:19px 17px calc(17px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.2s ease-out sheet-in}@keyframes sheet-in{0%{opacity:.8;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media (width<=400px){.page-content,.topbar{padding-inline:12px}.balance-panel{padding-inline:14px}.balance-panel__badge{font-size:8px}.wallet-summary{flex-wrap:wrap}.wallet-summary__gift{border-inline-start:0;border-top:1px solid var(--line);min-width:100%;margin-inline-start:48px;padding:8px 0 0}.page-heading__action .button{gap:5px;padding-inline:8px;font-size:9px}.nameserver-row{grid-template-columns:64px minmax(0,1fr) 48px}}
@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--canvas:#eef2f8;--brand:#3f78f2;--brand-deep:#285fce;--shadow-card:0 9px 24px #1e355b11}
.app-frame{background:radial-gradient(ellipse at 76% 0%, #dce8ff94, transparent 38%), var(--canvas)}
.sidebar{background:linear-gradient(165deg,#1b2d4b 0%,#17243b 56%,#131f34 100%)}
.workspace{background:0 0}
.topbar{background:#f8fafde0;border-bottom-color:#d1dceddb}
.page-heading{align-items:center;margin:2px 0 25px;padding:3px 0 4px;position:relative}
.page-heading h1{color:#1c3151;letter-spacing:-.8px;font-size:clamp(24px,2.55vw,31px);position:relative}
.page-heading h1:after{content:"";background:linear-gradient(90deg,#3975ed,#75a2ff);border-radius:4px;width:37px;height:3px;margin-top:7px;display:block}
.page-heading__description{margin-top:8px}
.service-launch-card,.surface-card,.profile-card,.domain-card,.product-card,.vpn-card{box-shadow:var(--shadow-card)}
.vpn-list-toolbar{color:#fff;background:linear-gradient(115deg,#203d6b 0%,#244f91 62%,#326dd0 100%);border:1px solid #ffffff2b;border-radius:18px;min-height:82px;margin-bottom:19px;padding:16px 19px;position:relative;overflow:hidden;box-shadow:0 11px 25px #264d8b29}
.vpn-list-toolbar:after{top:-66px;content:"";pointer-events:none;border:1px solid #ffffff21;border-radius:50%;width:180px;height:180px;position:absolute;inset-inline-start:30%;box-shadow:0 0 0 18px #ffffff09,0 0 0 39px #ffffff06}
.vpn-list-toolbar__summary{z-index:1;position:relative}
.vpn-list-toolbar__icon{color:#fff;background:#ffffff26;border:1px solid #ffffff21}
.vpn-list-toolbar__summary strong{color:#fff;font-size:15px}
.vpn-list-toolbar__summary small{color:#edf4ffc7}
.vpn-list-toolbar__page-size{z-index:1;color:#f1f5ff;background:#0d265238;border-color:#ffffff30;position:relative}
.vpn-service-grid{gap:17px}
.vpn-card{background:linear-gradient(155deg,#fff 0% 73%,#f9fbff 100%);border-color:#dfe7f3;border-radius:19px;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}
.vpn-card:hover{border-color:#c3d4f5;transform:translateY(-3px);box-shadow:0 16px 32px #2242751b}
.vpn-card:before{opacity:1;background:linear-gradient(#4181ff,#80aaff);width:4px}
.vpn-card--expired:before{background:linear-gradient(#8996a9,#c0c8d4)}
.vpn-card__icon{color:#2765dc;background:linear-gradient(145deg,#eaf1ff,#dce8ff);border:1px solid #dce7fb;border-radius:14px}
.vpn-card__usage{background:linear-gradient(140deg,#f5f8fd,#f8faff);border-color:#e5ebf5;border-radius:14px}
.vpn-card__progress{background:#dce5f2;height:8px}
.vpn-card__progress span{background:linear-gradient(90deg,#2869e6,#75a3ff)}
.vpn-card__credentials{background:#ffffffdb;border-color:#e1e8f2}
.vpn-card__actions .button--secondary{background:#fff}
.vpn-card__actions .button--primary{box-shadow:0 6px 14px #316be13d}
.topbar__menu,.mobile-drawer__scrim,.mobile-drawer{display:none}
@media (width<=1100px){.vpn-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=720px){.topbar{justify-content:flex-start;gap:9px;min-height:68px;padding-inline:13px}.topbar__menu{color:#315fae;background:#e9f0ff;border:1px solid #dce7fb;border-radius:13px;width:42px;height:42px;display:inline-grid}.topbar__location{flex:1}.topbar__right{margin-inline-start:auto}.mobile-drawer__scrim{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c182b78;border:0;width:100%;height:100%;padding:0;animation:.18s ease-out scrim-in;display:block;position:fixed;inset:0}.mobile-drawer{inset-block:0;inset-inline:0 auto;z-index:81;width:min(370px,100vw - 32px);max-width:100%;padding:max(15px, env(safe-area-inset-top)) 17px max(17px, env(safe-area-inset-bottom));color:#e8efff;background:linear-gradient(165deg,#203758 0%,#182842 57%,#142139 100%);flex-direction:column;animation:.22s cubic-bezier(.2,.75,.25,1) drawer-in;display:flex;position:fixed;left:auto;right:0;overflow:hidden;box-shadow:-18px 0 50px #0b192f47}.mobile-drawer__head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;display:flex}.mobile-drawer__head .brand-lockup{min-width:0;padding:0}.mobile-drawer__head .brand-lockup strong{font-size:15px}.mobile-drawer__head .brand-lockup span{font-size:10px}.mobile-drawer__close{color:#dce7fa;background:#ffffff12}.mobile-drawer__user{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:11px;min-width:0;margin:14px 0 10px;padding:11px;display:flex}.mobile-drawer__user>div{min-width:0}.mobile-drawer__user strong,.mobile-drawer__user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-drawer__user strong{color:#fff;font-size:11px}.mobile-drawer__user small{color:#aebbd1;text-align:right;direction:ltr;margin-top:2px;font-size:9px}.mobile-drawer .sidebar__label{color:#9aacc7;padding-inline:6px}.mobile-drawer__links{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aebeda59 transparent;gap:4px;min-height:0;padding:2px 1px 14px;display:grid;overflow-y:auto}.mobile-drawer__links .nav-link{min-height:46px;padding-inline:12px;font-size:12px}.mobile-drawer__links .nav-link__chevron{transform:rotate(180deg)}.mobile-drawer__logout{color:#ffd7dd;background:#ae405126;border:1px solid #ffa6b129;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:11px;display:flex}.vpn-list-toolbar{border-radius:15px;min-height:72px}.vpn-list-toolbar__summary strong{font-size:13px}.vpn-service-grid{grid-template-columns:1fr;gap:12px}.vpn-card{border-radius:17px}.page-heading h1{font-size:23px}}
@keyframes drawer-in{0%{opacity:.8;transform:translate(22px)}to{opacity:1;transform:translate(0)}}
@keyframes scrim-in{0%{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mobile-drawer,.mobile-drawer__scrim{animation:none}.vpn-card{transition:none}.vpn-card:hover{transform:none}}
.vpn-filter-panel{background:#fffffff0;border:1px solid #dfe7f3;border-radius:17px;gap:13px;margin:0 0 19px;padding:16px;display:grid;box-shadow:0 8px 20px #2242750b}
.vpn-filter-panel__heading{color:#344966;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}
.vpn-filter-panel__heading>span,.vpn-filter-reset{align-items:center;gap:7px;display:inline-flex}
.vpn-filter-panel__heading>span svg{color:#3975ed}
.vpn-filter-reset{color:#63758e;min-height:36px;font:inherit;cursor:pointer;background:#f7f9fc;border:1px solid #e7edf5;border-radius:10px;padding:0 10px;font-size:10px}
.vpn-filter-reset:hover{color:#285fc9;background:#f2f6ff;border-color:#cad9f3}
.vpn-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}
.vpn-filter-field{color:#6c7e97;gap:6px;min-width:0;font-size:10px;display:grid}
.vpn-filter-field>span{align-items:center;gap:5px;display:inline-flex}
.vpn-filter-field>span svg{color:#8a9ab1}
.vpn-filter-field input,.vpn-filter-field select{color:#2e4260;width:100%;min-width:0;height:44px;font:inherit;background:#fbfcfe;border:1px solid #e2e9f2;border-radius:10px;outline:none;padding:0 12px;font-size:11px}
.vpn-filter-field input::placeholder{color:#9aa7b8}
.vpn-filter-field input:focus,.vpn-filter-field select:focus{border-color:#8fb1fa;box-shadow:0 0 0 3px #3d77eb1a}
@media (width<=720px){.vpn-filter-panel{border-radius:15px;gap:11px;margin-bottom:15px;padding:13px}.vpn-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vpn-filter-field:first-child,.vpn-filter-field:nth-child(2){grid-column:span 2}}
.sidebar:has(.main-nav--admin){overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aebeda4d transparent;overflow-y:auto}
.sidebar:has(.main-nav--admin) .main-nav{flex:none;max-height:none;overflow:visible}
.sidebar:has(.main-nav--admin) .sidebar__spacer{flex:0 0 18px}
.nav-group{min-width:0}
.nav-group__trigger{cursor:pointer;width:100%;list-style:none}
.nav-group__trigger::-webkit-details-marker{display:none}
.nav-group__chevron{color:#8da7d8;margin-inline-start:auto;transition:transform .18s}
.nav-group[open] .nav-group__chevron{transform:rotate(180deg)}
.nav-group__items{border-inline-end:1px solid #9ab4e23b;gap:3px;margin:3px 9px 5px 0;padding-inline-end:8px;display:grid}
.nav-link--legacy{text-decoration:none}
.nav-link__external{color:#9eb7e8;opacity:.74;flex:none;margin-inline-start:auto}
.nav-link--nested{color:#adbbd1;min-height:38px;padding-inline:10px;font-size:11px}
.nav-link--nested:hover{color:#fff}
.mobile-drawer__section-label{color:#9aacc7;padding:12px 7px 5px;font-size:10px;font-weight:700}
.mobile-drawer__links .nav-group__trigger{min-height:44px;font-size:12px}
.mobile-drawer__links .nav-link--nested{min-height:40px;font-size:11px}
.dashboard-heading-actions{flex-wrap:wrap;gap:8px;display:flex}
.admin-tools{color:#e9f0ff;background:radial-gradient(at 4% 0,#4c85ec4d,#0000 43%),linear-gradient(125deg,#172b49,#203b62);border:1px solid #ffffff17;border-radius:19px;margin:0 0 20px;padding:18px;box-shadow:0 13px 28px #1e375b21}
.admin-tools__heading{align-items:center;gap:11px;margin-bottom:13px;display:flex}
.admin-tools__mark{color:#cfe0ff;background:#5c91ee2e;border:1px solid #9dbef82e;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}
.admin-tools__heading h2{color:#fff;margin:0;font-size:14px}
.admin-tools__heading p{color:#aabbd5;margin:2px 0 0;font-size:10px}
.admin-tools__badge{color:#cddcff;background:#5083de24;border:1px solid #92b5ef29;border-radius:20px;margin-inline-start:auto;padding:5px 9px;font-size:9px}
.admin-tools__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}
.admin-tool-card{min-width:0;min-height:67px;color:inherit;background:#ffffff0e;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:9px;padding:9px;transition:background .16s,transform .16s,border-color .16s;display:flex}
.admin-tool-card:hover{color:#fff;background:#699aee29;border-color:#afcaf83d;transform:translateY(-2px)}
.admin-tool-card__icon{color:#d5e3ff;background:#5b8ee72b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}
.admin-tool-card__copy{flex:1;min-width:0}
.admin-tool-card__copy strong,.admin-tool-card__copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}
.admin-tool-card__copy strong{color:#f4f7ff;font-size:10px}
.admin-tool-card__copy small{color:#a6b7d0;margin-top:2px;font-size:8px}
.admin-tool-card__arrow{color:#9eb8e7;flex:none}
.balance-panel{background:radial-gradient(at 14% 100%,#12347e61,#0000 43%),linear-gradient(128deg,#2d65d5 0%,#3478f1 52%,#285bc3 100%);position:relative;box-shadow:0 16px 34px #2d65d538}
.balance-panel:after{top:-85px;content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;inset-inline-start:34%;box-shadow:0 0 0 24px #ffffff09,0 0 0 55px #ffffff06}
.balance-panel__top,.wallet-chart{z-index:1;position:relative}
.wallet-chart{border-top:1px solid #ffffff38;padding-top:12px}
.wallet-chart__labels{color:#eef4ff;align-items:center;gap:10px}
.wallet-chart__labels>span{align-items:center;gap:6px;display:inline-flex}
.wallet-chart__labels strong{color:#f0f6ffe0;font-size:9px;font-weight:400}
.wallet-chart__svg{height:135px}
.wallet-chart__dates{align-items:center;gap:8px;font-size:9px}
.wallet-chart__dates span:nth-child(2){color:#eff5ff}
@media (width<=1180px){.admin-tools__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (width<=960px){.sidebar:has(.main-nav--admin) .sidebar__spacer{flex-basis:14px}.admin-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=720px){.admin-tools{border-radius:16px;padding:14px}.admin-tools__heading{margin-bottom:10px}.admin-tools__heading h2{font-size:12px}.admin-tools__grid{grid-template-columns:1fr;gap:6px}.admin-tool-card{min-height:58px;padding:8px 10px}.admin-tool-card__copy strong{font-size:10px}.admin-tool-card__copy small{font-size:8px}.dashboard-heading-actions{flex-direction:column;align-items:stretch}.dashboard-heading-actions .button{min-height:39px;padding-inline:9px;font-size:9px}.wallet-chart{margin-top:13px;padding-top:10px}.wallet-chart__labels{font-size:9px}.wallet-chart__labels strong{font-size:8px}.wallet-chart__svg{height:100px}.wallet-chart__dates{font-size:8px}.balance-panel{padding-bottom:15px}.mobile-drawer__links .nav-group__items{margin-inline-start:5px}}
.vpn-card__remaining{color:#71819a;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}
.vpn-card__remaining strong{color:#2c4263;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}
.vpn-card__details{background:#fbfcff;border:1px solid #e7edf6;border-radius:13px;overflow:hidden}
.vpn-card__details summary{color:#485f81;cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:0 12px;font-size:10px;font-weight:700;list-style:none;display:flex}
.vpn-card__details summary::-webkit-details-marker{display:none}
.vpn-card__details summary:focus-visible{outline-offset:-3px;border-radius:12px;outline:2px solid #3975ed}
.vpn-card__details summary svg{color:#7b91b2;transition:transform .18s}
.vpn-card__details[open] summary{border-bottom:1px solid #e7edf6}
.vpn-card__details[open] summary svg{transform:rotate(180deg)}
.vpn-card__details-content{gap:11px;padding:12px;display:grid}
.vpn-card__protocol-usage{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}
.vpn-card__protocol-usage>div{background:#f2f6fc;border-radius:10px;gap:3px;min-width:0;padding:9px;display:grid}
.vpn-card__protocol-usage small,.vpn-card__service-facts small{color:#7c8ba1;font-size:9px}
.vpn-card__protocol-usage strong{color:#304665;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}
.vpn-card__service-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}
.vpn-card__service-facts>span{gap:3px;min-width:0;display:grid}
.vpn-card__service-facts strong{color:#405775;overflow-wrap:anywhere;font-size:10px;font-weight:600}
.vpn-card__service-facts .vpn-card__note,.vpn-card__service-facts .vpn-card__source{grid-column:1/-1}
.vpn-card__note strong{white-space:pre-wrap}
.vpn-card__actions>a{text-decoration:none}
.bot-list-overview{color:#fff;background:linear-gradient(115deg,#203d70,#2f65bd);border-radius:17px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 12px;padding:18px 20px;display:flex;box-shadow:0 12px 28px #1f488729}
.bot-list-overview__lead{align-items:center;gap:12px;display:flex}
.bot-list-overview__lead>span{background:#ffffff1f;border:1px solid #ffffff3b;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}
.bot-list-overview__lead strong,.bot-list-overview__lead small{display:block}
.bot-list-overview__lead strong{font-size:15px}
.bot-list-overview__lead small{color:#ffffffbf;margin-top:3px;font-size:11px}
.bot-list-overview__metrics{align-items:center;gap:9px;display:flex}
.bot-list-overview__metrics span{color:#ffffffeb;background:#ffffff1a;border:1px solid #ffffff21;border-radius:11px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex}
.bot-list-overview__metrics i{background:#c5d1e2;border-radius:50%;width:7px;height:7px}
.bot-list-overview__metrics i.is-live{background:#6ce0b4;box-shadow:0 0 0 3px #6ce0b424}
.bot-list-filters{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(200px,.35fr);gap:12px;margin-bottom:16px;padding:14px;display:grid}
.bot-list-search,.bot-list-status{color:#71819a;background:#f8faff;border:1px solid #e7edf6;border-radius:11px;align-items:center;gap:10px;min-height:46px;padding:0 13px;display:flex}
.bot-list-search:focus-within,.bot-list-status:focus-within{border-color:#7ea5ef;box-shadow:0 0 0 3px #3975ed1a}
.bot-list-search input,.bot-list-status select{color:#2c4263;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}
.bot-list-search input::placeholder{color:#9aa7b9}
.bot-list-status{gap:8px}
.bot-list-status span{color:#77869a;flex:none;font-size:11px}
.bot-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}
.bot-management-card{background:#fff;border:1px solid #e3eaf4;border-radius:17px;align-content:start;gap:14px;min-width:0;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 8px 24px #27436d0e}
.bot-management-card:hover{border-color:#cbd9ee;transform:translateY(-2px);box-shadow:0 12px 28px #27436d1a}
.bot-management-card__top{align-items:center;gap:11px;min-width:0;display:flex}
.bot-management-card__icon{color:#5f55c8;background:linear-gradient(145deg,#f1efff,#e8e5ff);border:1px solid #e4e0ff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}
.bot-management-card__identity{flex:1;min-width:0}
.bot-management-card__identity h2{color:#263955;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:15px;overflow:hidden}
.bot-management-card__identity a{color:#8290a6;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;text-decoration:none;display:inline-block;overflow:hidden}
.bot-management-card__identity a:hover{color:var(--brand-deep)}
.bot-management-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}
.bot-management-card__stats>div{color:#6281b5;background:#f7f9fd;border:1px solid #edf1f7;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}
.bot-management-card__stats>div>span{min-width:0}
.bot-management-card__stats small,.bot-management-card__stats strong{display:block}
.bot-management-card__stats small{color:#8592a5;font-size:9px}
.bot-management-card__stats strong{color:#344a69;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}
.bot-management-card__stats strong small{font-size:9px;display:inline}
.bot-management-card__meta{color:#8794a7;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;display:flex}
.bot-management-card__id{font-variant-numeric:tabular-nums}
.bot-management-card__actions{border-top:1px solid #edf1f6;flex-wrap:wrap;align-items:center;gap:7px;padding-top:12px;display:flex}
.bot-management-card__actions .button{min-height:40px;padding-inline:11px;font-size:10px}
.bot-management-card__actions .button--primary{margin-inline-start:auto}
.bot-list-pagination{color:#657791;justify-content:center;align-items:center;gap:14px;margin:20px 0 8px;font-size:12px;display:flex}
.bot-list-pagination .button{min-height:42px}
.bot-list-pagination .button:disabled{opacity:.45;cursor:not-allowed}
.admin-vpn-service-grid{margin-top:8px}
.admin-vpn-service-grid .vpn-card{height:100%}
@media (width<=900px){.bot-card-grid{grid-template-columns:minmax(0,1fr)}}
@media (width<=600px){.bot-list-overview{flex-direction:column;align-items:flex-start;padding:15px}.bot-list-overview__metrics{width:100%}.bot-list-overview__metrics span{flex:1;justify-content:center}.bot-list-filters{grid-template-columns:minmax(0,1fr);padding:10px}.bot-management-card{padding:14px}.bot-management-card__stats{gap:5px}.bot-management-card__stats>div{flex-direction:column;align-items:flex-start;gap:5px;padding:8px}.bot-management-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bot-management-card__actions .button--primary{margin-inline-start:0}}
@media (width<=600px){.brand-directory{padding:11px}.brand-directory__toolbar{flex-direction:column;align-items:stretch}.brand-directory__search,.brand-directory__status{min-height:46px}.brand-directory__status{justify-content:space-between}.brand-summary-card{min-height:unset;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px}.brand-summary-card__mark{grid-row:span 2;width:38px;height:38px}.brand-summary-card__details{grid-column:2;justify-items:start;gap:7px}.brand-summary-card__details>span{text-align:start}}
.brand-workspace__next-action{align-items:flex-start}
.brand-workspace__next-action-copy{width:100%}
.brand-summary-card{cursor:default;grid-template-rows:auto;grid-template-columns:44px minmax(0,1fr) minmax(160px,.9fr) auto;min-height:112px}
.brand-summary-card__mark,.brand-summary-card__content{grid-row:auto}
.brand-summary-card__details>span{text-align:start}
@media (width<=1220px){.reseller-admin-table{overflow-x:visible}.reseller-admin-table .responsive-table__head{display:none}.reseller-admin-table .responsive-table__row{grid-template-columns:minmax(0,1fr) auto;gap:9px;min-width:0;padding:13px 10px;display:grid}.reseller-admin-table .reseller-row__identity{grid-area:auto/1/auto/-1}.reseller-row__wallet,.reseller-row__rate,.reseller-row__login{gap:3px;display:grid}.reseller-row__wallet>small,.reseller-row__rate>small,.reseller-row__login>small{color:#62738b;font-size:12px;display:block}.reseller-row__wallet>strong,.reseller-row__rate>strong,.reseller-row__login>strong{font-size:13px}.reseller-admin-table .responsive-table__row>.status-pill{grid-column:1;justify-self:start}.reseller-row__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;grid-area:auto/1/auto/-1!important}.reseller-row__actions button{min-height:44px;font-size:12px}.brand-section-nav__groups{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-summary-card{grid-template-columns:40px minmax(0,1fr) minmax(170px,.9fr)}.brand-summary-card__mark{width:40px;height:40px}.brand-summary-card__actions{grid-column:2/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.brand-summary-card__actions .button{width:100%}.brand-readiness-steps{grid-template-columns:minmax(0,1fr)}.brand-report-table-wrap{border:0;overflow:visible}.brand-report-table{table-layout:fixed;border:0;width:100%;display:block;min-width:0!important}.brand-report-table thead{display:none}.brand-report-table tbody{gap:9px;display:grid}.brand-report-table tbody tr{background:#fff;border:1px solid #e3e9ef;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:7px 11px;display:grid}.brand-report-table td{color:#344a68;white-space:normal;overflow-wrap:anywhere;border:0;border-bottom:1px solid #edf0f5;align-content:start;gap:3px;min-width:0;padding:8px 0;font-size:12px;display:grid}.brand-report-table td:before{color:#62738b;content:attr(data-label);font-size:12px;font-weight:700}.brand-report-table td small{overflow-wrap:anywhere}}
@media (width<=760px){.brand-section-nav{padding:9px}.brand-section-nav__groups{grid-template-columns:minmax(0,1fr)}.brand-workspace__next-action{flex-direction:column}.brand-workspace__next-action>.button{justify-content:center;width:100%}.brand-summary-card{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:0;padding:13px}.brand-summary-card__mark{grid-row:span 3;width:38px;height:38px}.brand-summary-card__content{grid-column:2}.brand-summary-card__details{grid-column:2;justify-items:start}.brand-summary-card__actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.brand-summary-card__actions .button{white-space:normal}.reseller-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-admin-stat{gap:8px;min-height:98px;padding:11px}.reseller-admin-stat>span{width:33px;height:33px}.reseller-admin-stat small,.reseller-admin-stat em{font-size:12px}.reseller-admin-stat strong{font-size:16px}.reseller-admin-directory{padding:13px}.reseller-admin-directory__heading{align-items:flex-start}.reseller-admin-filters{flex-direction:column;align-items:stretch}.reseller-admin-status{justify-content:space-between}.reseller-admin-result-count{align-self:flex-end}.reseller-admin-table .responsive-table__row{grid-template-columns:minmax(0,1fr) auto}.reseller-admin-table .reseller-row__identity{grid-column:1/-1}.reseller-row__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-transfer-balances{grid-template-columns:minmax(0,1fr)}.reseller-transfer-balances>svg{transform:rotate(90deg)}.reseller-panel .brand-header-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.brand-header-switcher{grid-column:1/-1}.brand-header-switcher select,.reseller-panel .brand-header-actions .button{white-space:normal;justify-content:center;width:100%;min-width:0}.reseller-panel .brand-section-link{min-height:72px}.reseller-panel .brand-section-link__text strong{font-size:14px}.reseller-panel .brand-section-link__text small{font-size:12px}.reseller-panel .brand-domain-card__actions .button{min-height:44px}.brand-report-table-wrap{border:0;overflow:visible}.brand-report-table{table-layout:fixed;border:0;width:100%;display:block;min-width:0!important}.brand-report-table thead{display:none}.brand-report-table tbody{gap:9px;display:grid}.brand-report-table tbody tr{background:#fff;border:1px solid #e3e9ef;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:7px 11px;display:grid}.brand-report-table td{color:#344a68;white-space:normal;overflow-wrap:anywhere;border:0;border-bottom:1px solid #edf0f5;align-content:start;gap:3px;min-width:0;padding:8px 0;font-size:12px;display:grid}.brand-report-table td:before{color:#62738b;content:attr(data-label);font-size:12px;font-weight:700}.brand-report-table td small{overflow-wrap:anywhere}}
.brand-workspace__next-action{background:#edf5f4;border:1px solid #d5e7e3;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}
.brand-workspace__next-action--needs-offer{background:#fff8eb;border-color:#f0dfbc}
.brand-workspace__next-action--inactive{background:#f3f5f7;border-color:#dce3e9}
.brand-workspace__next-action--unknown{background:#f6f2fa;border-color:#e4d9ee}
.brand-workspace__next-action-copy{justify-items:start;gap:7px;min-width:0;display:grid}
.brand-workspace__next-action-copy h2{color:#17283f;margin:0;font-size:18px;line-height:1.5}
.brand-workspace__next-action-copy p{color:#62738b;margin:0;font-size:13px;line-height:1.8}
.brand-workspace__next-action>.button{flex:none;min-height:46px}
.brand-section-nav{gap:10px;padding:12px;display:grid;overflow:visible}
.brand-section-nav__overview{background:#eaf2f8;justify-self:start;align-items:center;font-weight:700;text-decoration:none;color:#2769a6!important;border-radius:9px!important;min-height:42px!important;padding:0 13px!important;font-size:13px!important;display:inline-flex!important}
.brand-section-nav__overview:hover,.brand-section-nav__overview:focus-visible{background:#dceaf3!important}
.brand-section-nav__group a:hover,.brand-section-nav__group a:focus-visible{color:#2769a6;background:#edf3f7;outline:none}
.reseller-panel .brand-workspace__metrics small{color:#62738b;font-size:12px}
.reseller-panel .brand-workspace__metrics strong{color:#17283f;font-size:15px}
@media (width<=920px){.brand-section-nav__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=600px){.brand-workspace__next-action{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.brand-workspace__next-action-copy h2{font-size:17px}.brand-workspace__next-action>.button{justify-content:center;width:100%}.brand-section-nav{padding:9px}.brand-section-nav__groups{grid-template-columns:minmax(0,1fr)}.reseller-panel .brand-section-link{min-height:72px}}
.reseller-admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}
.reseller-admin-stat{background:#fff;border:1px solid #dce4ed;border-radius:13px;align-items:flex-start;gap:12px;min-width:0;min-height:105px;padding:15px;display:flex}
.reseller-admin-stat>span{color:#2769a6;background:#eaf2f8;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}
.reseller-admin-stat--green>span{color:#167b68;background:#e8f5f0}
.reseller-admin-stat--amber>span{color:#9a6113;background:#fff3df}
.reseller-admin-stat--violet>span{color:#7053a0;background:#f1edfa}
.reseller-admin-stat>div{gap:4px;min-width:0;display:grid}
.reseller-admin-stat small{color:#62738b;font-size:12px}
.reseller-admin-stat strong{color:#17283f;text-overflow:ellipsis;white-space:nowrap;font-size:19px;overflow:hidden}
.reseller-admin-stat em{color:#78879a;font-size:12px;font-style:normal}
.reseller-admin-directory{background:#fff;border:1px solid #dce4ed;border-radius:15px;padding:19px}
.reseller-admin-directory__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}
.reseller-admin-directory__heading h2{color:#17283f;margin:0;font-size:18px}
.reseller-admin-directory__heading p{color:#62738b;margin:5px 0 0;font-size:13px}
.reseller-admin-directory__heading .button{min-height:44px}
.reseller-admin-filters{align-items:center;gap:9px;margin:16px 0 12px;display:flex}
.reseller-admin-search{color:#71839a;border:1px solid #dce4ed;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:180px;min-height:44px;padding-inline:12px;display:flex}
.reseller-admin-search:focus-within{border-color:#82a8bd;box-shadow:0 0 0 3px #2769a61f}
.reseller-admin-search input{color:#263b59;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}
.reseller-admin-search input::placeholder{color:#8492a5}
.reseller-admin-status{color:#65758a;border:1px solid #dce4ed;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding-inline:10px;font-size:12px;display:flex}
.reseller-admin-status select{color:#263b59;min-height:40px;font:inherit;background:0 0;border:0;outline:0}
.reseller-admin-result-count{color:#71839a;white-space:nowrap;font-size:12px}
.reseller-admin-table{border:1px solid #e3e9ef;border-radius:11px}
.reseller-admin-table .responsive-table__head,.reseller-admin-table .responsive-table__row{grid-template-columns:minmax(180px,1.5fr) minmax(145px,1fr) minmax(95px,.65fr) minmax(130px,.95fr) minmax(90px,.65fr) minmax(290px,2fr);min-width:980px}
.reseller-admin-table .responsive-table__head{color:#62738b;padding:11px;font-size:12px}
.reseller-admin-table .responsive-table__row{color:#435872;min-height:72px;padding:10px 11px;font-size:13px}
.reseller-admin-table .reseller-row__identity strong{color:#17283f;font-size:14px}
.reseller-admin-table .reseller-row__identity small{color:#62738b;font-size:12px}
.reseller-row__wallet>small,.reseller-row__rate>small,.reseller-row__login>small{display:none}
.reseller-row__wallet>strong,.reseller-row__rate>strong,.reseller-row__login>strong{color:#435872;font-size:13px;font-weight:600}
.reseller-row__actions{flex-wrap:wrap;gap:5px}
.reseller-row__actions button{color:#405a75;width:auto;min-height:38px;font:inherit;white-space:nowrap;background:#f7f9fb;border:1px solid #e1e8ee;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}
.reseller-row__actions button:hover{color:#2769a6;background:#eff5f8;border-color:#c8dbe6}
.reseller-row__actions button:focus-visible{outline-offset:1px;outline:3px solid #8db2ff}
.reseller-admin-empty{border:1px dashed #dce4ed;border-radius:11px;place-items:center;min-height:180px;display:grid}
.reseller-transfer-balances{background:#f5f8fa;border:1px solid #e3e9ef;border-radius:11px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px;display:grid}
.reseller-transfer-balances>div{gap:5px;min-width:0;display:grid}
.reseller-transfer-balances small{color:#62738b;font-size:12px}
.reseller-transfer-balances strong{color:#17283f;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}
.reseller-transfer-balances>svg{color:#2769a6}
.reseller-transfer-preview{color:#17665f;background:#eaf5f1;border:1px solid #d5e9e2;border-radius:9px;align-items:flex-start;gap:8px;padding:11px 12px;font-size:13px;line-height:1.7;display:flex}
.reseller-transfer-preview svg{flex:none;margin-top:2px}
.reseller-transfer-preview strong{color:#14564f}
.reseller-transfer-error{color:#b74551;margin:-6px 0 0;font-size:13px}
.reseller-action-impact{color:#88530f;background:#fff6e7;border:1px solid #f0dfbc;border-radius:10px;align-items:flex-start;gap:9px;padding:12px;display:flex}
.reseller-action-impact svg{flex:none;margin-top:2px}
.reseller-action-impact p{margin:0;font-size:13px;line-height:1.8}
.reseller-panel .brand-header-actions .button{white-space:nowrap;gap:6px;min-height:44px;padding-inline:10px;font-size:12px}
.brand-header-switcher select{color:#314a64;min-width:130px;min-height:44px;font:inherit;background:#fff;border:1px solid #dce4ed;border-radius:9px;padding:0 11px;font-size:13px}
.brand-header-switcher select:focus-visible{outline-offset:2px;outline:3px solid #8db2ff}
@media (width<=1050px){.reseller-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=760px){.reseller-admin-summary{gap:8px}.reseller-admin-stat{gap:8px;min-height:98px;padding:11px}.reseller-admin-stat>span{width:33px;height:33px}.reseller-admin-stat small,.reseller-admin-stat em{font-size:11px}.reseller-admin-stat strong{font-size:16px}.reseller-admin-directory{padding:13px}.reseller-admin-directory__heading{align-items:flex-start}.reseller-admin-directory__heading h2{font-size:16px}.reseller-admin-directory__heading p{font-size:12px}.reseller-admin-filters{flex-direction:column;align-items:stretch}.reseller-admin-status{justify-content:space-between}.reseller-admin-result-count{align-self:flex-end}.reseller-admin-table .responsive-table__head{display:none}.reseller-admin-table .responsive-table__row{grid-template-columns:minmax(0,1fr) auto;gap:9px;min-width:0;padding:13px 10px;display:grid}.reseller-admin-table .reseller-row__identity{grid-area:auto/1/auto/-1}.reseller-row__wallet,.reseller-row__rate,.reseller-row__login{gap:3px;display:grid}.reseller-row__wallet>small,.reseller-row__rate>small,.reseller-row__login>small{color:#71839a;font-size:11px;display:block}.reseller-row__wallet>strong,.reseller-row__rate>strong,.reseller-row__login>strong{font-size:12px}.reseller-admin-table .responsive-table__row>.status-pill{grid-column:1;justify-self:start}.reseller-row__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;grid-area:auto/1/auto/-1!important}.reseller-row__actions button{min-height:42px}.reseller-transfer-balances{grid-template-columns:minmax(0,1fr)}.reseller-transfer-balances>svg{transform:rotate(90deg)}.reseller-panel .brand-header-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.brand-header-switcher{grid-column:1/-1}.brand-header-switcher select,.reseller-panel .brand-header-actions .button{white-space:normal;justify-content:center;width:100%;min-width:0}}
.modal:has(.vpn-qr){width:min(100%,390px)}
.vpn-qr{justify-items:center;gap:12px;display:grid}
.vpn-qr img{aspect-ratio:1;width:min(100%,280px);image-rendering:pixelated;background:#fff;border:1px solid #e3eaf4;border-radius:16px;padding:8px;display:block;box-shadow:0 8px 24px #213b6314}
.vpn-qr>a{overflow-wrap:anywhere;max-width:100%;color:var(--brand-deep);text-align:center;font-size:10px;text-decoration:none}
.vpn-qr>a:hover{text-decoration:underline}
.vpn-qr .modal__actions{width:100%}
.vpn-qr .modal__actions .button{min-width:100px}
.vpn-status-confirm{gap:18px;display:grid}
.vpn-status-confirm__id{color:#667894;background:#f5f8fd;border:1px solid #e8edf5;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}
.vpn-status-confirm__id strong{color:#2e4668;font-size:12px}
.service-access{gap:18px;min-width:0;display:grid}
.service-hero{color:#fff;background:linear-gradient(112deg,#14233a 0%,#1b3151 56%,#285fc8 100%);border:1px solid #ffffff14;border-radius:25px;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:center;gap:28px;min-height:270px;padding:30px clamp(22px,4vw,48px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #1c3d7130}
.service-hero__copy,.service-meter-wrap{z-index:1;position:relative}
.service-hero__topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
.service-hero__brand{color:#c1d6ff;align-items:center;gap:7px;font-size:10px;display:inline-flex}
.service-hero__brand svg{color:#78a7ff}
.service-hero__status{border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:6px;min-height:25px;padding:3px 9px;font-size:9px;display:inline-flex}
.service-hero__status i{background:currentColor;border-radius:50%;width:6px;height:6px}
.service-hero__status.is-active{color:#88ebd0;background:#23a48324}
.service-hero__status.is-paused{color:#f6cd77;background:#ecae3c21}
.service-hero__status.is-expired{color:#c2cada;background:#aab6ca1f}
.service-hero h1{color:#fff;overflow-wrap:anywhere;max-width:670px;margin:18px 0 4px;font-size:clamp(23px,3vw,34px);font-weight:700;line-height:1.45}
.service-hero__subline{color:#b5c5dc;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:10px;display:flex}
.service-hero__subline b{color:#eef4ff;font-size:11px;font-weight:600}
.service-hero__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:25px;display:flex}
.service-hero__actions .button--primary{color:#18345c;background:#c7f4e8;border-color:#c7f4e8;min-height:46px;padding-inline:16px;box-shadow:0 6px 18px #182d4e2e}
.service-hero__actions .button--primary:hover{background:#a8ecd9;border-color:#a8ecd9}
.service-hero__secondary{color:#e2ebfa;cursor:pointer;background:#ffffff14;border:1px solid #e2edff33;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding-inline:14px;font-family:inherit;font-size:10px;display:inline-flex}
.service-hero__secondary:hover{background:#ffffff24}
.service-meter-wrap{justify-items:center;gap:13px;display:grid}
.service-meter{aspect-ratio:1;background:conic-gradient(#82e8cf var(--service-progress), #ffffff24 0);border-radius:50%;place-items:center;width:164px;padding:11px;display:grid;transform:rotate(-90deg);box-shadow:0 0 0 1px #ffffff21,0 0 0 12px #ffffff09}
.service-meter__center{color:#fff;background:#1b3458;border:1px solid #ffffff26;border-radius:50%;align-content:center;justify-items:center;width:100%;height:100%;display:grid;transform:rotate(90deg)}
.service-meter__center small{color:#c2d2e9;font-size:9px}
.service-meter__center strong{color:#fff;font-variant-numeric:tabular-nums;margin:0;font-size:29px;line-height:1.3}
.service-meter__center span{color:#98afcf;font-size:9px}
.service-meter__caption{color:#b8c8dd;flex-wrap:wrap;justify-content:center;gap:7px 16px;font-size:9px;display:flex}
.service-meter__caption span{align-items:center;gap:5px;display:inline-flex}
.service-meter__caption b{color:#f0f6ff;font-weight:600}
.service-meter__caption i{background:#82e8cf;border-radius:50%;width:6px;height:6px}
.service-meter__caption i.is-left{background:#81aaff}
.service-hero__orbit{pointer-events:none;width:440px;height:440px;position:absolute;inset-block-end:-255px;inset-inline-end:-118px}
.service-hero__orbit span{border:1px solid #c0dcff17;border-radius:50%;position:absolute;inset:0}
.service-hero__orbit span:nth-child(2){inset:35px}
.service-hero__orbit span:nth-child(3){inset:70px}
.service-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}
.service-fact{border:1px solid var(--line);min-height:86px;box-shadow:var(--shadow-card);background:#fff;border-radius:15px;grid-template-columns:40px minmax(0,1fr);align-content:center;align-items:center;column-gap:10px;padding:13px;display:grid;position:relative}
.service-fact__icon{border-radius:12px;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}
.service-fact__icon.is-blue{color:#326ee2;background:#edf3ff}
.service-fact__icon.is-mint{color:#14836a;background:#e9f7f2}
.service-fact__icon.is-violet{color:#6d5bc1;background:#f1efff}
.service-fact__icon.is-gold{color:#a36b13;background:#fff5df}
.service-fact small{color:#8290a4;font-size:9px}
.service-fact strong{color:#2c405e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}
.service-connection,.service-nodes{gap:12px;display:grid}
.service-section-heading{justify-content:space-between;align-items:center;gap:12px;padding-inline:2px;display:flex}
.service-section-heading>div>span{color:#6580aa;font-size:9px}
.service-section-heading h2{color:#253954;margin:1px 0 0;font-size:16px}
.service-section-heading__mark{color:#3975ed;background:#eaf1ff;border:1px solid #dce7fa;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}
.service-panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-card);background:#fff;border-radius:18px;padding:19px}
.service-panel__heading{align-items:center;gap:11px;min-width:0;margin-bottom:14px;display:flex}
.service-panel__heading h3{color:#2c405e;margin:0;font-size:13px}
.service-panel__heading p{color:#8290a4;margin:2px 0 0;font-size:9px}
.service-panel__symbol{color:#3975ed;background:#edf3ff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}
.service-panel__symbol.is-violet{color:#725cc7;background:#f1efff}
.service-panel__symbol.is-mint{color:#14836a;background:#e9f7f2}
.service-subscription{border-color:#dce6f5;padding:21px}
.service-subscription__link{background:#f5f8fd;border:1px solid #e8edf5;border-radius:11px;align-items:center;gap:9px;min-width:0;margin-bottom:14px;padding:9px 10px;display:flex}
.service-subscription__link code{overflow-wrap:anywhere;color:#415a7d;flex:1;min-width:0;font-family:Arial,sans-serif;font-size:10px;line-height:1.7}
.service-device-guide{background:linear-gradient(100deg,#f1f6ff,#f5fbfa);border:1px solid #e0eaf5;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:12px;padding:12px 13px;display:grid}
.service-device-guide__icon{color:#326fe1;background:#fff;border:1px solid #dfe8f5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}
.service-device-guide>div{min-width:0}
.service-device-guide strong{color:#304764;font-size:11px;display:block}
.service-device-guide p{color:#74859c;margin:3px 0 0;font-size:9px;line-height:1.85}
.service-device-guide__label{color:#496891;white-space:nowrap;background:#fffc;border:1px solid #e0e8f2;border-radius:8px;padding:6px 9px;font-size:9px}
.service-copy{color:#607492;cursor:pointer;background:#fff;border:1px solid #e1e8f2;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 9px;font-family:inherit;font-size:9px;display:inline-flex}
.service-copy:hover{color:#2f63cd;background:#f6f9ff;border-color:#b8cbef}
.service-copy:focus-visible,.service-hero__secondary:focus-visible{outline-offset:2px;outline:2px solid #8db2ff}
.service-client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}
.service-client{color:#536984;background:#fff;border:1px solid #e8edf4;border-radius:12px;align-items:center;gap:9px;min-width:0;min-height:62px;padding:9px 10px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}
.service-client:hover{color:#315fae;background:#f7f9ff;border-color:#cddbf2;transform:translateY(-1px)}
.service-client.is-recommended{background:#f8fbff;border-color:#b9cff5}
.service-client__icon{color:#4e7fe0;background:#edf3ff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}
.service-client>span:nth-child(2){min-width:0;display:grid}
.service-client strong{color:#304764;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}
.service-client small{color:#8592a6;font-size:8px}
.service-client>svg{color:#9aa9bf;flex:none;margin-inline-start:auto}
.service-subscription__hint{color:#8190a4;align-items:flex-start;gap:7px;margin-top:13px;font-size:9px;line-height:1.8;display:flex}
.service-subscription__hint svg{color:#819cc4;flex:none;margin-top:2px}
.service-detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;gap:13px;display:grid}
.service-credentials,.service-plan-card{gap:9px;display:grid}
.service-credentials .service-panel__heading,.service-plan-card .service-panel__heading{margin-bottom:3px}
.service-credential{background:#fbfcfe;border:1px solid #edf0f5;border-radius:11px;align-items:center;gap:7px;min-width:0;min-height:55px;padding:8px 10px;display:flex}
.service-credential>div{flex:1;min-width:0}
.service-credential small,.service-credential strong{display:block}
.service-credential small{color:#8290a4;font-size:8px}
.service-credential strong{color:#304764;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:Arial,sans-serif;font-size:11px;font-weight:600;overflow:hidden}
.service-credential__reveal{color:#627a99;cursor:pointer;background:#fff;border:1px solid #e3e9f2;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}
.service-credential__reveal:hover{color:#2f63cd;background:#f5f8ff}
.service-credentials__foot{color:#8592a5;align-items:center;gap:6px;margin-top:3px;font-size:8px;display:flex}
.service-credentials__foot svg{color:#65927f}
.panel-user-brand-logo{object-fit:contain;border-radius:8px;width:28px;height:28px;display:block}
.panel-user-service .service-hero{background:linear-gradient(112deg, #14233a 0%, #1b3151 56%, var(--panel-user-primary,#285fc8) 100%)}
.panel-user-service .service-hero__status.is-active{color:#c5dcff;background:#4d89eb2e}
.panel-user-service .service-hero__status.is-paused{color:#bdd4ff;background:#5984c42e}
.panel-user-service .service-hero__actions .button--primary{color:#fff;background:var(--panel-user-primary,#326ee2);border-color:var(--panel-user-primary,#326ee2)}
.panel-user-service .service-hero__actions .button--primary:hover{filter:brightness(1.08)}
.panel-user-service .service-hero__actions .service-copy{color:#e2ebfa;background:#ffffff14;border-color:#e2edff33}
.panel-user-service .service-hero__actions .service-copy:hover{background:#ffffff24}
.panel-user-service .service-meter{background:conic-gradient(var(--panel-user-primary,#82aaff) var(--service-progress), #ffffff24 0)}
.panel-user-service .service-meter__caption i{background:#7daaff}
.panel-user-service .service-meter__caption i.is-left{background:#b4d0ff}
.panel-user-service .service-fact__icon.is-mint,.panel-user-service .service-fact__icon.is-violet,.panel-user-service .service-fact__icon.is-gold,.panel-user-service .service-panel__symbol.is-mint,.panel-user-service .service-panel__symbol.is-violet{color:#326ee2;background:#edf3ff}
.panel-user-service .service-subscription__link code{font-family:Arial,sans-serif}
.service-plan-list{gap:0;margin:0;display:grid}
.service-plan-list>div{border-bottom:1px solid #edf0f5;justify-content:space-between;gap:12px;padding:9px 0;display:flex}
.service-plan-list>div:last-child{border-bottom:0}
.service-plan-list dt{color:#8491a3;font-size:9px}
.service-plan-list dd{color:#384e6d;text-align:left;overflow-wrap:anywhere;max-width:65%;margin:0;font-size:9px;font-weight:600}
.service-plan-card__link{color:#3f6fca;background:#f4f7ff;border-radius:10px;justify-content:space-between;align-items:center;gap:7px;margin-top:3px;padding:10px 11px;font-size:9px;text-decoration:none;display:flex}
.service-plan-card__link:hover{background:#eaf1ff}
.service-protocol-section{gap:10px;display:grid}
.service-protocol-heading{flex-wrap:wrap;align-items:center;gap:9px;display:flex}
.service-protocol-heading p{color:#7e8da2;margin:0;font-size:9px}
.service-protocol-heading__tag{color:#376ac6;background:#eaf1ff;border-radius:8px;padding:5px 9px;font-size:9px;font-weight:700}
.service-protocol-heading__tag.is-openvpn{color:#168168;background:#e7f6f1}
.service-server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}
.service-server{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-card);background:#fff;border-radius:15px;align-content:start;gap:8px;padding:14px;display:grid}
.service-server h3{color:#304764;align-items:center;gap:7px;margin:0 0 2px;font-size:11px;display:flex}
.service-server h3 svg{color:#5384dd}
.service-server__row{background:#f8fafd;border:1px solid #edf0f5;border-radius:9px;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:grid}
.service-server__row>span{color:#8290a4;font-size:8px}
.service-server__row code,.service-server__users code{overflow-wrap:anywhere;color:#3e5574;min-width:0;font-family:Arial,sans-serif;font-size:9px}
.service-server__row .service-copy,.service-server__users .service-copy{min-height:31px;padding-inline:7px}
.service-server__users{gap:5px;padding:4px 2px;display:grid}
.service-server__users>small{color:#8290a4;font-size:8px}
.service-server__users>span{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}
.service-server__download{color:#fff;background:var(--brand);border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:41px;margin-top:2px;font-size:9px;text-decoration:none;display:flex}
.service-server__download:hover{color:#fff;background:var(--brand-deep)}
.service-empty{color:#77869a;background:#fff;border:1px dashed #d9e1ec;border-radius:13px;padding:18px;font-size:10px}
.service-help{background:#eef3fb;border:1px solid #e1e9f5;border-radius:15px;align-items:center;gap:11px;padding:15px 17px;display:flex}
.service-help__icon{color:#567bbd;background:#fff;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid}
.service-help>div{flex:1;min-width:0}
.service-help strong{color:#354a69;font-size:10px}
.service-help p{color:#8190a4;margin:2px 0 0;font-size:8px}
.service-help .button{flex:none;min-height:40px;font-size:9px;text-decoration:none}
.service-help__smart-check{color:#315fba;background:#fff;border-color:#cbd9ef}
.service-toast{z-index:800;color:#126d5a;background:#e8f6f1;border:1px solid #ccebe1;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex;position:fixed;inset-block-end:28px;inset-inline-start:50%;transform:translate(50%);box-shadow:0 9px 30px #163b4221}
.service-toast.is-error{color:#9a3340;background:#fff0f1;border-color:#f2cdd1}
.service-public-page{background:radial-gradient(at 78% 4%,#4680ff1a,#0000 36%);width:min(100%,1600px);min-height:100vh;margin:0 auto;padding:34px clamp(16px,4vw,58px) 56px}
.service-public-page>.page-heading{margin-top:0;margin-bottom:23px}
.service-public-page>.page-heading .page-heading__eyebrow{color:#557fc4}
@media (width<=1050px){.service-hero{grid-template-columns:minmax(0,1fr) 210px;padding-inline:25px}.service-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=760px){.service-access{gap:13px}.service-hero{border-radius:20px;grid-template-columns:1fr;gap:20px;min-height:0;padding:22px}.service-hero h1{margin-top:14px;font-size:23px}.service-hero__actions{margin-top:17px}.service-meter-wrap{grid-template-columns:108px minmax(0,1fr);place-items:center start;gap:14px}.service-meter{width:102px;padding:7px}.service-meter__center small{font-size:7px}.service-meter__center strong{font-size:19px}.service-meter__center span{font-size:7px}.service-meter__caption{justify-content:start;gap:8px;font-size:8px;display:grid}.service-hero__orbit{inset-block-end:-310px;inset-inline-end:-160px}.service-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-fact{min-height:75px;padding:10px}.service-detail-grid,.service-server-grid{grid-template-columns:1fr}.service-panel{border-radius:15px;padding:15px}.service-subscription{padding:15px}.service-device-guide{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:10px}.service-device-guide__icon{width:35px;height:35px}.service-device-guide__label{grid-column:2;justify-self:start}.service-help{flex-wrap:wrap;align-items:flex-start}.service-help>div{padding-top:2px}.service-help .button{width:100%}}
@media (width<=430px){.service-public-page{padding:23px 13px 40px}.service-client-grid{grid-template-columns:1fr}.service-client{min-height:55px}.service-subscription__link{align-items:flex-start}.service-subscription__link .service-copy{min-height:33px}.service-server__row{grid-template-columns:65px minmax(0,1fr) auto}.service-hero__actions{align-items:stretch}.service-hero__actions>*{flex:100%}.service-hero__actions .button{justify-content:center}.service-section-heading h2{font-size:14px}}
@media (prefers-reduced-motion:reduce){.service-client{transition:none}}
.admin-workspace{gap:17px;display:grid}
.admin-workspace>.page-heading{margin-bottom:1px}
.admin-live{color:#47735f;white-space:nowrap;background:#eef8f3;border:1px solid #dcefe5;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:inline-flex}
.admin-live i,.admin-status i{background:#b0bac8;border-radius:50%;width:7px;height:7px}
.admin-live i{background:#28a17b;box-shadow:0 0 0 4px #28a17b1a}
.admin-heading-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}
.admin-heading-actions .button{min-height:40px;font-size:10px}
.admin-total{color:#657791;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:inline-flex}
.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}
.admin-stats-grid--reports{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-stat{border:1px solid var(--line);min-width:0;min-height:98px;box-shadow:var(--shadow-card);background:#fff;border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex;position:relative;overflow:hidden}
.admin-stat:after{content:"";pointer-events:none;border:1px solid #4680ff12;border-radius:50%;width:100px;height:100px;position:absolute;inset-block-end:-38px;inset-inline-end:-20px;box-shadow:0 0 0 13px #4680ff06,0 0 0 27px #4680ff05}
.admin-stat__icon{color:#3d72da;background:#edf3ff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}
.admin-stat__icon--green{color:#16806b;background:#e8f6f1}
.admin-stat__icon--amber{color:#a5751a;background:#fff5df}
.admin-stat__icon--purple{color:#7662cf;background:#f1efff}
.admin-stat>div{gap:1px;min-width:0;display:grid}
.admin-stat small{color:#79889d;font-size:9px}
.admin-stat strong{color:#253a59;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:20px;line-height:1.35;overflow:hidden}
.admin-stat>div>span{color:#9aa5b4;font-size:8px}
.admin-overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(230px,.7fr);gap:13px;display:grid}
.admin-panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-card);background:#fff;border-radius:17px;padding:18px}
.admin-panel__heading{align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}
.admin-panel__heading>div{flex:1;min-width:0}
.admin-panel__icon{color:#3b74e2;background:#edf3ff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}
.admin-panel__icon--green{color:#17826d;background:#eaf7f2}
.admin-panel__heading h2{color:#2d405c;margin:0;font-size:12px}
.admin-panel__heading p{color:#8996a8;margin:2px 0 0;font-size:9px}
.admin-panel__heading>b{color:#314969;text-align:left;white-space:nowrap;font-size:12px}
.admin-panel__heading>b small{color:#929eae;margin-top:2px;font-size:8px;font-weight:400;display:block}
.admin-chart{min-width:0;padding-top:6px}
.admin-chart__head{color:#8a97a9;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}
.admin-chart__head>div{align-items:center;gap:7px;display:flex}
.admin-chart__head strong{color:#64758e;font-size:9px}
.admin-chart__dot{background:#4b80f4;border-radius:50%;width:8px;height:8px}
.admin-chart__svg{width:100%;height:185px;margin-top:5px;display:block;overflow:visible}
.admin-chart__labels{color:#9aa6b6;direction:ltr;justify-content:space-between;font-size:8px;display:flex}
.admin-chart__empty{color:#8e9bad;background:#fafbfd;border:1px dashed #e4e9f1;border-radius:12px;place-items:center;min-height:170px;font-size:10px;display:grid}
.admin-wallet-summary{background:radial-gradient(circle at 100% 0,#5c8fff24,#0000 52%),#fff;flex-direction:column;justify-content:center;align-items:flex-start;min-height:220px;display:flex;position:relative;overflow:hidden}
.admin-wallet-summary:after{content:"";border:1px solid #4680ff1a;border-radius:50%;width:166px;height:166px;position:absolute;inset-block-end:-64px;inset-inline-end:-42px;box-shadow:0 0 0 17px #4680ff09,0 0 0 35px #4680ff06}
.admin-wallet-summary__icon{color:#3f75dc;background:#edf3ff;border-radius:12px;place-items:center;width:39px;height:39px;margin-bottom:14px;display:grid}
.admin-wallet-summary>small{color:#8391a5;font-size:9px}
.admin-wallet-summary>strong{color:#263c5b;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(18px,2.1vw,26px);line-height:1.4}
.admin-wallet-summary>strong span{color:#7f8ea4;font-size:9px;font-weight:400}
.admin-wallet-summary p{color:#8996a8;max-width:240px;margin:8px 0 12px;font-size:9px;line-height:1.8}
.admin-inline-link{z-index:1;color:#3d72d9;align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex;position:relative}
.admin-recent-panel{padding-bottom:8px}
.admin-recent-panel .admin-panel__heading .admin-inline-link{margin-inline-start:auto}
.admin-recent-list{display:grid}
.admin-recent-row{border-top:1px solid #edf0f5;align-items:center;gap:10px;min-width:0;padding:10px 2px;display:flex}
.admin-recent-row__icon{color:#b25661;background:#fff0f1;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}
.admin-recent-row__icon.is-in{color:#18816b;background:#eaf7f2}
.admin-recent-row__copy{flex:1;min-width:0;display:grid}
.admin-recent-row__copy strong{color:#40536e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}
.admin-recent-row__copy small{color:#929eae;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}
.admin-recent-row>b{color:#a64a57;font-variant-numeric:tabular-nums;flex:none;font-size:10px}
.admin-recent-row>b.is-positive{color:#16806b}
.admin-recent-row>b small{color:#8492a6;font-size:8px;font-weight:400}
.admin-list-toolbar{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;padding:11px;display:flex}
.admin-search{color:#8a98ac;background:#f8fafd;border:1px solid #edf0f5;border-radius:10px;flex:1;align-items:center;min-width:200px;height:41px;padding-inline:11px;display:flex}
.admin-search input{color:#354a68;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 8px;font-size:10px}
.admin-search input::placeholder{color:#a1acba}
.admin-search button{color:#3e70d1;cursor:pointer;background:#edf3ff;border:0;border-radius:7px;padding:6px 9px;font-size:9px}
.admin-filter{color:#8290a4;background:#fff;border:1px solid #e9edf3;border-radius:10px;align-items:center;gap:7px;min-height:41px;padding:0 10px;font-size:9px;display:flex}
.admin-filter select{color:#4d607b;max-width:92px;font:inherit;background:0 0;border:0;outline:0}
.admin-list-toolbar__page{color:#8b98a9;white-space:nowrap;font-size:9px}
.admin-service-filters{grid-template-columns:repeat(5,minmax(125px,1fr)) auto;align-items:end;display:grid}
.admin-service-filters .field{gap:4px;min-width:0}
.admin-service-filters .field label{color:#75849a;font-size:9px}
.admin-service-filters .field input,.admin-service-filters .field select{border-radius:9px;min-height:39px;padding:8px 9px;font-size:10px}
.admin-report-search{min-width:180px}
.admin-inline-notice{color:#933e4a;background:#fff1f2;border:1px solid #f1d9dc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:10px;display:flex}
.admin-inline-notice.is-success{color:#28725e;background:#edf8f3;border-color:#d4eee2}
.admin-inline-notice button{width:27px;height:27px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}
.admin-table-wrap{border:1px solid var(--line);width:100%;box-shadow:var(--shadow-card);background:#fff;border-radius:15px;overflow:auto}
.admin-table{border-collapse:collapse;text-align:right;width:100%;min-width:780px}
.admin-table th{color:#75859c;white-space:nowrap;background:#f8fafd;border-bottom:1px solid #e9edf4;padding:12px 13px;font-size:9px;font-weight:700}
.admin-table td{color:#425670;vertical-align:middle;border-bottom:1px solid #eff2f6;max-width:310px;padding:12px 13px;font-size:9px}
.admin-table tbody tr:last-child td{border-bottom:0}
.admin-table tbody tr:hover{background:#fbfcfe}
.admin-value--empty{color:#b0b9c6}
.admin-value--long{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:255px;display:inline-block;overflow:hidden}
.admin-status{color:#8d98a8;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}
.admin-status.is-on{color:#18816b}
.admin-status.is-on i{background:#27a17d}
.admin-row-actions{flex-wrap:wrap;align-items:center;gap:5px;min-width:170px;display:flex}
.admin-action{color:#547096;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e3e9f2;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 8px;font-size:8px;display:inline-flex}
.admin-action:hover:not(:disabled){color:#315fae;background:#f7f9ff;border-color:#c6d5ee}
.admin-action:disabled{opacity:.58;cursor:wait}
.admin-action--green{color:#177962;background:#f4fbf8;border-color:#dbeee7}
.admin-action--red{color:#a44451;background:#fff9f9;border-color:#f0dfe1}
.admin-action--amber{color:#91620b;background:#fffaf0;border-color:#f1e3c3}
.admin-service-password{gap:12px;display:grid}
.admin-service-password code{overflow-wrap:anywhere;color:#334b6b;background:#f6f8fc;border:1px solid #e8edf5;border-radius:10px;padding:13px;font-size:12px;line-height:1.7;display:block}
.admin-service-password .button{justify-self:start}
.admin-mobile-records{display:none}
.admin-record-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-card);background:#fff;border-radius:14px;padding:14px}
.admin-record-card__head{color:#354a67;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;font-size:11px;display:flex}
.admin-record-card__id{color:#9ba6b5;direction:ltr;font:9px Arial,sans-serif}
.admin-record-card dl{gap:7px;margin:10px 0 12px;display:grid}
.admin-record-card dl>div{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}
.admin-record-card dt{color:#8794a7;flex:none;font-size:9px}
.admin-record-card dd{color:#405571;text-align:left;overflow-wrap:anywhere;margin:0;font-size:9px}
.admin-record-card .admin-row-actions{border-top:1px solid #edf0f5;min-width:0;padding-top:10px}
.admin-pagination{color:#8290a4;justify-content:center;align-items:center;gap:13px;font-size:9px;display:flex}
.admin-pagination button{color:#526987;cursor:pointer;background:#fff;border:1px solid #e0e7f0;border-radius:9px;align-items:center;gap:5px;min-height:38px;padding:0 11px;display:inline-flex}
.admin-pagination button:last-child svg{transform:rotate(180deg)}
.admin-pagination button:disabled{opacity:.45;cursor:default}
.admin-editor,.admin-action-dialog{gap:13px;display:grid}
.admin-editor .field>span,.admin-action-dialog .field>span{color:#43536c;font-size:10px;font-weight:700}
.admin-editor input,.admin-editor textarea,.admin-editor select,.admin-action-dialog textarea,.admin-action-dialog select{color:#32445e;width:100%;min-width:0;min-height:43px;font:inherit;background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:9px 11px;font-size:11px}
.admin-editor textarea,.admin-action-dialog textarea{resize:vertical}
.admin-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:min(58vh,540px);padding:2px 2px 3px;display:grid;overflow-y:auto}
.admin-settings-form{gap:14px;display:grid}
.admin-settings-form__section{border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;border-radius:15px;overflow:hidden}
.admin-settings-form__section>h2{color:var(--ink);border-bottom:1px solid var(--line);margin:0;padding:16px 19px;font-size:14px;font-weight:700}
.admin-settings-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;padding:20px;display:grid}
.admin-settings-form__field--wide{grid-column:1/-1}
.admin-settings-form__field--wide small{color:var(--muted);margin-top:7px;display:block}
.admin-settings-form__field--wide a{color:var(--primary);text-decoration:underline}
.admin-settings-form__actions{z-index:2;justify-content:flex-start;display:flex;position:sticky;bottom:12px}
.admin-settings-form__actions .button{box-shadow:0 8px 22px #142a4a29}
.admin-editor__field--wide{grid-column:1/-1}
.admin-checkbox{background:#f8fafd;border:1px solid #e5eaf2;border-radius:9px;align-items:center;gap:8px;min-height:43px;padding:0 10px;display:flex}
.admin-checkbox input{width:17px;min-height:17px;accent-color:var(--brand)}
.admin-checkbox i{color:#60728b;font-size:10px;font-style:normal}
.admin-editor__actions{border-top:1px solid #edf0f5;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding-top:4px;display:flex}
.admin-form-error{color:#913d49;background:#fff2f3;border:1px solid #f0dadd;border-radius:9px;margin:0;padding:9px 11px;font-size:9px}
.button--danger{color:#fff!important;background:#b64c5a!important;box-shadow:0 4px 10px #b64c5a2b!important}
.admin-action-dialog{min-width:min(330px,75vw)}
.admin-report-table .admin-table{min-width:600px}
.admin-income-filters{grid-template-columns:repeat(6,minmax(125px,1fr));align-items:end;gap:9px;display:grid}
.admin-income-date,.admin-income-select{color:#75849a;gap:5px;min-width:0;font-size:9px;display:grid}
.admin-income-date input,.admin-income-select select{color:#405571;width:100%;min-width:0;height:41px;font:inherit;background:#fff;border:1px solid #e4eaf2;border-radius:9px;padding:0 10px;font-size:10px}
.admin-income-filters .button{white-space:nowrap;min-height:41px}
.admin-income-search{grid-column:span 2;min-width:0}
.admin-income-filters__error{grid-column:1/-1}
.admin-income-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-income-chart__legend{color:#718199;align-items:center;gap:5px;margin-inline-end:12px;font-size:9px;display:inline-flex}
.admin-income-chart__legend i,.admin-income-chart__tooltip i{border-radius:50%;width:8px;height:8px;display:inline-block}
.admin-income-chart__plot{position:relative}
.admin-income-chart__svg circle{cursor:crosshair;outline:none}
.admin-income-chart__svg circle:focus-visible{stroke-width:4px}