/* Functional geometry only. Visual components come from the approved mockup. */

*{box-sizing:border-box;}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}

button{cursor:pointer;}
img{display:block;max-width:100%;}
.hidden{display:none;}
#root{min-height:100vh;}
::-webkit-scrollbar{width:6px;height:6px;}



.brand{display:flex;align-items:center;row-gap:11px;column-gap:11px;}
.brand-icon{width:38px;height:38px;display:grid;align-items:center;justify-items:center;flex-shrink:0;}
.brand strong{display:block;}
.brand span{display:block;margin-top:2px;}

.auth-screen{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:hidden;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;}
.auth-screen.hidden{display:none;}
.auth-bg-layer{position:absolute;top:0px;right:0px;bottom:0px;left:0px;overflow-x:hidden;overflow-y:hidden;pointer-events:none;z-index:1;}
.auth-orb{position:absolute;pointer-events:none;}
.orb-emerald{width:min(560px, 60vw);height:min(560px, 60vw);top:8%;left:14%;}
.orb-cyan{width:min(520px, 55vw);height:min(520px, 55vw);bottom:6%;right:12%;}
.orb-indigo{width:min(460px, 50vw);height:min(460px, 50vw);top:45%;left:55%;}



.auth-grid-pattern{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.auth-canvas{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%;display:block;}
.auth-vignette{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.auth-center-wrap{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;}
.auth-center-brand{margin-bottom:22px;display:flex;align-items:center;row-gap:12px;column-gap:12px;}
.auth-center-brand .brand-icon{width:42px;height:42px;}


.login-card{width:100%;padding-top:34px;padding-right:32px;padding-bottom:30px;padding-left:32px;}

.login-card h2{margin-top:10px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.login-card > p{margin-top:0px;margin-right:0px;margin-bottom:22px;margin-left:0px;}
.field{display:block;margin-top:14px;}
.field > span{display:block;margin-bottom:7px;}
.field input{width:100%;height:48px;padding-top:0px;padding-right:14px;padding-bottom:0px;padding-left:14px;}

.password-field{position:relative;}
.password-field input{padding-right:84px;}
.password-field button{position:absolute;right:7px;top:7px;height:34px;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;}

.form-note{display:block;margin-top:12px;}
.btn{height:41px;padding-top:0px;padding-right:14px;padding-bottom:0px;padding-left:14px;display:inline-flex;align-items:center;justify-content:center;row-gap:7px;column-gap:7px;}





.btn-wide{width:100%;height:48px;margin-top:16px;}
.btn-small{height:32px;padding-top:0px;padding-right:11px;padding-bottom:0px;padding-left:11px;}
.dashboard{display:grid;grid-template-columns:215px minmax(0px, 1fr);min-height:100vh;}
.sidebar{padding-top:20px;padding-right:13px;padding-bottom:20px;padding-left:13px;display:flex;flex-direction:column;}
.sidebar-brand{padding-top:0px;padding-right:8px;padding-bottom:18px;padding-left:8px;}
.nav{display:flex;flex-direction:column;row-gap:3px;column-gap:3px;}
.nav-item{height:40px;display:flex;align-items:center;row-gap:9px;column-gap:9px;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;}
.nav-item span{width:18px;}
.nav-item em{margin-left:auto;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;}

.nav-label{margin-top:18px;margin-right:10px;margin-bottom:6px;margin-left:10px;}
.user-card{margin-top:auto;padding-top:9px;padding-right:10px;padding-bottom:9px;padding-left:10px;display:grid;grid-template-columns:32px 1fr;row-gap:9px;column-gap:9px;align-items:center;}
.avatar{width:32px;height:32px;display:grid;align-items:center;justify-items:center;}

.user-card span{display:block;margin-top:2px;}
.workspace{padding-top:26px;padding-right:32px;padding-bottom:60px;padding-left:32px;min-width:0px;}
.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;}


.topbar h1{margin-top:6px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.view{display:none;}
.view.active{display:block;}
.hero-card{min-height:240px;display:grid;grid-template-columns:1.05fr 0.95fr;overflow-x:hidden;overflow-y:hidden;}
.hero-copy{padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;}
.status-chip{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;}
.status-chip i{width:5px;height:5px;}
.hero-copy h2{margin-top:16px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
.hero-copy p{max-width:480px;}
.hero-copy .btn{margin-top:10px;}
.hero-image-wrap{position:relative;overflow-x:hidden;overflow-y:hidden;}
.hero-image-wrap img{width:100%;height:100%;object-fit:cover;}
.hero-image-fade{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);row-gap:12px;column-gap:12px;margin-top:14px;}
.stat-card{padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px;display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;}

.stat-main{min-width:0px;}
.stat-main > span{display:block;}
.stat-main strong{display:block;margin-top:6px;margin-right:0px;margin-bottom:4px;margin-left:0px;}
.stat-main strong em{margin-left:2px;}
.stat-main small{display:flex;align-items:center;row-gap:5px;column-gap:5px;}
.stat-main small i{display:inline-block;width:5px;height:5px;}
.stat-mini-ring{width:44px;height:44px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.mini-ring-svg{width:100%;height:100%;}

.mini-ring-center{position:absolute;pointer-events:none;}
.main-grid{display:grid;grid-template-columns:minmax(0px, 1.4fr) minmax(320px, 0.8fr);row-gap:14px;column-gap:14px;margin-top:14px;}
.panel{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;row-gap:12px;column-gap:12px;}
.panel h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.panel p{margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.smart-chart-tag{padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;}
.tabs{display:flex;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.tabs button{height:28px;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;cursor:pointer;}


.chart-metrics-bar{display:grid;grid-template-columns:repeat(4, 1fr);row-gap:10px;column-gap:10px;margin-top:16px;margin-right:0px;margin-bottom:12px;margin-left:0px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px;}
.chart-metric-item{display:flex;flex-direction:column;}

.c-val{margin-top:2px;}


.smart-chart-container{height:230px;margin-top:8px;position:relative;cursor:crosshair;}
.smart-chart-container svg{width:100%;height:100%;overflow-x:visible;overflow-y:visible;}


.chart-x-axis{display:flex;justify-content:space-between;padding-top:6px;padding-right:45px;padding-bottom:0px;padding-left:50px;}
.chart-tooltip{position:absolute;pointer-events:none;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;z-index:20;}
.chart-tooltip.hidden{visibility:hidden;}
.tt-time{margin-bottom:3px;}
.tt-main-row{display:flex;align-items:center;row-gap:6px;column-gap:6px;}
.tt-dot{width:6px;height:6px;}


.tt-sub-row{margin-top:3px;padding-top:3px;}
.radial-dashboard-panel{display:flex;flex-direction:column;}
.radial-gauge-container{display:flex;flex-direction:column;align-items:center;padding-top:10px;padding-right:0px;padding-bottom:14px;padding-left:0px;}
.radial-svg-wrap{position:relative;width:176px;height:176px;}
.radial-svg{width:100%;height:100%;}

.radial-center-box{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}

.radial-center-num{margin-top:2px;margin-right:0px;margin-bottom:2px;margin-left:0px;}
.radial-center-badge{display:inline-flex;align-items:center;row-gap:5px;column-gap:5px;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;}
.radial-center-badge i{width:4px;height:4px;}
.radial-legend{width:100%;display:flex;flex-direction:column;row-gap:6px;column-gap:6px;margin-top:10px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;}
.r-leg-item{display:flex;justify-content:space-between;align-items:center;}
.r-leg-left{display:flex;align-items:center;row-gap:7px;column-gap:7px;}
.r-dot{width:7px;height:7px;flex-shrink:0;}





.radial-ops-section{margin-top:12px;padding-top:12px;}
.radial-ops-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}


.live-badge{padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;}
.operators{margin-top:13px;display:flex;flex-direction:column;row-gap:7px;column-gap:7px;}
.operators .op-row{padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px;display:flex;justify-content:space-between;align-items:center;}

.op-brand-left{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;}

.op-icon{width:20px;height:20px;flex-shrink:0;}



.connections-panel{margin-top:14px;}
.connection-list{display:flex;flex-direction:column;row-gap:10px;column-gap:10px;margin-top:14px;}
.connection-row{width:100%;display:grid;grid-template-columns:minmax(200px, 1.6fr) minmax(130px, 1fr) minmax(90px, 0.7fr) minmax(220px, 1.4fr) 36px;row-gap:16px;column-gap:16px;align-items:center;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px;cursor:pointer;}


.server-name{display:flex;align-items:center;row-gap:14px;column-gap:14px;min-width:0px;}
.country-badge{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow-x:hidden;overflow-y:hidden;}
.country-flag{width:25px;height:17px;object-fit:cover;}

.server-info{min-width:0px;overflow-x:hidden;overflow-y:hidden;}
.server-info b{display:block;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.server-info small{display:block;margin-top:3px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

.conn-stat small{display:block;margin-bottom:4px;}
.conn-stat b{display:block;}
.quota-mini-bar{width:100%;max-width:140px;height:4px;margin-top:5px;overflow-x:hidden;overflow-y:hidden;}
.quota-mini-fill{height:100%;}
.node-rem-pill{display:inline-block;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;margin-top:3px;}



.conn-status{display:flex;align-items:center;justify-content:flex-end;row-gap:10px;column-gap:10px;}
.state{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px;}
.state i{display:inline-block;width:6px;height:6px;flex-shrink:0;}








.btn-bind-panel{display:inline-flex;align-items:center;row-gap:6px;column-gap:6px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px;cursor:pointer;}


.conn-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;justify-self:end;box-sizing:border-box;}

@media (max-width: 860px) {.connection-row{grid-template-columns:1fr auto auto;row-gap:12px;column-gap:12px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;}
.conn-stat{display:none;}}
.placeholder{min-height:380px;display:grid;align-items:center;justify-items:center;align-content:center;}
.placeholder h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.placeholder p{max-width:480px;}
.modal, .drawer{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:50;}
.backdrop{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.wizard-card{position:absolute;left:50%;top:50%;width:min(650px, 100% - 28px);max-height:90vh;overflow-y:auto;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;}
.close-btn{position:absolute;right:14px;top:14px;width:30px;height:30px;display:grid;align-items:center;justify-items:center;}

.wizard-head{display:flex;justify-content:space-between;row-gap:14px;column-gap:14px;padding-right:40px;}
.wizard-head h2{margin-top:8px;margin-right:0px;margin-bottom:6px;margin-left:0px;}
.wizard-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}


.step-track{display:grid;grid-template-columns:repeat(4, 1fr);row-gap:5px;column-gap:5px;margin-top:18px;margin-right:0px;margin-bottom:18px;margin-left:0px;}
.step-track i{height:3px;}

.wizard-step{display:none;}
.wizard-step.active{display:block;}
.wizard-image{height:125px;overflow-x:hidden;overflow-y:hidden;margin-bottom:14px;}
.wizard-image img{width:100%;height:100%;object-fit:cover;}
.hint-box{padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;margin-top:13px;}

.success{padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.success > span{width:62px;height:62px;display:grid;align-items:center;justify-items:center;margin-top:0px;margin-right:auto;margin-bottom:12px;margin-left:auto;}
.success h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}

.check-grid, .benefits{display:grid;grid-template-columns:1fr 1fr;row-gap:7px;column-gap:7px;}
.check-grid div, .benefits div{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}
.check-grid div{display:flex;justify-content:space-between;align-items:center;}


.payment-card{padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;}
.payment-card span, .payment-card small{display:block;}
.payment-card strong{display:block;margin-top:7px;margin-right:7px;margin-bottom:7px;margin-left:7px;}
.benefits{margin-top:9px;}
.install-head{display:flex;justify-content:space-between;align-items:center;}
.install-head > div{display:flex;align-items:center;row-gap:7px;column-gap:7px;}
.install-head i{width:6px;height:6px;}


.install-progress{height:7px;overflow-x:hidden;overflow-y:hidden;margin-top:10px;margin-right:0px;margin-bottom:15px;margin-left:0px;}
.install-progress span{display:block;width:0%;height:100%;}
.timeline{display:flex;flex-direction:column;row-gap:6px;column-gap:6px;}
.timeline > div{padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;display:grid;grid-template-columns:26px 1fr auto;row-gap:9px;column-gap:9px;align-items:center;}
.timeline i{width:26px;height:26px;display:grid;align-items:center;justify-items:center;}

.timeline small{display:block;margin-top:2px;}





.error-box{display:grid;grid-template-columns:30px 1fr;row-gap:10px;column-gap:10px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;margin-top:10px;}
.error-mark{width:30px;height:30px;display:grid;align-items:center;justify-items:center;}

.error-box p{margin-top:4px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.command-row{display:flex;row-gap:7px;column-gap:7px;margin-top:8px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.command-row code{flex-grow:1;flex-shrink:1;flex-basis:0%;padding-top:7px;padding-right:10px;padding-bottom:7px;padding-left:10px;display:flex;align-items:center;}
.command-row button{padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;}

.error-box small{display:block;margin-bottom:8px;}
.wizard-actions{display:flex;justify-content:space-between;margin-top:18px;padding-top:16px;}
.drawer{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:80;display:flex;align-items:center;justify-content:center;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
.drawer.hidden{display:none;}
.drawer .backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;}
.drawer aside, .drawer-panel{position:relative;width:100%;max-width:580px;max-height:min(92vh, 840px);padding-top:22px;padding-right:24px;padding-bottom:20px;padding-left:24px;overflow-y:auto;}

.drawer-header-compact{display:flex;justify-content:space-between;align-items:flex-start;row-gap:12px;column-gap:12px;margin-bottom:14px;}
.drawer-header-meta{display:flex;flex-direction:column;row-gap:2px;column-gap:2px;min-width:0px;}
.drawer-kicker-row{display:flex;align-items:center;row-gap:8px;column-gap:8px;}

.drawer-title-row h2{margin-top:2px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.drawer-subtitle{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.drawer-header-actions{display:flex;align-items:center;row-gap:6px;column-gap:6px;flex-shrink:0;}
.drawer-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}

.drawer-overflow-wrap{position:relative;}
.drawer-overflow-dropdown{position:absolute;right:0px;top:calc(100% + 6px);width:220px;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;z-index:95;display:flex;flex-direction:column;row-gap:2px;column-gap:2px;}
.drawer-overflow-dropdown.hidden{display:none;}
.drawer-overflow-item{display:flex;align-items:center;row-gap:8px;column-gap:8px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;cursor:pointer;width:100%;}

.drawer-header{margin-bottom:12px;padding-right:36px;}
.drawer-title-wrap{display:flex;align-items:center;row-gap:12px;column-gap:12px;flex-wrap:wrap;margin-top:4px;}
.drawer h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.drawer-status{display:inline-flex;align-items:center;row-gap:6px;column-gap:6px;padding-top:5px;padding-right:12px;padding-bottom:5px;padding-left:12px;}
.drawer-status i{display:inline-block;width:6px;height:6px;}




.terminal-box{margin-top:10px;overflow-x:hidden;overflow-y:hidden;}
.terminal-bar{display:flex;align-items:center;justify-content:space-between;padding-top:9px;padding-right:14px;padding-bottom:9px;padding-left:14px;}
.terminal-dots{display:flex;row-gap:6px;column-gap:6px;align-items:center;}
.t-dot{width:9px;height:9px;display:inline-block;}




.drawer-install-bar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.drawer-install-badge{padding-top:4px;padding-right:10px;padding-bottom:4px;padding-left:10px;}
.drawer-install-hint{display:flex;align-items:center;row-gap:8px;column-gap:8px;margin-top:10px;padding-top:9px;padding-right:12px;padding-bottom:9px;padding-left:12px;}
.drawer-image{height:160px;margin-top:16px;margin-right:0px;margin-bottom:16px;margin-left:0px;overflow-x:hidden;overflow-y:hidden;}
.drawer-image img{width:100%;height:100%;object-fit:cover;}
.drawer-info div{display:flex;justify-content:space-between;align-items:center;padding-top:11px;padding-right:0px;padding-bottom:11px;padding-left:0px;}



.toast{position:fixed;right:18px;bottom:18px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px;z-index:70;}











.vds-wizard{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:80;display:grid;align-items:center;justify-items:center;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
.vds-wizard.hidden{display:none;}
.vds-wizard-backdrop{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.vds-wizard-card{position:relative;z-index:1;width:min(740px, 100%);max-height:min(92vh, 780px);padding-top:24px;padding-right:28px;padding-bottom:20px;padding-left:28px;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;}
.vds-wizard-header-compact{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;row-gap:14px;column-gap:14px;margin-bottom:14px;}
.vds-header-meta{display:flex;flex-direction:column;row-gap:3px;column-gap:3px;min-width:0px;}
.vds-kicker-row{display:flex;align-items:center;row-gap:10px;column-gap:10px;}
.vds-step-badge-pill{padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;}
.vds-title-row h2{margin-top:2px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-close-btn{flex-shrink:0;}
.vds-segmented-stepper{flex-shrink:0;display:flex;align-items:center;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px;row-gap:4px;column-gap:4px;margin-bottom:20px;overflow-x:auto;}
.vds-segmented-stepper::-webkit-scrollbar{display:none;}
.vds-step-pill{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:0px;display:inline-flex;align-items:center;justify-content:center;row-gap:6px;column-gap:6px;padding-top:7px;padding-right:8px;padding-bottom:7px;padding-left:8px;}
.vds-step-pill i{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;}




.vds-step{display:none;}
.vds-step.active{display:block;flex-grow:1;flex-shrink:1;flex-basis:0%;min-height:0px;overflow-y:auto;padding-right:4px;}

.vds-step-section-head{display:flex;flex-direction:column;row-gap:4px;column-gap:4px;margin-bottom:18px;}
.vds-step-section-title{display:flex;align-items:center;row-gap:8px;column-gap:8px;}
.vds-step-icon{flex-shrink:0;}
.vds-step-section-title h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-step-section-desc{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-field-cards-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:14px;column-gap:14px;margin-bottom:16px;}
.vds-field-card{display:flex;flex-direction:column;row-gap:8px;column-gap:8px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;box-sizing:border-box;}

.vds-field-card-head{display:flex;align-items:center;justify-content:space-between;row-gap:8px;column-gap:8px;}
.vds-field-label-group{display:flex;align-items:center;row-gap:7px;column-gap:7px;}
.vds-field-label-group label{cursor:pointer;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-card-badge{padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;}


.vds-field-input-wrap{position:relative;width:100%;}
.vds-modern-input{width:100%;height:44px;padding-top:0px;padding-right:13px;padding-bottom:0px;padding-left:13px;box-sizing:border-box;}



.readonly-input{cursor:default;}


.vds-info-banner{display:flex;align-items:flex-start;row-gap:12px;column-gap:12px;padding-top:13px;padding-right:15px;padding-bottom:13px;padding-left:15px;box-sizing:border-box;}
.vds-info-banner-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;margin-top:1px;}
.vds-info-banner-body strong{display:block;margin-bottom:3px;}
.vds-info-banner-body p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-country-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));row-gap:14px;column-gap:14px;width:100%;}
.vds-country-option{min-width:0px;display:flex;flex-direction:column;justify-content:space-between;row-gap:14px;column-gap:14px;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px;cursor:pointer;box-sizing:border-box;}


.vds-country-option:disabled, .vds-country-option.disabled{pointer-events:none;cursor:not-allowed;}
.vds-country-main{display:flex;align-items:center;row-gap:12px;column-gap:12px;}
.vds-country-flag{width:38px;height:27px;object-fit:cover;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.vds-country-info{display:flex;flex-direction:column;min-width:0px;}
.vds-country-info strong{display:block;}
.vds-country-sub{display:block;margin-top:3px;}
.vds-slot-badge{display:inline-flex;align-items:center;justify-content:center;row-gap:7px;column-gap:7px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px;width:100%;box-sizing:border-box;}



.vds-choice-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:14px;column-gap:14px;}
.vds-choice{display:flex;flex-direction:column;align-items:flex-start;row-gap:8px;column-gap:8px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;cursor:pointer;box-sizing:border-box;}


.vds-choice-top{display:flex;align-items:center;justify-content:space-between;width:100%;}
.vds-choice-badge{padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;}



.vds-choice-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:2px;}



.vds-step-guide{margin-top:14px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;}
.vds-step-guide-title{display:flex;align-items:center;row-gap:7px;column-gap:7px;margin-bottom:10px;}
.vds-step-guide-item{display:flex;row-gap:10px;column-gap:10px;margin-bottom:8px;}
.vds-step-guide-item:last-child{margin-bottom:0px;}
.vds-step-badge{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex-shrink:0;margin-top:2px;}
.vds-step-content{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:0px;overflow-wrap:anywhere;}
.vds-step-content code{padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;}
.vds-preflight-head{display:flex;justify-content:space-between;row-gap:12px;column-gap:12px;align-items:flex-start;margin-bottom:12px;}
.vds-preflight-head h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-preflight-head p{margin-top:3px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-badge{padding-top:4px;padding-right:10px;padding-bottom:4px;padding-left:10px;}
.vds-plan{padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;}
.vds-plan ul{margin-top:8px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-left:18px;}
.vds-plan code{padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;}
.vds-terminal-card{overflow-x:hidden;overflow-y:hidden;margin-top:12px;}
.vds-terminal-header{display:flex;align-items:center;justify-content:space-between;padding-top:9px;padding-right:14px;padding-bottom:9px;padding-left:14px;}
.vds-terminal-dots{display:flex;align-items:center;row-gap:6px;column-gap:6px;}
.vds-terminal-dots i{width:9px;height:9px;display:inline-block;}





.vds-run-progress{display:block;width:100%;height:3px;}
.vds-console{max-height:min(28vh, 250px);min-height:120px;overflow-y:auto;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;}
.vds-console:empty{display:none;}
.vds-log-row{display:grid;grid-template-columns:74px minmax(0px, 1fr);row-gap:12px;column-gap:12px;padding-top:4px;padding-right:6px;padding-bottom:4px;padding-left:6px;overflow-wrap:anywhere;}




.vds-result{padding-top:24px;padding-right:0px;padding-bottom:16px;padding-left:0px;display:flex;flex-direction:column;align-items:center;}
.vds-result-icon{display:inline-grid;align-items:center;justify-items:center;width:52px;height:52px;margin-bottom:12px;}
.vds-result h3{margin-top:0px;margin-right:0px;margin-bottom:6px;margin-left:0px;}
.vds-result p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-wizard-actions{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;row-gap:12px;column-gap:12px;margin-top:20px;padding-top:16px;}
.vds-wizard-actions .btn{display:inline-flex;align-items:center;justify-content:center;row-gap:8px;column-gap:8px;min-height:42px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;cursor:pointer;}




@media (max-width: 600px) {.vds-wizard{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;align-items:flex-end;}
.vds-wizard-card{width:100%;max-height:92vh;padding-top:;padding-right:;padding-bottom:;padding-left:;}
.vds-segmented-stepper{margin-bottom:16px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.vds-step-pill{min-width:65px;padding-top:6px;padding-right:8px;padding-bottom:6px;padding-left:8px;}
.vds-field-cards-grid, .vds-choice-grid, .vds-country-grid{grid-template-columns:1fr;}
.vds-wizard-actions{position:sticky;bottom:-16px;z-index:5;margin-top:16px;padding-top:;padding-right:;padding-bottom:;padding-left:;}}
@media (prefers-reduced-motion: reduce) {}
.vds-tariff-grid{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));row-gap:12px;column-gap:12px;}
@media (max-width: 960px) {.vds-tariff-grid{grid-template-columns:repeat(2, 1fr);}}
.vds-tariff-card{position:relative;display:flex;flex-direction:column;padding-top:16px;padding-right:14px;padding-bottom:16px;padding-left:14px;cursor:pointer;box-sizing:border-box;}


.vds-tariff-card.disabled{cursor:not-allowed;}

.vds-tariff-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.vds-tariff-badge{padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;}



.vds-tariff-caption.disabled-msg{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-tariff-radio{width:20px;height:20px;display:flex;align-items:center;justify-content:center;}

.vds-tariff-volume{display:flex;align-items:baseline;row-gap:6px;column-gap:6px;margin-bottom:4px;}


.vds-tariff-price{display:flex;align-items:baseline;row-gap:4px;column-gap:4px;margin-bottom:14px;padding-bottom:12px;}


.vds-tariff-features{list-style-position:initial;list-style-image:initial;list-style-type:none;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;display:flex;flex-direction:column;row-gap:8px;column-gap:8px;}
.vds-tariff-features li{display:flex;align-items:center;row-gap:8px;column-gap:8px;}
.vds-summary-card{padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;display:flex;flex-direction:column;row-gap:12px;column-gap:12px;}
.vds-summary-row{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;}

.vds-summary-val{display:flex;align-items:center;row-gap:6px;column-gap:6px;}
.vds-summary-val code{padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;}
.vds-country-flag-mini{display:inline-flex;align-items:center;justify-content:center;width:22px;height:16px;}
.vds-summary-divider{height:1px;margin-top:4px;margin-right:0px;margin-bottom:4px;margin-left:0px;}



.panel-bind-dialog{max-width:580px;width:100%;}
@media (max-width: 640px) {.vds-tariff-grid{grid-template-columns:1fr;}}


@media (max-width: 980px) {.dashboard{grid-template-columns:1fr;}
.sidebar{display:none;}
.main-grid{grid-template-columns:1fr;}
.stats-grid{grid-template-columns:1fr 1fr;}
.hero-card{grid-template-columns:1fr;}
.hero-image-wrap{display:none;}}
@media (max-width: 620px) {.workspace{padding-top:18px;padding-right:12px;padding-bottom:45px;padding-left:12px;}
.stats-grid{grid-template-columns:1fr;}
.topbar{align-items:center;}
.topbar .btn{width:40px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.topbar .btn::before{content:"+";}
.hero-copy{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}

.connection-row{grid-template-columns:1fr auto 18px;}
.connection-row > div:nth-child(2), .connection-row > div:nth-child(3){display:none;}
.check-grid, .benefits{grid-template-columns:1fr;}
.wizard-card{padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}}
.vds-cdn-confirm{margin-top:12px;margin-bottom:14px;}
.vds-cdn-confirm-card{padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;}
.vds-cdn-confirm-header{display:flex;align-items:center;row-gap:12px;column-gap:12px;margin-bottom:12px;}
.vds-cdn-confirm-header h4{margin-top:0px;margin-right:0px;margin-bottom:2px;margin-left:0px;}
.vds-cdn-confirm-header p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.vds-cdn-confirm-details{display:grid;grid-template-columns:1fr 1fr;row-gap:8px;column-gap:8px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;margin-bottom:14px;}
.vds-cdn-confirm-row{display:flex;flex-direction:column;row-gap:2px;column-gap:2px;}

.vds-cdn-confirm-row strong{overflow-wrap:anywhere;}
.vds-cdn-confirm-actions{display:flex;row-gap:10px;column-gap:10px;margin-bottom:10px;}
.vds-cdn-confirm-actions button{flex-grow:1;flex-shrink:1;flex-basis:0%;display:inline-flex;align-items:center;justify-content:center;padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px;cursor:pointer;}



.vds-cancelled-box{margin-top:12px;margin-bottom:14px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;}
.panel-connection-flow{display:flex;flex-wrap:wrap;align-items:center;row-gap:7px;column-gap:7px;margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;}
.panel-connection-flow span{display:inline-flex;align-items:center;min-height:30px;padding-top:5px;padding-right:9px;padding-bottom:5px;padding-left:9px;}
.panel-connection-flow span + span{position:relative;margin-left:12px;}
.panel-connection-flow span + span::before{content:"→";position:absolute;left:-18px;}
.vds-manual-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));row-gap:10px;column-gap:10px;margin-bottom:14px;}
.vds-manual-param-card{display:flex;flex-direction:column;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;row-gap:4px;column-gap:4px;}
.vds-manual-param-head{display:flex;align-items:center;justify-content:space-between;row-gap:8px;column-gap:8px;}

.vds-manual-param-val{word-break:break-all;}
.btn-copy-mini{min-height:32px;padding-top:5px;padding-right:9px;padding-bottom:5px;padding-left:9px;cursor:pointer;flex-shrink:0;}



.manual-code-card{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;margin-top:10px;}
.manual-code-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:8px;column-gap:8px;margin-bottom:8px;}

.manual-code-head .btn::before{content:"";display:inline-block;width:15px;height:15px;margin-right:7px;}
.manual-code-block{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;overflow-x:auto;max-width:100%;}
.manual-code-hint{margin-top:8px;}
.manual-inline-cmd{display:block;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;word-break:break-all;}
.vds-manual-check-card{padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}



@media (max-width: 600px) {.vds-manual-grid{grid-template-columns:minmax(0px, 1fr);}

.btn-copy-mini{min-height:40px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;}
.manual-code-head .btn{min-height:40px;}
}
.drawer-tabs-bar, .drawer-segmented-bar{display:flex;row-gap:4px;column-gap:4px;margin-top:10px;margin-right:0px;margin-bottom:16px;margin-left:0px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.drawer-tab-btn{flex-grow:1;flex-shrink:1;flex-basis:0%;display:inline-flex;align-items:center;justify-content:center;row-gap:6px;column-gap:6px;padding-top:7px;padding-right:8px;padding-bottom:7px;padding-left:8px;cursor:pointer;}
.drawer-tab-btn svg{flex-shrink:0;}



.drawer-cfg-tabs{display:flex;row-gap:6px;column-gap:6px;margin-bottom:12px;padding-bottom:8px;}
.drawer-cfg-tab{padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;cursor:pointer;}


.drawer-cfg-card{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;margin-bottom:12px;}
.remna-matrix{margin-top:12px;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;}
.remna-matrix-title{margin-bottom:8px;}
.remna-matrix-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:8px;column-gap:8px;}
.remna-matrix-grid span{display:block;}
.remna-matrix-grid b{overflow-wrap:anywhere;}
@media (max-width: 640px) {.remna-matrix-grid{grid-template-columns:1fr;}}
.quota-mini-bar{width:100%;height:4px;overflow-x:hidden;overflow-y:hidden;}
.quota-mini-fill{height:100%;}
.node-rem-pill{display:inline-block;padding-top:1px;padding-right:6px;padding-bottom:1px;padding-left:6px;}



.drawer-overview-cards{display:flex;flex-direction:column;row-gap:12px;column-gap:12px;margin-top:4px;}
.node-quota-card{padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;display:flex;flex-direction:column;}
.node-quota-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.node-quota-label{display:flex;align-items:center;row-gap:6px;column-gap:6px;}
.node-quota-numbers{display:flex;align-items:baseline;row-gap:8px;column-gap:8px;}



.node-quota-foot{display:flex;justify-content:space-between;align-items:center;row-gap:10px;column-gap:10px;flex-wrap:wrap;}

.btn-quota-inline{padding-top:4px;padding-right:10px;padding-bottom:4px;padding-left:10px;cursor:pointer;}

.node-network-card{padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;display:flex;flex-direction:column;row-gap:10px;column-gap:10px;}
.node-net-row{display:flex;justify-content:space-between;align-items:center;row-gap:10px;column-gap:10px;}
.node-net-label{flex-shrink:0;}
.node-net-val-wrap{display:flex;align-items:center;row-gap:6px;column-gap:6px;min-width:0px;}
.node-net-val-wrap code{padding-top:3px;padding-right:7px;padding-bottom:3px;padding-left:7px;max-width:250px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.btn-copy-tiny{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}


.node-net-meta-row{display:grid;grid-template-columns:1fr 1fr;row-gap:10px;column-gap:10px;padding-top:10px;}
.node-meta-item{display:flex;flex-direction:column;row-gap:2px;column-gap:2px;}


.drawer-footer-actions{display:grid;grid-template-columns:1.4fr 1fr;row-gap:10px;column-gap:10px;margin-top:16px;padding-top:14px;}
.drawer-footer-actions .btn{height:38px;}
@media (max-width: 600px) {.drawer{align-items:flex-end;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.drawer aside, .drawer-panel{width:100%;max-width:100%;max-height:88vh;padding-top:18px;padding-right:16px;padding-bottom:24px;padding-left:16px;}

.drawer-header-compact{margin-bottom:10px;}

.drawer-segmented-bar{row-gap:2px;column-gap:2px;padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px;}
.drawer-segmented-bar .drawer-tab-btn{padding-top:6px;padding-right:4px;padding-bottom:6px;padding-left:4px;row-gap:4px;column-gap:4px;}
.drawer-segmented-bar .drawer-tab-btn svg{width:12px;height:12px;}
.node-net-val-wrap code{max-width:150px;}
.drawer-footer-actions{grid-template-columns:1fr;row-gap:8px;column-gap:8px;}}
.drawer-actions-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:8px;column-gap:8px;margin-top:14px;}
@media (max-width: 480px) {.drawer-actions-grid{grid-template-columns:1fr;}}
.check-res-card{padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;display:flex;flex-direction:column;row-gap:6px;column-gap:6px;}



.check-res-header{display:flex;align-items:center;justify-content:space-between;}
.check-res-badge{padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;display:inline-flex;align-items:center;row-gap:5px;column-gap:5px;}



.check-details-list{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:6px;column-gap:6px;margin-top:6px;padding-top:6px;}
.check-detail-item{display:flex;flex-direction:column;}


.traffic-metrics-grid{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));row-gap:12px;column-gap:12px;margin-top:18px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
@media (max-width: 960px) {.traffic-metrics-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}}
@media (max-width: 520px) {.traffic-metrics-grid{grid-template-columns:1fr;}}
.traffic-metric-card{padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;display:flex;flex-direction:column;row-gap:4px;column-gap:4px;}

.traffic-metric-head{display:flex;justify-content:space-between;align-items:center;}
.traffic-metric-tag{padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;}


.traffic-metric-value{margin-top:6px;}
.traffic-metric-sub{margin-top:3px;}
.traffic-chart-panel{padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;}
.traffic-nodes-table-wrap{display:flex;flex-direction:column;row-gap:8px;column-gap:8px;}
.traffic-node-card{display:grid;grid-template-columns:1.8fr 1.6fr 2fr 1fr;align-items:center;row-gap:14px;column-gap:14px;padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;}

.traffic-node-info{display:flex;align-items:center;row-gap:10px;column-gap:10px;min-width:0px;}
.traffic-node-flag{width:20px;height:15px;object-fit:cover;flex-shrink:0;}
.traffic-node-name{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

.traffic-node-net{display:flex;flex-direction:column;row-gap:2px;column-gap:2px;min-width:0px;}
.traffic-node-net code{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.traffic-node-quota{display:flex;flex-direction:column;row-gap:4px;column-gap:4px;}
.traffic-node-quota-head{display:flex;justify-content:space-between;align-items:center;}


.traffic-node-actions{display:flex;justify-content:flex-end;row-gap:6px;column-gap:6px;}
@media (max-width: 860px) {.traffic-node-card{grid-template-columns:1fr 1fr;row-gap:10px;column-gap:10px;}
.traffic-node-actions{grid-column-start:span 2;grid-column-end:auto;justify-content:stretch;}
.traffic-node-actions button{flex-grow:1;flex-shrink:1;flex-basis:0%;}}
@media (max-width: 500px) {.traffic-node-card{grid-template-columns:1fr;}
.traffic-node-actions{grid-column-start:span 1;grid-column-end:auto;}}
.traffic-insights-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:14px;column-gap:14px;}
@media (max-width: 768px) {.traffic-insights-grid{grid-template-columns:1fr;}}
.traffic-insight-card{padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px;display:flex;flex-direction:column;}
.traffic-insight-title{display:flex;align-items:center;row-gap:8px;column-gap:8px;margin-bottom:12px;}
.traffic-proto-row{display:flex;flex-direction:column;row-gap:4px;column-gap:4px;}
.traffic-proto-info{display:flex;justify-content:space-between;align-items:center;}

.traffic-offload-metrics{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:8px;column-gap:8px;margin-top:10px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}
.traffic-offload-item{display:flex;flex-direction:column;row-gap:2px;column-gap:2px;}





.brand-icon{width:40px;height:40px;}



.auth-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;}
.auth-screen.hidden, .dashboard.hidden, .hidden{display:none;}
.auth-right::before{display:none;content:none;}
.login-card{width:min(420px, 100%);}
.login-card h2{margin-top:12px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.login-card > p{margin-bottom:24px;}
.field{margin-top:19px;}
.field > span{margin-bottom:9px;}
.field input{height:53px;}


.password-field button{top:9px;}






.btn-wide{height:53px;margin-top:24px;}
.form-note{margin-top:17px;}
.dashboard{display:grid;grid-template-columns:260px minmax(0px, 1fr);min-height:100vh;}
.sidebar{display:flex;flex-direction:column;padding-top:24px;padding-right:16px;padding-bottom:24px;padding-left:16px;min-height:100vh;box-sizing:border-box;}
.sidebar-brand{padding-top:0px;padding-right:8px;padding-bottom:24px;padding-left:8px;display:flex;align-items:center;row-gap:12px;column-gap:12px;}
.brand-icon{width:38px;height:38px;display:grid;align-items:center;justify-items:center;}

.brand span{display:block;}
.nav{display:flex;flex-direction:column;row-gap:4px;column-gap:4px;}
.nav-item{display:flex;align-items:center;row-gap:11px;column-gap:11px;height:42px;padding-top:0px;padding-right:14px;padding-bottom:0px;padding-left:14px;cursor:pointer;width:100%;}
.nav-item svg{width:17px;height:17px;flex-shrink:0;}



.nav-item em{margin-left:auto;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;}

.sidebar-promo-card{margin-top:auto;margin-bottom:12px;padding-top:16px;padding-right:14px;padding-bottom:16px;padding-left:14px;position:relative;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;align-items:center;}
.sidebar-promo-art{width:88px;height:88px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;}
.sidebar-promo-img{max-width:100%;max-height:100%;object-fit:contain;}

.sidebar-promo-content h4{margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;}
.btn-sidebar-connect{display:inline-flex;align-items:center;justify-content:center;row-gap:6px;column-gap:6px;width:100%;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;cursor:pointer;}

.user-card{display:flex;align-items:center;row-gap:10px;column-gap:10px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}
.avatar{width:34px;height:34px;display:grid;align-items:center;justify-items:center;flex-shrink:0;}
.user-card-info{display:flex;flex-direction:column;min-width:0px;flex-grow:1;flex-shrink:1;flex-basis:0%;}
.user-card-info b{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.user-card-info span{margin-top:1px;}
.user-card-logout{cursor:pointer;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;display:grid;align-items:center;justify-items:center;}

.workspace{padding-top:28px;padding-right:36px;padding-bottom:60px;padding-left:36px;box-sizing:border-box;}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;row-gap:16px;column-gap:16px;}
.topbar h1{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.topbar-right{display:flex;align-items:center;row-gap:10px;column-gap:10px;}
.topbar-icon-btn{width:32px;height:32px;display:grid;align-items:center;justify-items:center;cursor:pointer;position:relative;}

.topbar-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;}
.topbar-theme-pill{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;height:32px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;cursor:pointer;}

.theme-icon-group{display:flex;align-items:center;row-gap:4px;column-gap:4px;}
.theme-icon-divider{width:1px;height:10px;}


.topbar-connect-btn{height:38px;padding-top:0px;padding-right:16px;padding-bottom:0px;padding-left:16px;cursor:pointer;}

.panel{padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;}




@media (min-width: 981px) {}
@media (max-width: 980px) {.dashboard{grid-template-columns:1fr;}
.sidebar{display:flex;position:sticky;top:0px;z-index:20;flex-direction:row;align-items:center;row-gap:18px;column-gap:18px;padding-top:10px;padding-right:17px;padding-bottom:10px;padding-left:17px;overflow-x:auto;}
.sidebar-brand{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.sidebar-brand .brand span{display:none;}
.nav{flex-direction:row;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.nav-item{height:38px;}
.nav-label, .user-card{display:none;}
.hero-card{grid-template-columns:1fr;}
.mobile-logout{width:40px;height:40px;display:grid;align-items:center;justify-items:center;}
}
@media (max-width: 620px) {.auth-right{min-height:100svh;padding-top:79px;padding-right:24px;padding-bottom:35px;padding-left:24px;}

.sidebar-brand{display:none;}
.sidebar{padding-top:9px;padding-right:12px;padding-bottom:9px;padding-left:12px;}
.workspace{padding-top:22px;padding-right:16px;padding-bottom:55px;padding-left:16px;}
.hero-copy{padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px;}

.stat-card{min-height:118px;}}
@media (prefers-reduced-motion: reduce) {
}
.stats-grid{row-gap:10px;column-gap:10px;margin-top:10px;}
.stat-card{min-height:108px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;}
.stat-card strong{margin-top:11px;}
.chart-wrap{margin-top:6px;height:150px;}
.traffic-purchase{display:grid;grid-template-columns:minmax(180px, 1.2fr) minmax(150px, 1fr) 120px auto;row-gap:10px;column-gap:10px;align-items:end;margin-top:14px;padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}
.traffic-purchase h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-purchase p{margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-purchase label{display:flex;flex-direction:column;row-gap:5px;column-gap:5px;}
.traffic-purchase input, .traffic-purchase select{height:35px;padding-top:0px;padding-right:9px;padding-bottom:0px;padding-left:9px;}

.traffic-purchase-total strong{display:block;margin-top:4px;}
.billing-history{margin-top:14px;padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}
.billing-history h3{margin-top:0px;margin-right:0px;margin-bottom:8px;margin-left:0px;}

.billing-row{display:flex;justify-content:space-between;row-gap:14px;column-gap:14px;padding-top:9px;padding-right:0px;padding-bottom:9px;padding-left:0px;}
.billing-row span{display:flex;flex-direction:column;row-gap:3px;column-gap:3px;}


@media (max-width: 760px) {.traffic-purchase{grid-template-columns:1fr 1fr;}
.traffic-purchase > :first-child{grid-column-start:1;grid-column-end:-1;}}
@media (max-width: 520px) {.traffic-purchase{grid-template-columns:1fr;}
.traffic-purchase > :first-child{grid-column-start:auto;grid-column-end:auto;}}





















.dashboard{display:block;min-height:100vh;}
.sidebar{position:sticky;top:0px;z-index:30;display:flex;flex-direction:row;align-items:center;row-gap:clamp(16px, 2vw, 34px);column-gap:clamp(16px, 2vw, 34px);min-height:76px;padding-top:12px;padding-right:clamp(24px, 3vw, 56px);padding-bottom:12px;padding-left:clamp(24px, 3vw, 56px);}
.sidebar-brand{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.nav{display:flex;flex-direction:row;align-items:center;row-gap:3px;column-gap:3px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:clamp(8px, 1vw, 28px);}
.nav-label{display:none;}
.nav-item{height:39px;padding-top:0px;padding-right:11px;padding-bottom:0px;padding-left:11px;}






.user-card{flex-grow:0;flex-shrink:0;flex-basis:auto;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:7px;padding-right:9px;padding-bottom:7px;padding-left:9px;display:grid;grid-template-columns:32px minmax(70px, 1fr) 24px;}


.workspace{max-width:1760px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;padding-top:38px;padding-right:clamp(24px, 3vw, 56px);padding-bottom:80px;padding-left:clamp(24px, 3vw, 56px);}
.topbar{margin-bottom:25px;}




.hero-card{min-height:300px;}













.wizard-image img, .drawer-image img{object-fit:cover;}




@media (max-width: 1180px) {.sidebar{flex-wrap:wrap;row-gap:10px;column-gap:20px;}
.nav{order:3;width:100%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;overflow-x:auto;padding-bottom:2px;}
.user-card{margin-left:auto;}}
@media (max-width: 980px) {.sidebar{display:flex;}
.hero-image-wrap{display:block;min-height:200px;}}
@media (max-width: 620px) {.sidebar{padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px;row-gap:8px;column-gap:8px;}
.sidebar-brand{display:flex;}
.sidebar-brand .brand-icon{width:32px;height:32px;}
.sidebar-brand .brand span{display:none;}

.nav-item{height:36px;padding-top:0px;padding-right:9px;padding-bottom:0px;padding-left:9px;}
.nav-item span{display:none;}
.user-card{display:none;}
.workspace{padding-top:23px;padding-right:16px;padding-bottom:55px;padding-left:16px;}
.hero-image-wrap{min-height:160px;}
}
.auth-center-wrap{max-width:980px;}
.auth-center-brand{align-self:flex-start;margin-top:0px;margin-right:0px;margin-bottom:14px;margin-left:6px;}
.auth-card-shell{display:grid;grid-template-columns:minmax(300px, 0.86fr) minmax(420px, 1.14fr);width:100%;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;overflow-x:hidden;overflow-y:hidden;}

.auth-cover{position:relative;min-height:570px;overflow-x:hidden;overflow-y:hidden;}
.auth-cover > img{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%;object-fit:cover;object-position:center 35%;}
.auth-cover-shade{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.auth-cover-copy{position:absolute;z-index:1;left:24px;right:24px;bottom:75px;}

.auth-cover-copy h2{margin-top:7px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.auth-cover-copy p{max-width:290px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.auth-cover-status{position:absolute;z-index:1;right:18px;bottom:17px;left:18px;display:flex;align-items:center;row-gap:9px;column-gap:9px;padding-top:10px;padding-right:11px;padding-bottom:10px;padding-left:11px;}
.auth-cover-status > i{width:7px;height:7px;}
.auth-cover-status span, .auth-cover-status small{display:block;}

.auth-cover-status small{margin-top:2px;}
.auth-form-panel{min-width:0px;padding-top:22px;padding-right:26px;padding-bottom:24px;padding-left:26px;}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;row-gap:3px;column-gap:3px;margin-bottom:24px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.auth-tabs button{min-height:35px;cursor:pointer;}


.auth-form[hidden]{display:none;}
.auth-form h2{margin-top:8px;margin-right:0px;margin-bottom:6px;margin-left:0px;}
.auth-form > p{margin-top:0px;margin-right:0px;margin-bottom:15px;margin-left:0px;}
.auth-form .field{margin-top:10px;}
.auth-form .field > span{margin-bottom:5px;}
.auth-form .field input{height:42px;}
.auth-form .password-field button{top:4px;right:4px;height:34px;}
.auth-form .btn-wide{min-height:42px;margin-top:14px;}
.auth-form .form-note{display:block;margin-top:10px;}
.auth-register-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:0px;column-gap:9px;}
.auth-grid-wide{grid-column-start:1;grid-column-end:-1;}
.auth-consent{display:flex;align-items:flex-start;row-gap:8px;column-gap:8px;margin-top:12px;cursor:pointer;}
.auth-consent input{width:14px;height:14px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}

.auth-message{margin-top:11px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:9px;padding-right:10px;padding-bottom:9px;padding-left:10px;}
.auth-message[hidden]{display:none;}



@media (max-width: 760px) {.auth-screen{align-items:flex-start;overflow-x:auto;overflow-y:auto;padding-top:18px;padding-right:14px;padding-bottom:28px;padding-left:14px;}
.auth-center-wrap{max-width:540px;}
.auth-center-brand{margin-left:2px;}
.auth-card-shell{grid-template-columns:1fr;}
.auth-cover{min-height:154px;}
.auth-cover > img{object-position:center 32%;}

.auth-cover-copy{left:17px;bottom:17px;}
.auth-cover-copy h2{max-width:250px;margin-bottom:0px;}
.auth-cover-copy p, .auth-cover-status{display:none;}
.auth-form-panel{padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px;}}
@media (max-width: 430px) {.auth-screen{padding-top:12px;padding-right:9px;padding-bottom:22px;padding-left:9px;}
.auth-center-brand{margin-bottom:9px;}
.auth-center-brand .brand-icon{width:36px;height:36px;}

.auth-cover{min-height:128px;}
.auth-cover-copy{bottom:13px;}


.auth-form-panel{padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}
.auth-tabs{margin-bottom:16px;}

.auth-register-grid{grid-template-columns:1fr;}
.auth-grid-wide{grid-column-start:auto;grid-column-end:auto;}
.auth-form .field{margin-top:8px;}
.auth-form .field input{height:40px;}}
@media (prefers-reduced-motion: reduce) {}
.mobile-bottom-nav, .mobile-more-menu{display:none;}
.account-settings{max-width:650px;}
.operators .op-icon{width:24px;height:24px;padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px;}
.nav-item svg{width:17px;height:17px;flex-grow:0;flex-shrink:0;flex-basis:17px;}
.settings-detail{display:flex;justify-content:space-between;row-gap:14px;column-gap:14px;padding-top:15px;padding-right:0px;padding-bottom:15px;padding-left:0px;}

.settings-detail strong{min-width:0px;overflow-wrap:anywhere;}
.settings-note{margin-top:20px;margin-right:0px;margin-bottom:14px;margin-left:0px;}
@media (min-width: 981px) {.dashboard{display:grid;grid-template-columns:220px minmax(0px, 1fr);}
.sidebar{position:sticky;top:0px;height:100dvh;min-height:0px;padding-top:22px;padding-right:13px;padding-bottom:22px;padding-left:13px;flex-direction:column;align-items:stretch;row-gap:0px;column-gap:0px;overflow-y:auto;}
.sidebar-brand{padding-top:0px;padding-right:8px;padding-bottom:26px;padding-left:8px;}
.nav{width:100%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-direction:column;align-items:stretch;overflow-x:visible;overflow-y:visible;}
.nav-label{display:block;}
.nav-item{width:100%;height:44px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;}
.user-card{width:100%;margin-top:auto;}
.workspace{width:100%;min-width:0px;}}
@media (max-width: 980px) {.dashboard{display:block;}
.dashboard > .sidebar{display:none;}
.workspace{padding-bottom:calc(108px + env(safe-area-inset-bottom));}
.mobile-bottom-nav{position:fixed;z-index:45;display:grid;grid-template-columns:repeat(5, minmax(0px, 1fr));align-items:center;row-gap:2px;column-gap:2px;left:0px;right:0px;bottom:0px;min-height:64px;padding-top:;padding-right:;padding-bottom:;padding-left:;}
.mobile-nav-item{min-width:0px;min-height:52px;padding-top:5px;padding-right:2px;padding-bottom:5px;padding-left:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;column-gap:4px;cursor:pointer;}
.mobile-nav-item svg{width:19px;height:19px;}

.mobile-nav-connect svg{width:22px;height:22px;}
.mobile-more-menu:not(.hidden){position:fixed;z-index:44;display:grid;left:12px;right:12px;bottom:calc(73px + env(safe-area-inset-bottom));padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}
.mobile-more-menu button{min-height:46px;padding-top:0px;padding-right:15px;padding-bottom:0px;padding-left:15px;}
}
@media (max-width: 620px) {.workspace{padding-top:;padding-right:;padding-bottom:;padding-left:;}
.topbar{align-items:flex-start;row-gap:12px;column-gap:12px;}

.topbar > div:last-child{flex-shrink:0;}
.topbar #openWizard{display:none;}
.topbar .mobile-logout{width:44px;height:44px;}
.hero-card{min-height:0px;}
.hero-image-wrap{display:none;}
.hero-copy{padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;}

.stats-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.stat-card{min-width:0px;}
.panel, .payment-card{min-width:0px;}
#view-billing .panel > div[style*="grid-template-columns"], #view-support .panel > div[style*="grid-template-columns"]{grid-template-columns:1fr;}
#fullOperatorsList{grid-template-columns:1fr;}
.command-row{flex-wrap:wrap;}
.command-row code{min-width:0px;max-width:100%;overflow-wrap:anywhere;}
.connection-row{min-width:0px;}
.server-name, .server-name b{min-width:0px;overflow-wrap:anywhere;}
.wizard-card{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.wizard-card .close-btn{min-width:44px;min-height:44px;}
.vds-wizard{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;align-items:flex-end;}
.vds-wizard-card{width:100%;max-height:92vh;padding-top:;padding-right:;padding-bottom:;padding-left:;}
.vds-segmented-stepper{margin-bottom:16px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.vds-step-pill{min-width:65px;padding-top:6px;padding-right:8px;padding-bottom:6px;padding-left:8px;}
.vds-field-cards-grid, .vds-choice-grid, .vds-country-grid{grid-template-columns:1fr;}
.vds-wizard-actions{position:sticky;bottom:-16px;z-index:5;margin-top:16px;padding-top:;padding-right:;padding-bottom:;padding-left:;}
.vds-wizard-actions .btn{min-height:44px;min-width:0px;}
.vds-console, .vds-plan{overflow-wrap:anywhere;}
.drawer aside{width:min(100%, 430px);max-height:100dvh;overflow-y:auto;}}
@media (max-width: 360px) {
}
@media (prefers-reduced-motion: reduce) {}
.hero-card{min-height:0px;grid-template-columns:minmax(0px, 1fr) minmax(230px, 0.7fr);align-items:center;}
.hero-copy{padding-top:clamp(22px, 2.4vw, 32px);padding-right:clamp(22px, 2.4vw, 32px);padding-bottom:clamp(22px, 2.4vw, 32px);padding-left:clamp(22px, 2.4vw, 32px);}
.hero-copy h2{margin-top:0px;margin-right:0px;margin-bottom:14px;margin-left:0px;}
.hero-copy p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.hero-copy .btn{margin-top:18px;}
.hero-image-wrap{height:220px;min-height:0px;display:grid;align-items:center;justify-items:center;}
.hero-network{width:100%;height:100%;max-height:220px;}











@media (max-width: 980px) {.hero-card{grid-template-columns:minmax(0px, 1fr);}
.hero-image-wrap{height:125px;min-height:0px;}
.hero-network{max-height:125px;}}
@media (max-width: 620px) {
.hero-image-wrap{display:grid;height:94px;}
.hero-network{max-height:94px;}}
@media (prefers-reduced-motion: reduce) {}
#view-home .main-grid{display:none;}
.home-actual-panel{margin-top:14px;}
.home-actual-panel .panel-head{margin-bottom:8px;}
.home-actual-list{display:grid;row-gap:1px;column-gap:1px;}
.home-actual-row{width:100%;display:grid;grid-template-columns:minmax(0px, 1.2fr) minmax(125px, 1fr) auto 16px;align-items:center;row-gap:20px;column-gap:20px;padding-top:14px;padding-right:4px;padding-bottom:14px;padding-left:4px;cursor:pointer;}

.home-actual-node{min-width:0px;display:grid;row-gap:4px;column-gap:4px;}

.home-actual-node small{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.home-actual-meter{display:grid;row-gap:6px;column-gap:6px;}

.home-actual-track{display:block;height:5px;overflow-x:hidden;overflow-y:hidden;}
.home-actual-track > span{display:block;height:100%;}


.home-actual-empty{padding-top:18px;padding-right:0px;padding-bottom:18px;padding-left:0px;}
#view-traffic .traffic-metric-card:nth-child(n+3), #view-traffic .traffic-chart-panel, #view-traffic .traffic-insights-grid{display:none;}
#view-traffic .traffic-metrics-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.drawer aside, .drawer-panel{max-width:760px;}



.drawer-cfg-tabs{flex-wrap:wrap;row-gap:5px;column-gap:5px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.drawer-cfg-tab{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:88px;}
#drawerTabContentCfg{display:flex;flex-direction:column;}
#drawerTabContentCfg.hidden{display:none;}
#drawerTabContentCfg .drawer-cfg-tabs{order:0;}
#drawerTabContentCfg .drawer-quick-params{order:1;margin-top:3px;margin-right:0px;margin-bottom:13px;margin-left:0px;}
#drawerTabContentCfg .drawer-cfg-pane{order:2;}
#drawerTabContentCfg .drawer-quick-params.hidden{display:none;}
#drawerTabContentCfg .drawer-quick-params .vds-manual-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:8px;column-gap:8px;}
#drawerTabContentCfg .drawer-quick-params .vds-manual-param-card{min-width:0px;padding-top:10px;padding-right:11px;padding-bottom:10px;padding-left:11px;}
#drawerTabContentCfg .drawer-quick-params .vds-manual-param-head{display:flex;align-items:center;justify-content:space-between;row-gap:8px;column-gap:8px;margin-bottom:7px;}
#drawerTabContentCfg .drawer-quick-params .vds-manual-param-val{overflow-wrap:anywhere;}
#drawerTabContentCfg .drawer-quick-params .btn-copy-mini{min-height:28px;padding-top:4px;padding-right:7px;padding-bottom:4px;padding-left:7px;}
.drawer-advanced{margin-top:12px;}
.drawer-advanced summary{cursor:pointer;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}

.drawer-advanced .manual-code-card{margin-top:7px;}
.node-state-summary{display:flex;align-items:center;row-gap:13px;column-gap:13px;min-height:76px;padding-top:15px;padding-right:17px;padding-bottom:15px;padding-left:17px;}
.node-state-mark{display:grid;align-items:center;justify-items:center;flex-grow:0;flex-shrink:0;flex-basis:34px;height:34px;}
.node-state-mark svg{width:19px;height:19px;}


.node-state-copy{min-width:0px;display:grid;row-gap:4px;column-gap:4px;}


.node-state-location{margin-left:auto;}
.drawer-overview-cards{display:grid;grid-template-columns:minmax(0px, 0.85fr) minmax(0px, 1.15fr);row-gap:12px;column-gap:12px;margin-top:12px;}
.node-quota-card, .node-network-card{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}


.node-net-row{align-items:flex-start;flex-wrap:wrap;row-gap:5px;column-gap:5px;}
.node-net-label{width:100%;}
.node-net-val-wrap{width:100%;justify-content:space-between;}
.node-net-val-wrap code{flex-grow:1;flex-shrink:1;flex-basis:0%;max-width:none;min-width:0px;}
.node-net-meta-row[hidden]{display:none;}
.node-rem-pill[hidden]{display:none;}
.node-buy-btn{min-height:36px;width:100%;}
.node-buy-btn[hidden]{display:none;}
.drawer-traffic-purchase{display:grid;row-gap:13px;column-gap:13px;margin-top:12px;padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px;}
.drawer-traffic-purchase[hidden]{display:none;}
.drawer-purchase-head{display:flex;justify-content:space-between;align-items:flex-start;row-gap:12px;column-gap:12px;}
.drawer-purchase-head > div{display:grid;row-gap:4px;column-gap:4px;}


.drawer-purchase-head > button{display:grid;align-items:center;justify-items:center;width:32px;height:32px;flex-grow:0;flex-shrink:0;flex-basis:auto;cursor:pointer;}
.drawer-purchase-fields{display:grid;grid-template-columns:minmax(0px, 1fr) minmax(0px, 1fr);align-items:end;row-gap:12px;column-gap:12px;}
.drawer-purchase-fields label{display:grid;row-gap:7px;column-gap:7px;}
.drawer-purchase-fields input{min-width:0px;width:100%;height:44px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;box-sizing:border-box;}
.drawer-purchase-total{display:grid;row-gap:6px;column-gap:6px;}

.drawer-purchase-balance{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.drawer-traffic-purchase > .btn{min-height:44px;}
.btn-copy-tiny{width:32px;height:32px;}
.drawer-footer-actions{grid-template-columns:1fr auto;}
.drawer-footer-actions .btn{min-height:44px;height:auto;padding-top:9px;padding-right:16px;padding-bottom:9px;padding-left:16px;}
@media (max-width: 768px) {.home-actual-row{grid-template-columns:minmax(0px, 1fr) auto;row-gap:9px;column-gap:9px;}
.home-actual-meter{grid-column-start:1;grid-column-end:-1;grid-row-start:2;grid-row-end:auto;}
.home-actual-arrow{display:none;}
.drawer-overview-cards{grid-template-columns:minmax(0px, 1fr);}}
@media (max-width: 600px) {.drawer{align-items:center;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}
.drawer aside, .drawer-panel{width:100%;max-width:100%;max-height:calc(100dvh - 16px);padding-top:;padding-right:;padding-bottom:;padding-left:;}
.node-state-summary{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;min-height:66px;}
.node-state-location{display:none;}
.drawer-footer-actions{grid-template-columns:1fr;}
#view-traffic .traffic-metrics-grid{grid-template-columns:minmax(0px, 1fr);}
#drawerTabContentCfg .drawer-quick-params .vds-manual-grid{grid-template-columns:1fr;}
.drawer-purchase-fields{grid-template-columns:1fr;}
.vds-step-server-select .vds-country-grid{grid-template-columns:1fr;}}
.vds-step-server-select .vds-step-center-head{align-items:flex-start;margin-top:8px;margin-right:0px;margin-bottom:18px;margin-left:0px;}
.vds-step-server-select .vds-step-hint{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;max-width:600px;}
.vds-step-server-select .vds-country-grid{max-width:none;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;row-gap:10px;column-gap:10px;}
.vds-step-server-select .vds-country-option{row-gap:12px;column-gap:12px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;}


.vds-step-server-select .vds-slot-badge{width:auto;align-self:flex-start;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;}

@media (max-width: 360px) {.drawer-segmented-bar .drawer-tab-btn{min-width:0px;padding-top:7px;padding-right:3px;padding-bottom:7px;padding-left:3px;}
.drawer-segmented-bar .drawer-tab-btn svg{display:none;}
.drawer-segmented-bar{row-gap:1px;column-gap:1px;}
}
.drawer .drawer-panel{max-width:780px;}
.drawer-header-compact{align-items:center;margin-bottom:12px;}
.drawer-header-meta{row-gap:3px;column-gap:3px;}

.drawer-title-row{display:flex;align-items:center;row-gap:12px;column-gap:12px;min-width:0px;flex-wrap:wrap;}
.drawer-title-row h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;overflow-wrap:anywhere;}
.drawer-title-row .drawer-status{flex-grow:0;flex-shrink:0;flex-basis:auto;}

.drawer-segmented-bar{padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px;margin-top:10px;margin-right:0px;margin-bottom:14px;margin-left:0px;}
.drawer-segmented-bar .drawer-tab-btn{min-width:0px;min-height:37px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}

.drawer-tab-short{display:none;}
.drawer-segmented-bar .drawer-console-tab{display:none;}
.node-health-hero.node-state-summary{display:grid;grid-template-columns:minmax(0px, 1fr) auto;align-items:stretch;row-gap:12px;column-gap:18px;min-height:0px;padding-top:17px;padding-right:20px;padding-bottom:17px;padding-left:20px;}
.node-health-main{display:flex;align-items:center;row-gap:11px;column-gap:11px;min-width:0px;}
.node-health-hero .node-state-mark{flex-grow:0;flex-shrink:0;flex-basis:35px;height:35px;}


.node-health-hero .node-state-location{margin-left:auto;}
.node-health-meter{grid-column-start:1;grid-column-end:auto;display:grid;row-gap:9px;column-gap:9px;min-width:0px;padding-top:2px;padding-right:0px;padding-bottom:0px;padding-left:46px;}
.node-health-meter[hidden], .node-health-uptime[hidden]{display:none;}
.node-health-meter-top{display:flex;justify-content:space-between;row-gap:12px;column-gap:12px;}

.node-health-meter-track{height:6px;overflow-x:hidden;overflow-y:hidden;}
.node-health-meter-fill{height:100%;width:0px;}
.node-health-uptime{grid-column-start:2;grid-column-end:auto;grid-row-start:1;grid-row-end:3;display:flex;flex-direction:column;justify-content:center;row-gap:5px;column-gap:5px;min-width:104px;padding-top:9px;padding-right:0px;padding-bottom:9px;padding-left:18px;}


.node-facts-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:8px;column-gap:8px;margin-top:10px;}
.node-fact{display:grid;grid-template-columns:18px minmax(90px, 108px) minmax(0px, 1fr) auto;align-items:center;row-gap:9px;column-gap:9px;min-width:0px;min-height:47px;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px;}
.node-fact-icon{display:grid;align-items:center;justify-items:center;}
.node-fact-icon svg, .node-fact-copy svg, .node-overview-actions svg{display:block;width:17px;height:17px;}
.node-fact-label{min-width:0px;}
.node-fact-value{min-width:0px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

.node-fact-copy{display:grid;align-items:center;justify-items:center;width:30px;height:30px;flex-grow:0;flex-shrink:0;flex-basis:auto;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;cursor:pointer;}

.node-fact-copy.copied{width:auto;padding-top:0px;padding-right:5px;padding-bottom:0px;padding-left:5px;}



.node-overview-actions{display:grid;grid-template-columns:minmax(0px, 1.25fr) minmax(0px, 0.8fr) auto;row-gap:8px;column-gap:8px;align-items:center;margin-top:12px;padding-top:12px;}
.node-overview-actions[hidden]{display:none;}
.node-overview-actions .btn{display:inline-flex;align-items:center;justify-content:center;row-gap:9px;column-gap:9px;min-height:43px;padding-top:8px;padding-right:13px;padding-bottom:8px;padding-left:13px;}



.node-monitor-action{display:inline-flex;align-items:center;justify-content:center;row-gap:7px;column-gap:7px;min-height:43px;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;}

.node-console-return{display:inline-flex;align-items:center;min-height:36px;margin-top:0px;margin-right:0px;margin-bottom:8px;margin-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;padding-left:3px;cursor:pointer;}

.operators-empty{grid-column-start:1;grid-column-end:-1;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;}
@media (max-width: 600px) {.drawer-header-compact{display:block;position:relative;}
.drawer-header-actions{position:absolute;top:0px;right:0px;}
.drawer-kicker-row{padding-right:78px;}
.drawer-title-row{margin-top:7px;}

.drawer-tab-full{display:none;}
.drawer-tab-short{display:inline;}
.drawer-segmented-bar .drawer-tab-btn{padding-top:8px;padding-right:5px;padding-bottom:8px;padding-left:5px;}
.node-health-hero.node-state-summary{display:grid;grid-template-columns:minmax(0px, 1fr);padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;row-gap:11px;column-gap:11px;}
.node-health-hero .node-state-location{display:none;}
.node-health-meter{padding-left:0px;}
.node-health-uptime{grid-column-start:1;grid-column-end:auto;grid-row-start:auto;grid-row-end:auto;min-width:0px;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.node-facts-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.node-fact{grid-column-start:1;grid-column-end:-1;grid-template-columns:18px minmax(91px, 112px) minmax(0px, 1fr) auto;}
.node-fact:nth-child(n+5){grid-column-start:auto;grid-column-end:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:7px;column-gap:7px;min-height:62px;}
.node-fact:nth-child(n+5) .node-fact-icon{display:none;}
.node-overview-actions{grid-template-columns:minmax(0px, 1fr) minmax(0px, 1fr);}
.node-main-action{grid-column-start:1;grid-column-end:-1;}
}
@media (max-width: 360px) {.drawer-header-compact{display:flex;position:static;}
.drawer-header-actions{position:static;}
.drawer-kicker-row{padding-right:0px;}
.drawer-title-row{margin-top:0px;}
.node-fact{grid-template-columns:16px minmax(76px, 92px) minmax(0px, 1fr) auto;row-gap:6px;column-gap:6px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}

.node-fact-copy{width:27px;height:27px;}
.drawer-segmented-bar .drawer-tab-btn svg{display:none;}}
@media (prefers-reduced-motion: reduce) {}
.hero-banner-card{min-height:180px;padding-top:28px;padding-right:36px;padding-bottom:28px;padding-left:36px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden;overflow-y:hidden;margin-bottom:22px;}
.hero-banner-content{max-width:420px;position:relative;z-index:2;}
.hero-banner-title{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
.hero-banner-desc{margin-top:0px;margin-right:0px;margin-bottom:22px;margin-left:0px;}
.hero-banner-actions{display:flex;align-items:center;row-gap:12px;column-gap:12px;flex-wrap:wrap;}
.btn-hero-primary{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;padding-top:9px;padding-right:20px;padding-bottom:9px;padding-left:20px;cursor:pointer;}

.btn-hero-secondary{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;padding-top:9px;padding-right:18px;padding-bottom:9px;padding-left:18px;cursor:pointer;}

.hero-banner-art{position:absolute;right:0px;top:0px;bottom:0px;height:100%;z-index:1;pointer-events:none;display:flex;align-items:stretch;justify-content:flex-end;}
.hero-graphic-img{height:100%;width:auto;object-fit:contain;object-position:right center;}
.metrics-row-grid{display:grid;grid-template-columns:repeat(4, 1fr);row-gap:14px;column-gap:14px;margin-bottom:24px;}
.metric-glass-card{padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px;display:flex;flex-direction:column;justify-content:space-between;min-height:105px;}

.metric-header-row{display:flex;align-items:center;row-gap:8px;column-gap:8px;margin-bottom:12px;}
.metric-icon-squircle{width:26px;height:26px;display:grid;align-items:center;justify-items:center;flex-shrink:0;}

.metric-body-row{display:flex;align-items:flex-end;justify-content:space-between;}
.metric-values{display:flex;flex-direction:column;}
.metric-value-primary{display:flex;align-items:baseline;row-gap:6px;column-gap:6px;}

.metric-value-primary strong em{margin-left:2px;}

.metric-sub-note{display:block;margin-top:3px;}
.metric-badge-online{margin-left:4px;}
.sparkline-svg{width:82px;height:26px;}
.metric-inline-bars{display:flex;align-items:flex-end;row-gap:2.5px;column-gap:2.5px;height:22px;}
.metric-inline-bars span{width:3px;}


.metric-inline-ring svg{width:32px;height:32px;}
.btn-balance-add{width:28px;height:28px;display:grid;align-items:center;justify-items:center;cursor:pointer;}

.dashboard-split-grid{display:grid;grid-template-columns:minmax(0px, 1fr) 280px;row-gap:20px;column-gap:20px;align-items:start;}
.dashboard-col-main{display:flex;flex-direction:column;row-gap:22px;column-gap:22px;}
.dashboard-col-side{display:flex;flex-direction:column;row-gap:20px;column-gap:20px;}
.card-section-box{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.card-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.card-section-header h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.card-section-header p{margin-top:2px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.btn-section-action{display:inline-flex;align-items:center;padding-top:5px;padding-right:12px;padding-bottom:5px;padding-left:12px;cursor:pointer;}

.connection-row{display:grid;grid-template-columns:36px minmax(180px, 1.4fr) auto minmax(110px, 0.9fr) minmax(90px, 0.8fr) 75px 16px;align-items:center;row-gap:16px;column-gap:16px;padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;margin-bottom:10px;cursor:pointer;}

.connection-row:last-child{margin-bottom:0px;}
.server-name{display:flex;align-items:center;row-gap:12px;column-gap:12px;min-width:0px;}
.country-badge{width:36px;height:36px;display:grid;align-items:center;justify-items:center;flex-shrink:0;}

.server-info{display:flex;flex-direction:column;min-width:0px;}
.server-info b{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.server-info small{margin-top:2px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.server-info code{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.conn-stat{display:flex;flex-direction:column;}

.conn-stat b{margin-top:1px;}
.conn-stat-ping{display:flex;align-items:center;row-gap:6px;column-gap:6px;flex-direction:row;}
.conn-status{display:flex;align-items:center;justify-content:flex-end;row-gap:8px;column-gap:8px;}
.state{display:inline-flex;align-items:center;row-gap:4px;column-gap:4px;padding-top:3px;padding-right:10px;padding-bottom:3px;padding-left:10px;}
.state i{display:none;}




.conn-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;justify-self:end;box-sizing:border-box;}

.operators-grid-4{display:grid;grid-template-columns:repeat(4, 1fr);row-gap:10px;column-gap:10px;}
.operator-card{padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;display:flex;align-items:center;justify-content:space-between;row-gap:10px;column-gap:10px;}

.op-logo{width:26px;height:26px;object-fit:contain;flex-shrink:0;}
.op-meta{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:0px;}

.op-status-ok{margin-top:1px;}
.op-signal{display:flex;align-items:flex-end;row-gap:2px;column-gap:2px;height:13px;}
.op-signal .bar{width:2.5px;}

.op-signal .bar-1{height:4px;}
.op-signal .bar-2{height:7px;}
.op-signal .bar-3{height:10px;}
.op-signal .bar-4{height:13px;}
.quick-actions-list{display:flex;flex-direction:column;row-gap:7px;column-gap:7px;}
.quick-action-item{display:flex;align-items:center;row-gap:12px;column-gap:12px;padding-top:11px;padding-right:14px;padding-bottom:11px;padding-left:14px;cursor:pointer;width:100%;}

.qa-icon{flex-shrink:0;}
.quick-action-item span{flex-grow:1;flex-shrink:1;flex-basis:0%;}
.qa-arrow{margin-left:auto;}

.tg-promo-card{padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px;position:relative;overflow-x:hidden;overflow-y:hidden;}
.tg-promo-crown{position:absolute;top:12px;right:14px;pointer-events:none;}
.tg-sparkle-left{position:absolute;top:24px;left:12px;pointer-events:none;}
.tg-sparkle-bottom{position:absolute;bottom:12px;right:12px;pointer-events:none;}
.tg-promo-content{display:flex;align-items:center;row-gap:14px;column-gap:14px;position:relative;z-index:2;}
.tg-promo-icon-box{width:54px;height:54px;display:grid;align-items:center;justify-items:center;flex-shrink:0;}
.tg-promo-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:0px;}
.tg-promo-meta h4{margin-top:0px;margin-right:0px;margin-bottom:3px;margin-left:0px;}
.tg-promo-meta p{margin-top:0px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.btn-tg-action{display:inline-flex;align-items:center;row-gap:5px;column-gap:5px;padding-top:5px;padding-right:14px;padding-bottom:5px;padding-left:14px;cursor:pointer;}

.cabinet-footer{margin-top:48px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:14px;column-gap:14px;}


.footer-links{display:flex;row-gap:16px;column-gap:16px;}
.vds-wizard, .drawer{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1000;display:flex;align-items:center;justify-content:center;}
.vds-wizard-backdrop, .drawer .backdrop{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}

.vds-wizard-card, .panel-bind-dialog{position:relative;z-index:10;width:min(620px, -32px + 100vw);max-height:calc(-40px + 100vh);overflow-y:auto;padding-top:24px;padding-right:28px;padding-bottom:24px;padding-left:28px;}

.drawer .drawer-panel{position:relative;z-index:10;}

.state{display:inline-flex;align-items:center;row-gap:6px;column-gap:6px;padding-top:4px;padding-right:10px;padding-bottom:4px;padding-left:10px;}
.state i{width:6px;height:6px;display:inline-block;}









.btn-bind-panel{display:inline-flex;align-items:center;row-gap:5px;column-gap:5px;padding-top:5px;padding-right:11px;padding-bottom:5px;padding-left:11px;cursor:pointer;}

@media (max-width: 1080px) {.metrics-row-grid{grid-template-columns:repeat(2, 1fr);}
.dashboard-split-grid{grid-template-columns:1fr;}}
@media (max-width: 768px) {.workspace{padding-top:16px;padding-right:14px;padding-bottom:40px;padding-left:14px;}
.hero-banner-card{flex-direction:column;padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:20px;row-gap:20px;column-gap:20px;}
.hero-banner-content{max-width:100%;}
.hero-banner-actions{justify-content:center;}
.metrics-row-grid{grid-template-columns:1fr;row-gap:10px;column-gap:10px;}
.operators-grid-4{grid-template-columns:repeat(2, 1fr);}
.connection-row{grid-template-columns:1fr;row-gap:10px;column-gap:10px;}}


.dashboard .workspace{max-width:none;padding-top:28px;padding-right:clamp(24px, 2.4vw, 42px);padding-bottom:54px;padding-left:clamp(24px, 2.4vw, 42px);}
.dashboard .topbar{margin-bottom:18px;}

.dashboard .topbar-right{row-gap:14px;column-gap:14px;}
.dashboard .topbar-icon-btn{width:40px;height:40px;}

.sidebar-promo-card{min-height:232px;padding-top:0px;padding-right:12px;padding-bottom:12px;padding-left:12px;align-items:stretch;}
.sidebar-promo-art{width:calc(100% + 24px);height:135px;margin-top:0px;margin-right:-12px;margin-bottom:9px;margin-left:-12px;overflow-x:hidden;overflow-y:hidden;}
.sidebar-promo-img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:77% center;}
.sidebar-promo-copy{margin-top:0px;margin-right:0px;margin-bottom:11px;margin-left:0px;}
.btn-sidebar-connect{min-height:36px;}




.hero-banner-card{min-height:286px;padding-top:30px;padding-right:36px;padding-bottom:30px;padding-left:36px;margin-bottom:16px;}
.hero-banner-card::after{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;pointer-events:none;}
.hero-banner-content{max-width:460px;z-index:2;}
.hero-eyebrow{display:block;margin-bottom:16px;}
.hero-banner-title{margin-bottom:12px;}
.hero-banner-desc{margin-bottom:20px;}
.hero-banner-art{width:75%;}
.hero-graphic-img{width:100%;height:100%;object-fit:cover;object-position:right 48%;}
.btn-hero-primary, .btn-hero-secondary{min-height:42px;}


.metrics-row-grid{row-gap:12px;column-gap:12px;margin-bottom:16px;}

.metric-glass-card{min-width:0px;min-height:120px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;}

.metric-icon-squircle{width:31px;height:31px;}

.metric-value-primary{flex-wrap:wrap;}


.metric-inline-ring svg{width:34px;height:34px;}
.dashboard-split-grid{grid-template-columns:minmax(0px, 1fr) minmax(245px, 290px);row-gap:14px;column-gap:14px;}
.dashboard-col-main, .dashboard-col-side{row-gap:14px;column-gap:14px;}
.card-section-box{padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px;}
.card-section-header{margin-bottom:14px;row-gap:12px;column-gap:12px;}


.btn-section-action{min-height:34px;}

.connection-row{grid-template-columns:40px minmax(130px, 1.4fr) auto minmax(88px, 0.8fr) minmax(68px, 0.6fr) minmax(88px, 0.8fr) auto 28px;row-gap:12px;column-gap:12px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:12px;padding-right:18px;padding-bottom:12px;padding-left:18px;overflow-x:hidden;overflow-y:hidden;}

.country-badge{width:40px;height:40px;}





.quick-actions-list{row-gap:7px;column-gap:7px;}
.quick-action-item{min-height:39px;padding-top:8px;padding-right:11px;padding-bottom:8px;padding-left:11px;}



.cabinet-footer{margin-top:28px;padding-top:15px;}
@media (min-width: 981px) {.dashboard{grid-template-columns:232px minmax(0px, 1fr);}
.dashboard > .sidebar{padding-top:24px;padding-right:14px;padding-bottom:16px;padding-left:14px;}
.sidebar-brand{padding-top:0px;padding-right:8px;padding-bottom:24px;padding-left:8px;}}
@media (max-width: 1180px) and (min-width: 981px) {.dashboard-split-grid{grid-template-columns:1fr;}
.dashboard-col-side{display:grid;grid-template-columns:1fr 1fr;}
.connection-row{grid-template-columns:40px minmax(120px, 1fr) auto minmax(85px, 0.7fr) minmax(65px, 0.5fr) auto 28px;}
.conn-stat-uptime, .conn-stat-ping{display:none;}}
@media (max-width: 980px) {.dashboard .workspace{padding-top:;padding-right:;padding-bottom:;padding-left:;}
.hero-banner-card{min-height:240px;}
.dashboard-split-grid{grid-template-columns:1fr;}
.dashboard-col-side{display:grid;grid-template-columns:1fr 1fr;}
.connection-row{grid-template-columns:40px minmax(0px, 1fr) auto minmax(85px, 0.6fr) minmax(65px, 0.5fr) 28px;}
.conn-stat-uptime, .conn-stat-ping{display:none;}}
@media (max-width: 620px) {.dashboard .workspace{padding-top:;padding-right:;padding-bottom:;padding-left:;}
.dashboard .topbar{margin-bottom:16px;}

.hero-banner-card{min-height:345px;display:block;padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;}

.hero-banner-content{max-width:none;}
.hero-eyebrow{margin-bottom:10px;}
.hero-banner-title{margin-bottom:9px;}
.hero-banner-desc{margin-bottom:13px;}
.hero-banner-desc br{display:none;}
.hero-banner-actions{justify-content:flex-start;row-gap:8px;column-gap:8px;}
.btn-hero-primary, .btn-hero-secondary{min-height:38px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;}
.hero-banner-art{width:100%;top:auto;bottom:0px;height:55%;}
.hero-graphic-img{object-fit:cover;object-position:78% 48%;}
.metrics-row-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:9px;column-gap:9px;}
.metric-glass-card{min-height:118px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}
.metric-header-row{row-gap:6px;column-gap:6px;margin-bottom:11px;align-items:flex-start;}
.metric-icon-squircle{width:26px;height:26px;flex-grow:0;flex-shrink:0;flex-basis:26px;}


.metric-inline-ring{display:none;}
.dashboard-col-side{display:flex;}
.card-section-box{padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px;}


.connection-row{display:grid;grid-template-columns:40px minmax(0px, 1fr) auto;row-gap:7px;column-gap:10px;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;overflow-x:hidden;overflow-y:hidden;}
.connection-row .country-badge{grid-column-start:1;grid-column-end:auto;grid-row-start:1;grid-row-end:auto;}
#view-home .connection-row > .server-info, #view-connections .connection-row > .server-info{display:flex;grid-column-start:2;grid-column-end:auto;grid-row-start:1;grid-row-end:auto;}
.connection-row .conn-arrow{grid-column-start:3;grid-column-end:auto;grid-row-start:1;grid-row-end:auto;justify-self:end;}
#view-home .connection-row > .conn-status, #view-connections .connection-row > .conn-status{display:flex;grid-column-start:2;grid-column-end:4;grid-row-start:2;grid-row-end:auto;justify-content:flex-start;}
.connection-row .conn-stat-days{display:flex;flex-direction:row;align-items:center;row-gap:4px;column-gap:4px;grid-column-start:3;grid-column-end:auto;grid-row-start:2;grid-row-end:auto;justify-self:end;}
.connection-row .conn-stat-days small{display:none;}
.connection-row .conn-stat-traffic{grid-column-start:1;grid-column-end:3;grid-row-start:3;grid-row-end:auto;}
.connection-row .conn-stat-uptime{display:flex;grid-column-start:3;grid-column-end:auto;grid-row-start:3;grid-row-end:auto;align-items:flex-end;}
.connection-row .conn-stat-ping{display:none;}
.operators-grid-4{grid-template-columns:1fr;}
.quick-action-item{min-height:43px;}}
@media (max-width: 350px) {.hero-banner-card{min-height:370px;}
.hero-banner-actions{flex-direction:column;align-items:stretch;}
}
@media (min-width: 621px) and (max-width: 980px) {.hero-banner-card{display:flex;flex-direction:row;min-height:260px;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;}

.hero-banner-content{max-width:355px;}
.hero-banner-actions{justify-content:flex-start;}
.hero-banner-art{width:66%;}


.metrics-row-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.dashboard-col-side{align-items:start;}}

.dashboard .view > .panel{padding-top:clamp(16px, 2vw, 26px);padding-right:clamp(16px, 2vw, 26px);padding-bottom:clamp(16px, 2vw, 26px);padding-left:clamp(16px, 2vw, 26px);}



.client-page-head{display:flex;align-items:end;justify-content:space-between;row-gap:16px;column-gap:16px;margin-bottom:17px;}
.client-page-head h2{margin-top:5px;margin-right:0px;margin-bottom:5px;margin-left:0px;}
.client-page-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.client-page-head .btn{min-height:42px;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.traffic-summary-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:12px;column-gap:12px;margin-bottom:14px;}
.traffic-summary-card{display:grid;align-content:start;row-gap:6px;column-gap:6px;min-height:130px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}



.traffic-summary-track{height:5px;margin-top:6px;overflow-x:hidden;overflow-y:hidden;}
.traffic-summary-track i{display:block;width:0px;height:100%;}
.client-content-card{padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.client-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.client-section-head h3{margin-top:0px;margin-right:0px;margin-bottom:3px;margin-left:0px;}
.client-section-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-nodes-table-wrap{display:grid;row-gap:9px;column-gap:9px;}




.traffic-node-net code{overflow-wrap:anywhere;}
.traffic-node-flag{width:30px;height:21px;object-fit:cover;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.country-badge .country-flag{width:28px;height:20px;object-fit:cover;}
.billing-overview-grid{display:grid;grid-template-columns:minmax(0px, 1.1fr) minmax(250px, 0.9fr);row-gap:13px;column-gap:13px;margin-top:15px;}
.dashboard .payment-card, .billing-help-card{min-width:0px;}
.billing-help-card{padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;}
.billing-help-card h3{margin-top:8px;margin-right:0px;margin-bottom:9px;margin-left:0px;}
.billing-help-card p{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}





.drawer-country-flag{width:23px;height:16px;margin-right:7px;object-fit:cover;}
.drawer-country-flag[hidden]{display:none;}
.vds-country-flag{width:36px;height:25px;object-fit:cover;}
.vds-country-flag-mini{width:27px;height:20px;}
.vds-country-flag-mini img{display:block;width:100%;height:100%;object-fit:cover;}


.vds-wizard-card{width:min(720px, -32px + 100vw);max-height:calc(100dvh - 34px);}














.panel-bind-dialog{width:min(700px, -30px + 100vw);}
@media (max-width: 760px) {.billing-overview-grid{grid-template-columns:1fr;}
.client-page-head{align-items:flex-start;}
.traffic-summary-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}}
@media (max-width: 480px) {.client-page-head{display:grid;grid-template-columns:minmax(0px, 1fr) auto;align-items:center;}


.client-page-head .btn{padding-top:9px;padding-right:10px;padding-bottom:9px;padding-left:10px;max-width:112px;}
.traffic-summary-grid{row-gap:8px;column-gap:8px;}
.traffic-summary-card{min-height:122px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}
.traffic-summary-card strong{overflow-wrap:anywhere;}

.client-content-card{padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px;}
.vds-wizard{align-items:flex-end;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.vds-wizard-card{width:100%;max-height:calc(100dvh - 8px);padding-top:;padding-right:;padding-bottom:;padding-left:;}
.drawer .drawer-panel{max-height:calc(100dvh - 8px);}
.panel-bind-dialog{max-height:calc(100dvh - 16px);}}






.vds-tariff-caption{margin-top:14px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
@media (prefers-reduced-motion: reduce) {}






.dashboard #view-support .copy-cmd-btn{min-height:34px;}
.traffic-summary-card #trafficPageQuotaBadge{justify-self:start;width:auto;padding-top:3px;padding-right:7px;padding-bottom:3px;padding-left:7px;}
.traffic-page-head{display:flex;align-items:flex-end;justify-content:space-between;row-gap:24px;column-gap:24px;margin-bottom:18px;padding-top:4px;padding-right:2px;padding-bottom:0px;padding-left:2px;}
.traffic-page-head h2{margin-top:5px;margin-right:0px;margin-bottom:6px;margin-left:0px;}
.traffic-page-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-page-head .btn{flex-grow:0;flex-shrink:0;flex-basis:auto;}
.traffic-kpi-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:10px;column-gap:10px;margin-bottom:10px;}
.traffic-kpi-card{position:relative;display:grid;align-content:center;row-gap:7px;column-gap:7px;min-height:112px;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px;overflow-x:hidden;overflow-y:hidden;}
.traffic-kpi-card::after{content:"";position:absolute;top:auto;right:18px;bottom:0px;left:18px;height:2px;}




.traffic-analytics-grid{display:grid;grid-template-columns:minmax(0px, 1.65fr) minmax(280px, 0.72fr);row-gap:10px;column-gap:10px;}
.traffic-usage-panel, .traffic-quota-panel{min-width:0px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.traffic-panel-head{display:flex;align-items:flex-start;justify-content:space-between;row-gap:14px;column-gap:14px;margin-bottom:20px;}
.traffic-panel-head h3{margin-top:0px;margin-right:0px;margin-bottom:4px;margin-left:0px;}
.traffic-panel-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-period-badge{padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;}
.traffic-usage-chart{display:grid;row-gap:18px;column-gap:18px;}
.traffic-usage-row{display:grid;grid-template-columns:minmax(145px, 0.9fr) minmax(115px, 0.45fr) minmax(180px, 1.6fr);column-gap:16px;align-items:center;}
.traffic-usage-node{display:flex;align-items:center;row-gap:9px;column-gap:9px;min-width:0px;}
.traffic-usage-node > div{min-width:0px;display:grid;row-gap:3px;column-gap:3px;}
.traffic-usage-node strong{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

.traffic-usage-flag{width:27px;height:19px;object-fit:cover;}
.traffic-usage-values{display:grid;row-gap:3px;column-gap:3px;}

.traffic-usage-meter{height:10px;overflow-x:hidden;overflow-y:hidden;}
.traffic-usage-bar{display:block;height:100%;min-width:0px;}


.traffic-usage-meta{grid-column-start:3;grid-column-end:auto;display:flex;justify-content:space-between;row-gap:12px;column-gap:12px;margin-top:5px;}
.traffic-quota-panel{display:flex;flex-direction:column;}
.traffic-quota-ring{display:grid;align-items:center;justify-items:center;width:168px;margin-top:4px;margin-right:auto;margin-bottom:20px;margin-left:auto;}
.traffic-quota-ring::before{content:"";grid-row-start:1;grid-column-start:1;grid-row-end:auto;grid-column-end:auto;width:126px;}
.traffic-quota-ring > div{z-index:1;grid-row-start:1;grid-column-start:1;grid-row-end:auto;grid-column-end:auto;display:grid;justify-items:center;row-gap:4px;column-gap:4px;}




.traffic-quota-legend{display:grid;row-gap:10px;column-gap:10px;margin-top:auto;}
.traffic-quota-legend > div{display:grid;grid-template-columns:8px minmax(0px, 1fr) auto;align-items:center;row-gap:8px;column-gap:8px;padding-top:9px;}
.traffic-quota-legend i{width:7px;height:7px;}



.traffic-chart-empty{display:grid;justify-items:start;row-gap:7px;column-gap:7px;padding-top:28px;padding-right:0px;padding-bottom:8px;padding-left:0px;}


.traffic-chart-empty .btn{margin-top:7px;}
.billing-traffic-note{display:flex;align-items:flex-start;row-gap:13px;column-gap:13px;margin-top:13px;padding-top:17px;padding-right:19px;padding-bottom:17px;padding-left:19px;}
.billing-traffic-note > span{display:grid;align-items:center;justify-items:center;flex-grow:0;flex-shrink:0;flex-basis:36px;width:36px;height:36px;}
.billing-traffic-note strong{display:block;margin-top:1px;margin-right:0px;margin-bottom:5px;margin-left:0px;}
.billing-traffic-note p{max-width:760px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
#trafficPurchaseModal{z-index:1200;}
.traffic-buy-card{position:absolute;left:50%;top:50%;width:min(580px, 100% - 28px);max-height:min(92vh, 760px);overflow-x:auto;overflow-y:auto;padding-top:23px;padding-right:23px;padding-bottom:23px;padding-left:23px;}
.traffic-buy-head{display:flex;align-items:center;row-gap:13px;column-gap:13px;padding-top:0px;padding-right:38px;padding-bottom:17px;padding-left:0px;}
.traffic-buy-head h3{margin-top:4px;margin-right:0px;margin-bottom:3px;margin-left:0px;}
.traffic-buy-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-buy-icon{display:grid;align-items:center;justify-items:center;flex-grow:0;flex-shrink:0;flex-basis:46px;width:46px;height:46px;}
.traffic-buy-icon svg{width:22px;height:22px;}
.traffic-buy-allowance{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:8px;column-gap:8px;margin-top:16px;margin-right:0px;margin-bottom:16px;margin-left:0px;}
.traffic-buy-allowance > div{min-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}
.traffic-buy-allowance span, .traffic-buy-summary span{display:block;margin-bottom:5px;}
.traffic-buy-allowance strong{display:block;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.traffic-buy-label{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;margin-top:19px;margin-right:0px;margin-bottom:10px;margin-left:0px;}


.traffic-buy-packages{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));row-gap:8px;column-gap:8px;}
.traffic-buy-packages button{display:flex;align-items:baseline;justify-content:center;row-gap:4px;column-gap:4px;min-height:58px;cursor:pointer;}




.traffic-buy-custom{display:grid;row-gap:7px;column-gap:7px;margin-top:12px;}
.traffic-buy-custom input{width:100%;height:43px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;box-sizing:border-box;}

.traffic-buy-summary{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:1px;column-gap:1px;margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;overflow-x:hidden;overflow-y:hidden;}
.traffic-buy-summary > div{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}



.traffic-buy-wide{width:100%;min-height:45px;}
#trafficBuyConfirmStep{padding-top:9px;}
#trafficBuyConfirmStep[hidden], #trafficBuyChooseStep[hidden]{display:none;}
.traffic-buy-confirm-mark{display:grid;align-items:center;justify-items:center;width:50px;height:50px;margin-top:8px;margin-right:auto;margin-bottom:11px;margin-left:auto;}
#trafficBuyConfirmStep h4{margin-top:0px;margin-right:0px;margin-bottom:5px;margin-left:0px;}
#trafficBuyConfirmStep > p{margin-top:0px;margin-right:0px;margin-bottom:16px;margin-left:0px;}
.traffic-buy-confirm-list{display:grid;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;overflow-x:hidden;overflow-y:hidden;}
.traffic-buy-confirm-list > div{display:flex;justify-content:space-between;row-gap:16px;column-gap:16px;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;}


.traffic-buy-confirm-list dd{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-buy-confirm-actions{display:grid;grid-template-columns:0.75fr 1.25fr;row-gap:9px;column-gap:9px;margin-top:14px;}
.traffic-buy-confirm-actions .btn{min-height:43px;}
.traffic-buy-footnote{margin-top:14px;margin-right:2px;margin-bottom:0px;margin-left:2px;}
@media (max-width: 900px) {.traffic-analytics-grid{grid-template-columns:1fr;}
.traffic-quota-panel{display:grid;grid-template-columns:minmax(0px, 1fr) auto;align-items:center;}
.traffic-quota-panel .traffic-panel-head{grid-column-start:1;grid-column-end:auto;}
.traffic-quota-ring{grid-column-start:2;grid-column-end:auto;grid-row-start:1;grid-row-end:3;width:150px;margin-top:0px;margin-right:8px;margin-bottom:0px;margin-left:20px;}
.traffic-quota-legend{grid-column-start:1;grid-column-end:auto;}}
.traffic-buy-card{width:min(620px, 100% - 28px);max-height:min(94vh, 720px);padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.traffic-buy-head{position:relative;display:grid;grid-template-columns:minmax(0px, 1fr) 184px;min-height:82px;row-gap:14px;column-gap:14px;align-items:stretch;padding-top:0px;padding-right:34px;padding-bottom:14px;padding-left:0px;overflow-x:hidden;overflow-y:hidden;}
.traffic-buy-head-copy{z-index:1;align-self:center;min-width:0px;}
.traffic-buy-head h3{margin-top:3px;margin-right:0px;margin-bottom:2px;margin-left:0px;}
.traffic-buy-head p{max-width:100%;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.traffic-buy-visual{position:relative;min-width:0px;overflow-x:hidden;overflow-y:hidden;}
.traffic-buy-visual::after{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.traffic-buy-visual img{display:block;width:100%;height:100%;object-fit:cover;}
.traffic-buy-visual > span{position:absolute;z-index:1;right:11px;bottom:9px;display:grid;justify-items:end;}

.traffic-buy-visual small{margin-top:4px;}
.traffic-buy-allowance{row-gap:6px;column-gap:6px;margin-top:12px;margin-right:0px;margin-bottom:12px;margin-left:0px;}
.traffic-buy-allowance > div{display:grid;align-content:center;min-height:48px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}
.traffic-buy-allowance span, .traffic-buy-summary span{margin-bottom:3px;}
.traffic-buy-allowance strong{overflow-x:visible;overflow-y:visible;text-overflow:clip;}
.traffic-buy-label{margin-top:14px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.traffic-buy-packages{row-gap:6px;column-gap:6px;}
.traffic-buy-packages button{min-width:0px;min-height:50px;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;}
.traffic-buy-packages strong{min-width:0px;}
.traffic-buy-packages span{flex-grow:0;flex-shrink:0;flex-basis:auto;}
.traffic-buy-custom{row-gap:5px;column-gap:5px;margin-top:10px;}
.traffic-buy-custom input{height:39px;}
.traffic-buy-summary{margin-top:11px;margin-right:0px;margin-bottom:11px;margin-left:0px;}
.traffic-buy-summary > div{min-width:0px;padding-top:9px;padding-right:10px;padding-bottom:9px;padding-left:10px;}
.traffic-buy-summary strong{display:block;max-width:100%;overflow-wrap:anywhere;}

.traffic-buy-balance-warning{padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px;}
.traffic-buy-wide{min-height:41px;}
.traffic-buy-footnote{margin-top:10px;}
.russia-map{min-height:0px;padding-top:12px;padding-right:8px;padding-bottom:4px;padding-left:8px;overflow-x:visible;overflow-y:visible;}
.russia-region-map{display:block;min-height:0px;}
.russia-region-map > svg, .russia-map svg{display:block;width:100%;height:auto;min-height:0px;overflow-x:visible;overflow-y:visible;}
.russia-region{cursor:pointer;}

.region-map-tooltip{position:absolute;z-index:8;width:220px;padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px;pointer-events:none;}
.region-map-tooltip[hidden]{display:none;}
.region-map-tooltip > span{display:block;}
.region-map-tooltip h4{margin-top:3px;margin-right:0px;margin-bottom:1px;margin-left:0px;}
.region-map-tooltip > p{margin-top:0px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.region-map-tooltip ul{display:grid;row-gap:5px;column-gap:5px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:8px;padding-right:0px;padding-bottom:0px;padding-left:0px;list-style-position:initial;list-style-image:initial;list-style-type:none;}
.region-map-tooltip li{display:grid;grid-template-columns:7px 1fr auto;align-items:center;row-gap:7px;column-gap:7px;}
.region-map-tooltip li i{width:6px;height:6px;}





.availability-operator{min-height:58px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}
.availability-operator-logo{width:36px;height:36px;overflow-x:hidden;overflow-y:hidden;}
.availability-operator-logo img{width:28px;height:28px;max-width:none;max-height:none;}


@media (max-width: 620px) {.traffic-buy-card{width:calc(100% - 18px);padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}
.traffic-buy-head{grid-template-columns:1fr;min-height:76px;padding-top:0px;padding-right:32px;padding-bottom:11px;padding-left:0px;}
.traffic-buy-visual{position:absolute;top:0px;right:0px;bottom:10px;left:44%;}

.traffic-buy-head-copy{max-width:72%;}
.traffic-buy-allowance{grid-template-columns:repeat(3, minmax(0px, 1fr));}
.traffic-buy-allowance > div{padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px;}

.traffic-buy-packages{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.traffic-buy-summary > div{padding-top:8px;padding-right:7px;padding-bottom:8px;padding-left:7px;}


.russia-map{padding-top:10px;padding-right:0px;padding-bottom:2px;padding-left:0px;}
.russia-region-map > svg, .russia-map svg{min-height:0px;}
.region-map-tooltip{width:min(210px, 100% - 20px);}}
@media (max-width: 620px) {.traffic-page-head{align-items:flex-start;row-gap:12px;column-gap:12px;}

.traffic-page-head p{max-width:220px;}
.traffic-page-head .btn{min-height:38px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}
.traffic-kpi-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:8px;column-gap:8px;}
.traffic-kpi-card{min-height:96px;padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px;}
.traffic-kpi-card:first-child{grid-column-start:1;grid-column-end:-1;min-height:100px;}

.traffic-usage-panel, .traffic-quota-panel{padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}
.traffic-usage-row{grid-template-columns:minmax(0px, 1fr) auto;row-gap:8px;column-gap:12px;}
.traffic-usage-values{justify-items:end;}
.traffic-usage-meter{grid-column-start:1;grid-column-end:-1;height:9px;}
.traffic-usage-meta{grid-column-start:1;grid-column-end:-1;margin-top:0px;}
.traffic-quota-panel{display:flex;}
.traffic-quota-panel .traffic-panel-head{width:100%;}
.traffic-quota-ring{width:154px;margin-top:2px;margin-right:auto;margin-bottom:18px;margin-left:auto;}
.traffic-quota-legend{width:100%;}
.traffic-buy-card{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding-top:18px;padding-right:15px;padding-bottom:18px;padding-left:15px;}
.traffic-buy-allowance{grid-template-columns:1fr 1fr;}
.traffic-buy-allowance > div:first-child{grid-column-start:1;grid-column-end:-1;}
.traffic-buy-packages{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.traffic-buy-summary{grid-template-columns:1fr 1fr;}
.traffic-buy-summary .total{grid-column-start:1;grid-column-end:-1;}}
#panelBindModal .drawer-header-compact{position:relative;display:block;padding-right:40px;}
#panelBindModal .drawer-header-meta{min-width:0px;}
#panelBindModal .drawer-header-compact > [data-close-panel-bind]{position:absolute;right:0px;top:0px;}








@media (max-width: 480px) {#panelBindModal .panel-bind-dialog{max-height:calc(100dvh - 12px);padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;width:calc(-16px + 100vw);}
#panelBindModal .drawer-header-compact{margin-bottom:12px;}

#panelBindModal .drawer-subtitle{display:block;max-width:100%;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
#panelBindModal .vds-choice-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:8px;column-gap:8px;}
#panelBindModal .vds-choice{min-width:0px;min-height:104px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;row-gap:4px;column-gap:4px;}
#panelBindModal .vds-choice-top{margin-bottom:1px;}
#panelBindModal .vds-choice-icon-wrap{display:none;}

#panelBindModal .vds-choice small{display:-webkit-box;overflow-x:hidden;overflow-y:hidden;}
#panelBindModal .vds-field-cards-grid{row-gap:9px;column-gap:9px;}}
.sidebar-promo-art{height:145px;}
.sidebar-promo-img{object-position:center 32%;}
.vds-step-art{position:relative;display:flex;align-items:flex-end;min-height:146px;margin-top:4px;margin-right:0px;margin-bottom:16px;margin-left:0px;padding-top:18px;padding-right:20px;padding-bottom:18px;padding-left:20px;overflow-x:hidden;overflow-y:hidden;}
.vds-step-art::after{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:-1;}
.vds-step-art > img{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%;}
.vds-step-art-copy{display:grid;row-gap:4px;column-gap:4px;max-width:330px;}



.vds-step-server-select .vds-country-grid{row-gap:8px;column-gap:8px;}
.vds-step-server-select .vds-country-option{min-height:82px;padding-top:13px;padding-right:15px;padding-bottom:13px;padding-left:15px;}







#panelBindModal .vds-choice-grid{row-gap:9px;column-gap:9px;margin-bottom:11px;}
#panelBindModal .vds-choice{min-height:76px;padding-top:11px;padding-right:14px;padding-bottom:11px;padding-left:14px;row-gap:3px;column-gap:3px;justify-content:center;}
#panelBindModal .vds-choice-top, #panelBindModal .vds-choice-icon-wrap{display:none;}

#panelBindModal .vds-choice small{display:block;max-width:100%;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
#panelBindModal .vds-panel-manual-tabs{margin-bottom:11px;}
#panelBindModal .vds-field-cards-grid{row-gap:9px;column-gap:9px;}
#panelBindModal .vds-field-card{padding-top:11px;padding-right:13px;padding-bottom:11px;padding-left:13px;}
#panelBindModal .vds-field-card-hint{margin-top:5px;}
.panel-bind-help, .panel-bind-advanced{margin-top:11px;}
.panel-bind-help summary, .panel-bind-advanced summary{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;cursor:pointer;list-style-position:initial;list-style-image:initial;list-style-type:none;}
.panel-bind-help summary::-webkit-details-marker, .panel-bind-advanced summary::-webkit-details-marker{display:none;}


.panel-bind-help p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:14px;padding-bottom:13px;padding-left:14px;}
.panel-bind-advanced .manual-code-card{margin-top:0px;margin-right:10px;margin-bottom:10px;margin-left:10px;}
@media (max-width: 480px) {.sidebar-promo-art{height:135px;}
.vds-step-art{min-height:112px;margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px;}
.vds-step-art-copy{max-width:190px;}


.vds-step-art > img{object-position:64% center;}
.vds-step-server-select .vds-country-option{min-height:72px;}
#panelBindModal .vds-choice{min-height:55px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}
#panelBindModal .vds-choice small{display:none;}
}
.client-page-banner{position:relative;display:flex;align-items:flex-end;min-height:169px;margin-top:0px;margin-right:0px;margin-bottom:16px;margin-left:0px;padding-top:22px;padding-right:24px;padding-bottom:22px;padding-left:24px;overflow-x:hidden;overflow-y:hidden;}
.client-page-banner::after{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;}
.client-page-banner > img{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.client-page-banner-copy{position:relative;z-index:2;max-width:62%;min-width:0px;}
.client-page-banner-copy span{display:block;margin-bottom:8px;}
.client-page-banner-copy h2{margin-top:0px;margin-right:0px;margin-bottom:7px;margin-left:0px;}
.client-page-banner-copy p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.client-page-banner .client-banner-action{position:relative;z-index:2;align-self:flex-end;margin-left:auto;min-height:39px;}
.support-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:13px;column-gap:13px;margin-top:16px;}
.support-card{min-width:0px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.support-coming-soon{padding-top:12px;margin-top:14px;}
.settings-integration-card{display:flex;justify-content:space-between;align-items:center;row-gap:14px;column-gap:14px;margin-top:16px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;}
.settings-integration-card > div{display:flex;align-items:center;row-gap:12px;column-gap:12px;min-width:0px;}
.settings-integration-icon{display:grid;flex-grow:0;flex-shrink:0;flex-basis:auto;align-items:center;justify-items:center;width:39px;height:39px;}
.settings-integration-icon svg{width:20px;height:20px;}

.settings-integration-card p{margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.settings-integration-card .btn[disabled]{flex-grow:0;flex-shrink:0;flex-basis:auto;cursor:not-allowed;}
.settings-demo-state{margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}
.settings-demo-state[hidden]{display:none;}
.client-demo-dialog{width:min(420px, -24px + 100vw);max-height:calc(100dvh - 24px);margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto;padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;overflow-x:auto;overflow-y:auto;}

.client-demo-dialog form{display:grid;row-gap:11px;column-gap:11px;}
.client-demo-dialog h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.client-demo-dialog p{margin-top:0px;margin-right:0px;margin-bottom:5px;margin-left:0px;}

.client-demo-dialog input{width:100%;min-height:44px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;box-sizing:border-box;}


.client-demo-dialog small[hidden]{display:none;}
.client-demo-actions{display:flex;justify-content:flex-end;row-gap:9px;column-gap:9px;margin-top:8px;}
.client-demo-actions .btn{min-height:40px;}
@media (max-width: 700px) {.support-grid{grid-template-columns:1fr;}}
@media (max-width: 480px) {.client-page-banner{min-height:143px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;margin-bottom:12px;}
.client-page-banner.has-action{min-height:179px;padding-bottom:60px;}
.client-page-banner-copy{max-width:75%;}
.client-page-banner-copy span{margin-bottom:5px;}


.client-page-banner .client-banner-action{position:absolute;left:16px;bottom:14px;min-height:36px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.settings-integration-card{align-items:flex-start;flex-direction:column;}
.settings-integration-card .btn{align-self:flex-start;}}




.drawer-segmented-bar .drawer-console-tab{display:inline-flex;}
.drawer-segmented-bar{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));}
.panel-setup-card{padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;margin-bottom:14px;}
.panel-setup-heading{display:flex;align-items:flex-start;justify-content:space-between;row-gap:16px;column-gap:16px;margin-bottom:14px;}
.panel-setup-heading h3{margin-top:3px;margin-right:0px;margin-bottom:5px;margin-left:0px;}
.panel-setup-heading p{max-width:430px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.panel-setup-picker{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:9px;column-gap:9px;min-width:0px;margin-top:0px;margin-right:0px;margin-bottom:14px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.panel-setup-picker legend{width:100%;margin-top:0px;margin-right:0px;margin-bottom:7px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.panel-choice{position:relative;display:grid;grid-template-columns:38px minmax(0px, 1fr) 18px;align-items:center;row-gap:10px;column-gap:10px;min-height:62px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;overflow-x:hidden;overflow-y:hidden;cursor:pointer;}


.panel-choice input{position:absolute;width:1px;height:1px;pointer-events:none;}

.panel-choice-icon{display:grid;align-items:center;justify-items:center;width:38px;height:38px;}
.panel-choice-icon img{display:block;max-width:none;}
.panel-choice-icon--3x{overflow-x:hidden;overflow-y:hidden;}
.panel-choice-icon--3x img{width:35px;height:35px;object-fit:contain;}
.panel-choice-icon--remna{overflow-x:hidden;overflow-y:hidden;}
.panel-choice-icon--remna img{width:32px;height:32px;object-fit:contain;}

.panel-choice-copy{display:flex;min-width:0px;flex-direction:column;row-gap:3px;column-gap:3px;}


.panel-choice-mark{width:14px;height:14px;}

.setup-stage-label{display:flex;align-items:center;row-gap:9px;column-gap:9px;margin-top:0px;margin-right:0px;margin-bottom:9px;margin-left:0px;}
.setup-stage-label > span{display:grid;align-items:center;justify-items:center;width:22px;height:22px;flex-grow:0;flex-shrink:0;flex-basis:22px;}
.setup-stage-label > div{display:flex;min-width:0px;flex-direction:column;row-gap:1px;column-gap:1px;}


.setup-stage-label--method{margin-top:4px;}
.setup-method-picker{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:9px;column-gap:9px;margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.setup-method-choice{position:relative;display:grid;grid-template-columns:74px minmax(0px, 1fr) 18px;align-items:center;row-gap:11px;column-gap:11px;min-height:86px;padding-top:9px;padding-right:12px;padding-bottom:9px;padding-left:9px;overflow-x:hidden;overflow-y:hidden;cursor:pointer;}


.setup-method-choice input{position:absolute;width:1px;height:1px;}

.setup-method-art{display:grid;align-items:center;justify-items:center;width:74px;height:58px;}
.setup-method-art svg{width:66px;height:44px;}




.setup-method-copy{display:flex;min-width:0px;flex-direction:column;row-gap:3px;column-gap:3px;}


.setup-method-copy em{align-self:flex-start;margin-top:2px;padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;}

.setup-method-mark{width:14px;height:14px;}

.setup-method-content{padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px;}
.setup-method-content[hidden]{display:none;}

.setup-mode-intro, .setup-manual-intro{display:flex;align-items:flex-start;row-gap:10px;column-gap:10px;margin-bottom:12px;}
.setup-manual-intro{margin-bottom:0px;}
.setup-mode-icon{display:grid;align-items:center;justify-items:center;width:32px;height:32px;flex-grow:0;flex-shrink:0;flex-basis:32px;}
.setup-mode-icon svg{width:17px;height:17px;}
.setup-mode-intro strong, .setup-manual-intro strong{display:block;margin-top:1px;margin-right:0px;margin-bottom:2px;margin-left:0px;}
.setup-mode-intro p, .setup-manual-intro p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.setup-guided-manual[hidden]{display:none;}
.setup-guided-manual > summary{display:none;}
.setup-guided-manual .drawer-cfg-tabs{display:none;}
.setup-guided-manual .manual-setup-wrapper{padding-top:16px;}
.panel-setup-form{display:grid;grid-template-columns:minmax(0px, 1fr) minmax(0px, 1fr);row-gap:10px;column-gap:10px;align-items:end;}
.panel-setup-form label{display:block;min-width:0px;}
.panel-setup-form label[hidden]{display:none;}
.panel-setup-form input{box-sizing:border-box;display:block;width:100%;min-width:0px;min-height:42px;margin-top:6px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;}

.panel-setup-form label > small:not(.panel-token-saved){display:block;margin-top:5px;}
.panel-setup-form button{grid-column-start:1;grid-column-end:-1;justify-self:start;min-height:42px;}
.panel-token-saved{display:inline-flex;margin-left:6px;padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;}
.panel-token-saved[hidden]{display:none;}
.panel-setup-result{margin-top:11px;margin-right:0px;margin-bottom:0px;margin-left:0px;overflow-wrap:anywhere;}



.panel-port-check{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;margin-top:7px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:6px;padding-right:9px;padding-bottom:6px;padding-left:9px;}
.panel-port-check[hidden]{display:none;}


.panel-port-fix{margin-top:10px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;display:flex;flex-direction:column;row-gap:8px;column-gap:8px;}
.panel-port-fix[hidden]{display:none;}
.port-fix-info{display:flex;align-items:center;row-gap:7px;column-gap:7px;}
.port-fix-action{display:flex;align-items:center;justify-content:space-between;row-gap:10px;column-gap:10px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;}
.port-fix-code{word-break:break-all;}
.btn-console-copy-cmd{display:inline-flex;align-items:center;margin-left:8px;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;cursor:pointer;}


.vds-log-row.vds-log-success{padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;margin-top:2px;margin-right:0px;margin-bottom:2px;margin-left:0px;}


.panel-setup-manual{margin-top:12px;}
.panel-setup-manual > summary{cursor:pointer;padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px;list-style-position:initial;list-style-image:initial;list-style-type:none;display:flex;align-items:center;justify-content:space-between;}

.panel-setup-manual > summary::-webkit-details-marker{display:none;}
.panel-setup-manual > summary::after{content:"⌄";}


.panel-setup-manual[open]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.manual-setup-wrapper{display:flex;flex-direction:column;row-gap:14px;column-gap:14px;padding-top:14px;padding-right:16px;padding-bottom:16px;padding-left:16px;}
.manual-direct-banner{display:flex;row-gap:12px;column-gap:12px;align-items:flex-start;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;}
.manual-direct-icon{flex-shrink:0;margin-top:1px;}
.manual-direct-copy strong{display:block;margin-bottom:2px;}
.manual-direct-copy p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.manual-pane-header{margin-top:4px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
.manual-pane-header h4{margin-top:0px;margin-right:0px;margin-bottom:3px;margin-left:0px;}
.manual-pane-header p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.manual-clients-guard{display:flex;row-gap:10px;column-gap:10px;align-items:flex-start;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;margin-bottom:12px;}
.guard-icon{flex-shrink:0;margin-top:2px;}
.guard-copy strong{display:block;margin-bottom:2px;}
.guard-copy p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.manual-steps-list{display:flex;flex-direction:column;row-gap:12px;column-gap:12px;}
.manual-step-card{padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;}


.step-card-header{display:flex;row-gap:12px;column-gap:12px;align-items:flex-start;margin-bottom:12px;}
.step-badge{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

.step-header-text{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:0px;}
.step-num-label{display:block;margin-bottom:2px;}

.step-header-text h5{margin-top:0px;margin-right:0px;margin-bottom:3px;margin-left:0px;}
.step-header-text p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.step-fields-grid{display:flex;flex-direction:column;row-gap:8px;column-gap:8px;margin-bottom:12px;}
.step-field-row{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}
.field-meta{display:flex;flex-direction:column;min-width:0px;}

.field-sub{margin-top:1px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.field-action-group{display:flex;align-items:center;row-gap:8px;column-gap:8px;flex-shrink:0;}
.field-mono-val{padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;word-break:break-all;}
.btn-copy-step{display:inline-flex;align-items:center;row-gap:5px;column-gap:5px;height:28px;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;cursor:pointer;}



.step-card-footer{display:flex;justify-content:flex-end;padding-top:4px;}
.btn-step-next{display:inline-flex;align-items:center;height:32px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;cursor:pointer;}

.step-snippet-box{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;margin-bottom:12px;}
.step-code-snippet{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;overflow-x:auto;max-height:180px;}
.step-snippet-action{display:flex;flex-direction:column;row-gap:6px;column-gap:6px;}
.btn-copy-full-snippet{width:100%;display:flex;align-items:center;justify-content:center;row-gap:6px;column-gap:6px;height:34px;}


.step-verify-box{display:flex;flex-direction:column;row-gap:10px;column-gap:10px;}
.btn-verify-manual{width:100%;height:38px;display:flex;align-items:center;justify-content:center;row-gap:7px;column-gap:7px;}
.verify-checklist{padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;display:flex;flex-direction:column;row-gap:6px;column-gap:6px;}
.checklist-item{display:flex;align-items:center;row-gap:8px;column-gap:8px;}
.checklist-item .chk-icon{min-width:16px;}




.verify-human-error{padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;}
.verify-human-error strong{display:block;margin-bottom:4px;}
.verify-human-error p{margin-top:0px;margin-right:0px;margin-bottom:6px;margin-left:0px;}
.verify-human-error ol{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-left:18px;}
.verify-success-box{padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;display:flex;flex-direction:column;row-gap:10px;column-gap:10px;}

.remna-flow-chain{display:flex;align-items:center;row-gap:6px;column-gap:6px;overflow-x:auto;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;margin-bottom:12px;}
.remna-flow-node{padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;}

.remna-flow-sep{flex-shrink:0;}
.step-extra-action{display:flex;align-items:center;row-gap:10px;column-gap:10px;margin-bottom:10px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}

.badge-status-on{display:inline-block;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;}
.remna-key-guard{display:flex;align-items:flex-start;row-gap:10px;column-gap:10px;margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}
.remna-key-guard > svg{width:18px;height:18px;flex-grow:0;flex-shrink:0;flex-basis:18px;}
.remna-key-guard > div{display:flex;flex-direction:column;row-gap:3px;column-gap:3px;}



.step-code-block{margin-bottom:10px;overflow-x:hidden;overflow-y:hidden;}
.step-code-head{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;padding-top:7px;padding-right:9px;padding-bottom:7px;padding-left:12px;}

.step-code-block pre{max-height:280px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;overflow-x:auto;overflow-y:auto;}
.step-command-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:8px;column-gap:8px;margin-bottom:10px;}
.step-command-grid > div{display:flex;min-width:0px;flex-direction:column;row-gap:5px;column-gap:5px;padding-top:9px;padding-right:10px;padding-bottom:9px;padding-left:10px;}

.step-command-grid code{overflow-x:auto;overflow-y:auto;}
.remna-port-pair{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:8px;column-gap:8px;margin-bottom:9px;}
.remna-port-pair > div{display:flex;flex-direction:column;row-gap:3px;column-gap:3px;padding-top:10px;padding-right:11px;padding-bottom:10px;padding-left:11px;}



.manual-step-card--ports .port-fix-action + .port-fix-action{margin-top:7px;}
.manual-advanced-accordion{margin-top:10px;overflow-x:hidden;overflow-y:hidden;}
.manual-advanced-summary{cursor:pointer;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px;list-style-position:initial;list-style-image:initial;list-style-type:none;display:flex;align-items:center;row-gap:6px;column-gap:6px;}

.manual-advanced-summary .advanced-arrow{display:inline-block;}

.manual-advanced-content{padding-top:12px;padding-right:14px;padding-bottom:14px;padding-left:14px;display:flex;flex-direction:column;row-gap:10px;column-gap:10px;}
.edge-endpoint-card{margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;}
.days-buy-card{position:absolute;left:50%;top:50%;width:min(500px, 100% - 28px);max-height:min(92vh, 700px);overflow-x:auto;overflow-y:auto;padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;}
.days-buy-head{padding-top:0px;padding-right:36px;padding-bottom:14px;padding-left:0px;}
.days-buy-head h3{margin-top:4px;margin-right:0px;margin-bottom:3px;margin-left:0px;}
.days-buy-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.days-buy-choices{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:8px;column-gap:8px;margin-top:16px;}
.days-buy-choices button{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:baseline;column-gap:5px;row-gap:5px;min-width:0px;min-height:78px;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;cursor:pointer;}




.days-buy-choices small{grid-column-start:1;grid-column-end:-1;}
.days-buy-summary{display:grid;grid-template-columns:1fr 1fr;row-gap:1px;column-gap:1px;margin-top:14px;overflow-x:hidden;overflow-y:hidden;}
.days-buy-summary > div{min-width:0px;padding-top:10px;padding-right:11px;padding-bottom:10px;padding-left:11px;}
.days-buy-summary span, .days-buy-summary strong{display:block;}
.days-buy-summary span{margin-bottom:5px;}
.days-buy-summary strong{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}


.days-buy-note{margin-top:11px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.days-buy-warning{margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px;}
.days-buy-warning[hidden]{display:none;}
.days-buy-actions{display:flex;justify-content:flex-end;row-gap:8px;column-gap:8px;margin-top:15px;}
.days-buy-actions .btn{min-height:40px;}
@media (max-width: 520px) {.days-buy-card{width:calc(100% - 18px);padding-top:17px;padding-right:14px;padding-bottom:17px;padding-left:14px;}
.days-buy-choices{row-gap:6px;column-gap:6px;}
.days-buy-choices button{min-height:70px;padding-top:7px;padding-right:4px;padding-bottom:7px;padding-left:4px;}

.days-buy-summary > div{padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;}
.days-buy-actions{display:grid;grid-template-columns:1fr 1fr;}
.days-buy-actions .btn{min-width:0px;padding-inline-start:7px;padding-inline-end:7px;}}

.edge-endpoint-head{display:flex;align-items:flex-start;justify-content:space-between;row-gap:18px;column-gap:18px;}
.edge-endpoint-kicker{display:block;margin-bottom:4px;}
.edge-endpoint-head h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.edge-endpoint-head p{max-width:570px;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.edge-sync-badge{flex-grow:0;flex-shrink:0;flex-basis:auto;padding-top:6px;padding-right:9px;padding-bottom:6px;padding-left:9px;}



.edge-mode-switch{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:7px;column-gap:7px;margin-top:13px;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px;}
.edge-mode-option{display:flex;align-items:center;justify-content:center;row-gap:12px;column-gap:12px;min-width:0px;min-height:44px;padding-top:8px;padding-right:11px;padding-bottom:8px;padding-left:11px;cursor:pointer;}
.edge-mode-option strong, .edge-mode-option small{display:block;}





.edge-mode-option:disabled{cursor:wait;}
.edge-endpoint-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:1px;column-gap:1px;margin-top:12px;overflow-x:hidden;overflow-y:hidden;}
.edge-endpoint-grid > div{min-width:0px;padding-top:10px;padding-right:11px;padding-bottom:10px;padding-left:11px;}
.edge-endpoint-grid span, .edge-endpoint-grid small{display:block;}
.edge-endpoint-grid code{display:block;overflow-x:hidden;overflow-y:hidden;margin-top:5px;text-overflow:ellipsis;}
.edge-endpoint-grid small{margin-top:4px;}
.edge-endpoint-footer{display:flex;align-items:center;justify-content:space-between;row-gap:14px;column-gap:14px;margin-top:12px;}
.edge-endpoint-footer p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.edge-endpoint-footer > div{display:flex;flex-grow:0;flex-shrink:0;flex-basis:auto;row-gap:7px;column-gap:7px;}
@media (max-width: 640px) {.edge-endpoint-head, .edge-endpoint-footer{align-items:stretch;flex-direction:column;}
.edge-sync-badge{align-self:flex-start;}
.edge-mode-option{align-items:center;flex-direction:row;justify-content:center;min-height:44px;padding-top:7px;padding-right:5px;padding-bottom:7px;padding-left:5px;}

.edge-endpoint-grid{grid-template-columns:1fr;}
.edge-endpoint-footer > div{display:grid;grid-template-columns:1fr;}
.edge-endpoint-footer .btn{width:100%;}}
@media (max-width: 600px) {.step-field-row{flex-direction:column;align-items:stretch;row-gap:8px;column-gap:8px;}
.field-action-group{justify-content:space-between;width:100%;}
.field-mono-val{flex-grow:1;flex-shrink:1;flex-basis:0%;overflow-x:auto;}
.remna-flow-chain{padding-top:6px;padding-right:8px;padding-bottom:6px;padding-left:8px;}
.step-card-header{row-gap:10px;column-gap:10px;}
.step-badge{width:24px;height:24px;}
.panel-setup-heading{flex-direction:column;row-gap:12px;column-gap:12px;}
.panel-setup-picker{width:100%;grid-template-columns:1fr;}
.setup-method-picker{grid-template-columns:1fr;}
.setup-method-choice{min-height:78px;grid-template-columns:64px minmax(0px, 1fr) 18px;}
.setup-method-art{width:64px;height:50px;}
.setup-method-art svg{width:58px;height:38px;}
.panel-setup-form{grid-template-columns:1fr;}
.panel-setup-form button{width:100%;}
.step-command-grid, .remna-port-pair{grid-template-columns:1fr;}
.step-code-block pre{max-height:220px;}
.manual-setup-wrapper{padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}}
.drawer .drawer-panel{display:flex;flex-direction:column;width:min(780px, -32px + 100vw);height:auto;max-height:min(870px, 100dvh - 32px);max-width:780px;overflow-x:hidden;overflow-y:hidden;padding-top:18px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
.drawer .drawer-header-compact, .drawer .drawer-segmented-bar{flex-grow:0;flex-shrink:0;flex-basis:auto;}
.drawer .drawer-tab-pane{flex-grow:1;flex-shrink:1;flex-basis:auto;min-height:0px;overflow-y:auto;overflow-x:hidden;padding-right:4px;}
@media (max-width: 600px) {.drawer{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;align-items:flex-end;}
.drawer .drawer-panel{width:100%;height:calc(100dvh - 8px);max-width:none;padding-top:16px;padding-right:14px;padding-bottom:16px;padding-left:14px;}}

.vds-console{padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;}
.vds-console::-webkit-scrollbar{width:5px;}


.vds-log-row{display:grid;grid-template-columns:74px minmax(0px, 1fr);row-gap:12px;column-gap:12px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;overflow-wrap:anywhere;}










.sidebar-promo-card{display:block;height:252px;min-height:252px;margin-top:auto;margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.sidebar .user-card{margin-top:0px;}
.sidebar-promo-slide{position:absolute;top:0px;right:0px;bottom:0px;left:0px;display:flex;flex-direction:column;padding-top:0px;padding-right:12px;padding-bottom:12px;padding-left:12px;visibility:hidden;pointer-events:none;}
.sidebar-promo-slide.is-active{visibility:visible;pointer-events:auto;}
.sidebar-promo-slide .sidebar-promo-art{flex-grow:0;flex-shrink:0;flex-basis:145px;}
.sidebar-promo-art--connect .sidebar-promo-img{object-position:center 8%;}
.sidebar-promo-art--telegram{position:relative;display:grid;align-items:center;justify-items:center;}
.sidebar-promo-art--telegram::before{content:"";position:absolute;width:106px;height:106px;}
.sidebar-promo-tg-img{position:relative;z-index:1;width:72px;height:72px;object-fit:contain;}
.sidebar-promo-slide .sidebar-promo-copy{min-height:53px;padding-right:4px;}
.sidebar-promo-slide .btn-sidebar-connect{margin-top:auto;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.sidebar-promo-dots{position:absolute;top:10px;right:10px;z-index:4;display:flex;row-gap:4px;column-gap:4px;}
.sidebar-promo-dots button{display:block;width:7px;height:7px;min-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;cursor:pointer;}
.sidebar-promo-dots button.is-active{width:15px;}

.tg-promo-card{display:block;cursor:pointer;}


@media (prefers-reduced-motion: reduce) {}
.vds-connection-method{display:flex;row-gap:12px;column-gap:12px;align-items:flex-start;margin-top:12px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;}
.vds-connection-method-dot{width:9px;height:9px;margin-top:7px;flex-grow:0;flex-shrink:0;flex-basis:auto;}
.vds-connection-method small, .vds-connection-method strong, .vds-connection-method p{display:block;}

.vds-connection-method strong{margin-top:3px;}
.vds-connection-method p{margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.subscription-notices-container{display:flex;flex-direction:column;row-gap:10px;column-gap:10px;width:100%;margin-bottom:16px;}
.subscription-notice-banner{display:flex;align-items:center;justify-content:space-between;row-gap:16px;column-gap:16px;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px;position:relative;overflow-x:hidden;overflow-y:hidden;}
.subscription-notice-banner::before{content:"";position:absolute;left:0px;top:0px;bottom:0px;width:3px;}






.sub-notice-main{display:flex;align-items:flex-start;row-gap:12px;column-gap:12px;min-width:0px;flex-grow:1;flex-shrink:1;flex-basis:0%;}
.sub-notice-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;}



.sub-notice-copy{display:flex;flex-direction:column;row-gap:3px;column-gap:3px;min-width:0px;}

.sub-notice-copy p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.sub-notice-meta-tag{display:inline-flex;align-items:center;row-gap:5px;column-gap:5px;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;margin-left:6px;}


.sub-notice-actions{display:flex;align-items:center;row-gap:8px;column-gap:8px;flex-shrink:0;}
.btn-sub-renew{display:inline-flex;align-items:center;row-gap:6px;column-gap:6px;padding-top:8px;padding-right:14px;padding-bottom:8px;padding-left:14px;cursor:pointer;}




.btn-sub-dismiss{padding-top:7px;padding-right:11px;padding-bottom:7px;padding-left:11px;cursor:pointer;}

.btn-renew-mini{display:inline-flex;align-items:center;row-gap:4px;column-gap:4px;padding-top:4px;padding-right:9px;padding-bottom:4px;padding-left:9px;cursor:pointer;margin-right:6px;}



.drawer-subscription-banner{margin-top:10px;margin-right:0px;margin-bottom:14px;margin-left:0px;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;}


.renew-card{position:absolute;left:50%;top:50%;width:min(480px, 100% - 28px);max-height:90vh;overflow-y:auto;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;}
.renew-modal-header{display:flex;align-items:flex-start;row-gap:14px;column-gap:14px;margin-bottom:20px;padding-bottom:16px;}
.renew-modal-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.renew-modal-kicker{display:block;margin-bottom:3px;}
.renew-modal-title{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.renew-modal-desc{margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.renew-details-list{display:flex;flex-direction:column;row-gap:10px;column-gap:10px;padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px;margin-bottom:18px;}
.renew-detail-row{display:flex;align-items:center;justify-content:space-between;}



.renew-balance-row{padding-top:10px;margin-top:4px;}
.renew-warning-box{padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;margin-bottom:18px;}
.renew-modal-actions{display:flex;row-gap:10px;column-gap:10px;justify-content:flex-end;}
.renew-modal-actions button{min-width:120px;}
@media (max-width: 600px) {.subscription-notice-banner{flex-direction:column;align-items:stretch;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;row-gap:12px;column-gap:12px;}
.sub-notice-actions{justify-content:flex-end;width:100%;}
.btn-sub-renew{flex-grow:1;flex-shrink:1;flex-basis:0%;justify-content:center;}
.renew-card{width:calc(100% - 20px);padding-top:18px;padding-right:16px;padding-bottom:18px;padding-left:16px;}
.renew-modal-actions{flex-direction:column-reverse;}
.renew-modal-actions button{width:100%;}}
.traffic-page-banner{min-height:170px;margin-bottom:12px;}

.traffic-page-banner > img{object-position:center 48%;}
.traffic-node-toolbar{display:grid;grid-template-columns:minmax(260px, 1fr) auto auto;align-items:end;row-gap:10px;column-gap:10px;margin-bottom:10px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}
.traffic-node-toolbar > label{display:grid;row-gap:6px;column-gap:6px;min-width:0px;}

.traffic-node-toolbar select{width:100%;height:40px;padding-top:0px;padding-right:36px;padding-bottom:0px;padding-left:12px;}

.traffic-period-tabs{display:flex;row-gap:3px;column-gap:3px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.traffic-period-tabs button{min-height:32px;padding-top:0px;padding-right:12px;padding-bottom:0px;padding-left:12px;cursor:pointer;}


.traffic-live-state{display:flex;align-items:center;row-gap:6px;column-gap:6px;min-height:40px;padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;}
.traffic-live-state i{width:7px;height:7px;}






.traffic-kpi-grid--four{grid-template-columns:repeat(4, minmax(0px, 1fr));}
.traffic-kpi-grid--four .traffic-kpi-card{min-height:105px;}


.traffic-detail-grid{display:grid;grid-template-columns:minmax(0px, 1.65fr) minmax(310px, 0.75fr);row-gap:10px;column-gap:10px;}
.traffic-daily-panel, .traffic-health-panel{min-width:0px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.traffic-daily-panel .traffic-panel-head{margin-bottom:10px;}

.traffic-daily-chart{min-height:280px;overflow-x:hidden;overflow-y:hidden;}
.traffic-daily-chart > svg{display:block;width:100%;height:auto;min-height:260px;overflow-x:visible;overflow-y:visible;}



.traffic-chart-point circle{cursor:help;}

.traffic-chart-loading{display:grid;min-height:260px;align-items:center;justify-items:center;}
.traffic-daily-chart .traffic-chart-empty{min-height:250px;align-content:center;justify-content:center;justify-items:center;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}
.traffic-health-panel{display:flex;flex-direction:column;}
.traffic-health-statuses{display:grid;grid-template-columns:1fr 1fr;row-gap:7px;column-gap:7px;margin-bottom:17px;}
.traffic-health-statuses > div{display:flex;align-items:center;row-gap:9px;column-gap:9px;min-width:0px;padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px;}
.traffic-health-statuses > div > i{flex-grow:0;flex-shrink:0;flex-basis:9px;width:9px;height:9px;}
.traffic-health-statuses span{display:grid;min-width:0px;row-gap:2px;column-gap:2px;}
.traffic-health-statuses small{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}





.traffic-health-events-head{display:flex;align-items:center;justify-content:space-between;row-gap:10px;column-gap:10px;padding-top:0px;padding-right:1px;padding-bottom:9px;padding-left:1px;}


.traffic-health-events{display:grid;align-content:start;max-height:270px;overflow-x:auto;overflow-y:auto;}
.traffic-health-events > p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:28px;padding-right:8px;padding-bottom:28px;padding-left:8px;}
.traffic-health-event{display:grid;grid-template-columns:22px minmax(0px, 1fr) auto;align-items:center;row-gap:8px;column-gap:8px;padding-top:10px;padding-right:1px;padding-bottom:10px;padding-left:1px;}
.traffic-health-event > i{display:grid;align-items:center;justify-items:center;width:20px;height:20px;}
.traffic-health-event > span{display:grid;min-width:0px;row-gap:3px;column-gap:3px;}

.traffic-health-event small{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}




@media (max-width: 1050px) {.traffic-node-toolbar{grid-template-columns:minmax(230px, 1fr) auto;}
.traffic-live-state{grid-column-start:1;grid-column-end:-1;min-height:30px;justify-content:center;}
.traffic-detail-grid{grid-template-columns:1fr;}
.traffic-health-statuses{grid-template-columns:repeat(2, minmax(0px, 1fr));}}
@media (max-width: 760px) {.traffic-kpi-grid--four{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.traffic-kpi-grid--four .traffic-kpi-card:first-child{grid-column-start:auto;grid-column-end:auto;}}
@media (max-width: 620px) {.traffic-page-banner{min-height:158px;}
.traffic-page-banner .client-page-banner-copy{max-width:78%;}
.traffic-node-toolbar{grid-template-columns:1fr;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}
.traffic-period-tabs{width:100%;}
.traffic-period-tabs button{flex-grow:1;flex-shrink:1;flex-basis:0%;padding-top:0px;padding-right:7px;padding-bottom:0px;padding-left:7px;}
.traffic-live-state{grid-column-start:auto;grid-column-end:auto;}
.traffic-kpi-grid--four .traffic-kpi-card{min-height:92px;}
.traffic-daily-panel, .traffic-health-panel{padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px;}
.traffic-daily-chart{min-height:225px;overflow-x:auto;}
.traffic-daily-chart > svg{width:650px;min-height:220px;}
.traffic-health-statuses{grid-template-columns:1fr;}
.traffic-health-event{grid-template-columns:22px minmax(0px, 1fr);}
.traffic-health-event time{grid-column-start:2;grid-column-end:auto;}}
@media (prefers-reduced-motion: reduce) {}
.node-picker{position:relative;min-width:0px;}
.node-picker-label{display:block;margin-bottom:6px;}
.node-picker-native{position:absolute;width:1px;height:1px;overflow-x:hidden;overflow-y:hidden;pointer-events:none;}
.node-picker-trigger{display:grid;grid-template-columns:36px minmax(0px, 1fr) 18px;align-items:center;row-gap:10px;column-gap:10px;width:100%;min-height:54px;padding-top:7px;padding-right:11px;padding-bottom:7px;padding-left:11px;cursor:pointer;}

.node-picker-trigger:disabled{cursor:not-allowed;}
.node-picker-trigger > svg{width:18px;}

.node-picker-flag, .node-picker-option-flag{display:grid;align-items:center;justify-items:center;width:36px;height:28px;overflow-x:hidden;overflow-y:hidden;}
.node-picker-flag-image{display:block;width:100%;height:100%;object-fit:cover;}
.node-picker-copy{display:grid;min-width:0px;row-gap:2px;column-gap:2px;}

.node-picker-copy strong, .node-picker-menu strong{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.node-picker-copy em, .node-picker-menu em{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.node-picker-menu{position:absolute;z-index:45;top:calc(100% + 6px);left:0px;right:0px;display:grid;row-gap:4px;column-gap:4px;max-height:280px;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;overflow-x:auto;overflow-y:auto;}
.node-picker-menu.hidden{display:none;}
.node-picker-menu button{display:grid;grid-template-columns:36px minmax(0px, 1fr) 10px;align-items:center;row-gap:10px;column-gap:10px;width:100%;padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px;cursor:pointer;}


.node-picker-menu button > span:nth-child(2){display:grid;min-width:0px;row-gap:2px;column-gap:2px;}
.node-picker-menu button > i{width:7px;height:7px;}

.traffic-node-toolbar .node-picker{min-width:280px;}
.availability-page-banner{min-height:170px;margin-bottom:12px;}


.availability-toolbar{display:grid;grid-template-columns:minmax(310px, 1fr) auto;align-items:end;row-gap:10px;column-gap:10px;margin-bottom:10px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}
.availability-updated{display:flex;align-items:center;row-gap:9px;column-gap:9px;min-height:54px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px;}
.availability-updated > i{width:8px;height:8px;}
.availability-updated > span{display:grid;row-gap:3px;column-gap:3px;}

.availability-layout{display:grid;grid-template-columns:minmax(0px, 1.55fr) minmax(280px, 0.55fr);row-gap:10px;column-gap:10px;}
.availability-map-card, .availability-operators-card{min-width:0px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.availability-card-head{display:flex;align-items:flex-start;justify-content:space-between;row-gap:16px;column-gap:16px;margin-bottom:10px;}

.availability-card-head h3{margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.availability-card-head > small{align-self:center;}
.availability-map-legend{display:flex;align-items:center;row-gap:6px;column-gap:6px;}
.availability-map-legend i{width:7px;height:7px;margin-left:6px;}


.russia-map{position:relative;min-height:330px;overflow-x:hidden;overflow-y:hidden;}
.russia-map svg{display:block;width:100%;height:auto;min-height:310px;}
.russia-region-map{display:grid;min-height:330px;align-items:center;justify-items:center;}
.russia-region-map > svg{display:block;width:100%;height:auto;min-height:0px;overflow-x:visible;overflow-y:visible;}





.region-score{pointer-events:none;}


























.availability-operators{display:grid;row-gap:8px;column-gap:8px;}
.availability-operator{display:grid;grid-template-columns:40px minmax(0px, 1fr) 10px;align-items:center;row-gap:11px;column-gap:11px;min-height:66px;padding-top:10px;padding-right:11px;padding-bottom:10px;padding-left:11px;}
.availability-operator-logo{display:grid;align-items:center;justify-items:center;width:40px;height:40px;}
.availability-operator-logo img{display:block;max-width:27px;max-height:27px;}
.availability-operator > span:nth-child(2){display:grid;min-width:0px;row-gap:4px;column-gap:4px;}

.availability-operator small{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
.availability-operator > i{width:9px;height:9px;}





.traffic-buy-balance-warning{margin-top:-3px;margin-right:0px;margin-bottom:12px;margin-left:0px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}
.traffic-buy-balance-warning[hidden]{display:none;}


.traffic-buy-wide:disabled{cursor:not-allowed;}
@media (max-width: 900px) {.availability-layout{grid-template-columns:1fr;}
.availability-operators{grid-template-columns:repeat(3, minmax(0px, 1fr));}
.availability-operator{grid-template-columns:34px minmax(0px, 1fr);}
.availability-operator-logo{width:34px;height:34px;}
.availability-operator > i{grid-column-start:2;grid-column-end:auto;grid-row-start:2;grid-row-end:auto;justify-self:end;margin-top:-14px;}}
@media (max-width: 620px) {.node-picker-trigger{min-height:58px;}
.traffic-node-toolbar .node-picker{min-width:0px;}
.availability-toolbar{grid-template-columns:1fr;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}
.availability-updated{min-height:42px;}
.availability-map-card, .availability-operators-card{padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px;}
.availability-card-head{display:grid;}
.availability-map-legend{flex-wrap:wrap;}
.russia-map{min-height:240px;}
.russia-map svg{width:100%;min-height:240px;}
.russia-region-map{min-height:240px;}



.availability-operators{grid-template-columns:1fr;}
.availability-operator{grid-template-columns:40px minmax(0px, 1fr) 10px;}
.availability-operator-logo{width:40px;height:40px;}
.availability-operator > i{grid-column-start:auto;grid-column-end:auto;grid-row-start:auto;grid-row-end:auto;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.traffic-buy-summary strong{overflow-wrap:anywhere;}}
@media (prefers-reduced-motion: reduce) {}
.availability-operator{grid-template-columns:36px minmax(0px, 1fr) 10px;min-height:58px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;}
.availability-operator-logo{width:36px;height:36px;}
.availability-operator-logo img{width:28px;height:28px;max-width:28px;max-height:28px;}


.russia-map, .russia-region-map{min-height:0px;}
.russia-map svg, .russia-region-map > svg{width:100%;height:auto;min-height:0px;}
.drawer-billing-card{display:grid;grid-template-columns:minmax(150px, 0.8fr) minmax(0px, 1.6fr);align-items:center;row-gap:14px;column-gap:14px;margin-top:12px;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;}
.drawer-billing-card[hidden]{display:none;}
.drawer-billing-summary span{display:block;margin-bottom:4px;}
.drawer-billing-summary strong{display:block;}


.drawer-billing-buttons{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:8px;column-gap:8px;}
.drawer-billing-buttons .btn{display:grid;grid-template-columns:20px minmax(0px, 1fr);align-items:center;justify-content:start;column-gap:8px;min-height:48px;padding-top:7px;padding-right:11px;padding-bottom:7px;padding-left:11px;}
.drawer-billing-buttons svg{grid-row-start:span 2;grid-row-end:auto;width:18px;height:18px;}



.traffic-buy-card{width:min(560px, 100% - 28px);padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
.traffic-buy-head{grid-template-columns:minmax(0px, 1fr) 122px;min-height:72px;align-items:center;padding-bottom:12px;}
.traffic-buy-visual{height:68px;}
.traffic-buy-allowance{margin-top:12px;margin-right:0px;margin-bottom:12px;margin-left:0px;}
.traffic-buy-allowance > div{min-height:52px;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px;}
.traffic-buy-label{margin-top:13px;}

.traffic-buy-summary > div{padding-top:10px;padding-right:11px;padding-bottom:10px;padding-left:11px;}
.traffic-buy-days-link{display:block;width:100%;margin-top:8px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;cursor:pointer;}


@media (max-width: 620px) {.drawer-billing-card{grid-template-columns:1fr;row-gap:10px;column-gap:10px;padding-top:11px;padding-right:11px;padding-bottom:11px;padding-left:11px;}
.drawer-billing-buttons{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.drawer-billing-buttons .btn{min-width:0px;padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px;column-gap:5px;}

.traffic-buy-head{grid-template-columns:minmax(0px, 1fr) 82px;min-height:62px;row-gap:8px;column-gap:8px;}
.traffic-buy-visual{height:58px;}
.traffic-buy-head-copy{max-width:100%;}
.traffic-buy-allowance > div:first-child{grid-column-start:auto;grid-column-end:auto;}
.traffic-buy-allowance{grid-template-columns:repeat(3, minmax(0px, 1fr));}}
@media (max-width: 620px) {.traffic-buy-card{width:calc(100% - 18px);padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}
.traffic-buy-packages{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.traffic-buy-summary > div{min-width:0px;padding-top:8px;padding-right:7px;padding-bottom:8px;padding-left:7px;}
.traffic-buy-summary strong{max-width:100%;overflow-wrap:anywhere;}

.russia-map, .russia-region-map{min-height:0px;}
.russia-map svg, .russia-region-map > svg{width:100%;height:auto;min-height:0px;}
.availability-operator{grid-template-columns:36px minmax(0px, 1fr) 10px;min-height:56px;}
.availability-operator-logo{width:36px;height:36px;}
.availability-operator > i{grid-column-start:auto;grid-column-end:auto;grid-row-start:auto;grid-row-end:auto;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}}
.brand-icon svg{width:24px;height:24px;}


.auth-cover > img{object-position:center 42%;}

.auth-cover::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.auth-cover > img{z-index:1;top:auto;right:3%;bottom:0px;left:auto;width:88%;height:90%;object-fit:contain;object-position:center bottom;}
.auth-cover-shade{z-index:2;}
.auth-cover-copy, .auth-cover-status{z-index:3;}

.hero-graphic-img{object-fit:contain;object-position:right bottom;}



@media (max-width: 820px) {.auth-cover > img{right:2%;width:58%;height:125%;object-position:right 38%;}}
@media (prefers-reduced-motion: reduce) {}

.auth-screen::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;pointer-events:none;}
.auth-center-wrap{max-width:1060px;}
.auth-center-brand{margin-top:0px;margin-right:0px;margin-bottom:17px;margin-left:8px;}

.auth-card-shell{grid-template-columns:minmax(360px, 0.96fr) minmax(440px, 1.04fr);}

.auth-cover{min-height:610px;}
.auth-cover::before{content:"";position:absolute;z-index:-1;top:0px;right:0px;bottom:0px;left:0px;}
.auth-cover-shade{z-index:1;}
.auth-route-art{position:absolute;z-index:0;top:12px;right:10px;left:10px;height:420px;overflow-x:hidden;overflow-y:hidden;}
.auth-route-art > svg{width:100%;height:100%;overflow-x:visible;overflow-y:visible;}





.auth-route-core{position:absolute;top:164px;left:50%;display:grid;width:108px;height:108px;align-content:center;justify-content:center;}


.auth-route-core i{position:absolute;right:13px;bottom:14px;width:7px;height:7px;}
.auth-route-node{position:absolute;display:flex;align-items:center;row-gap:8px;column-gap:8px;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px;}
.auth-route-node > i{width:6px;height:6px;}
.auth-route-node span, .auth-route-node small{display:block;}

.auth-route-node small{margin-top:2px;}
.auth-route-node.node-vps{top:79px;left:18px;}
.auth-route-node.node-lte{top:76px;right:14px;}
.auth-route-node.node-user{right:27px;bottom:37px;}
.auth-cover-copy{z-index:2;bottom:87px;left:27px;right:27px;}

.auth-cover-copy h2{margin-top:9px;margin-right:0px;margin-bottom:10px;margin-left:0px;}
.auth-cover-copy p{max-width:320px;}
.auth-cover-status{z-index:2;right:22px;bottom:20px;left:22px;padding-top:11px;padding-right:13px;padding-bottom:11px;padding-left:13px;}

.auth-form-panel{display:flex;min-height:610px;flex-direction:column;padding-top:28px;padding-right:34px;padding-bottom:30px;padding-left:34px;}
.auth-tabs{position:relative;margin-bottom:30px;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px;}
.auth-tabs::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc(50% - 5.5px);}

.auth-tabs button{min-height:38px;}


.auth-form{margin-top:auto;margin-right:0px;margin-bottom:auto;margin-left:0px;}
.auth-form h2{margin-top:10px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.auth-form > p{max-width:390px;margin-bottom:24px;}
.auth-form .field{margin-top:14px;}
.auth-form .field > span{margin-bottom:7px;}
.auth-form .field input{height:48px;padding-inline-start:15px;padding-inline-end:15px;}


.auth-form .password-field button{top:5px;right:5px;height:38px;}
.auth-form .btn-wide{min-height:48px;margin-top:20px;}

.auth-form .form-note{margin-top:14px;}
.auth-register-grid{row-gap:0px;column-gap:12px;}









@media (max-width: 900px) {.auth-center-wrap{max-width:560px;}
.auth-card-shell{grid-template-columns:1fr;}
.auth-cover{min-height:190px;}
.auth-route-art{top:-79px;right:-35px;left:38%;height:320px;}
.auth-route-core{top:113px;width:82px;height:82px;}
.auth-route-node{display:none;}

.auth-cover-copy{bottom:25px;left:21px;right:48%;}

.auth-cover-copy p{display:none;}
.auth-cover-status{display:none;}
.auth-form-panel{min-height:0px;padding-top:21px;padding-right:23px;padding-bottom:25px;padding-left:23px;}
.auth-form{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}}
@media (max-width: 430px) {.auth-screen{padding-top:12px;padding-right:9px;padding-bottom:25px;padding-left:9px;}
.auth-center-brand{margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:3px;}

.auth-cover{min-height:158px;}
.auth-route-art{top:-92px;left:34%;height:300px;}
.auth-route-core{top:110px;width:70px;height:70px;}

.auth-cover-copy{bottom:17px;left:17px;right:40%;}

.auth-form-panel{padding-top:17px;padding-right:15px;padding-bottom:20px;padding-left:15px;}
.auth-tabs{margin-bottom:20px;}

.auth-form > p{margin-bottom:17px;}
.auth-form .field{margin-top:10px;}
.auth-form .field input{height:44px;}
.auth-form .btn-wide{min-height:46px;margin-top:15px;}}
@media (prefers-reduced-motion: reduce) {}
.auth-tabs button:disabled{cursor:not-allowed;}
.registration-closed-note{display:flex;align-items:flex-start;row-gap:9px;column-gap:9px;margin-top:-16px;margin-right:0px;margin-bottom:18px;margin-left:0px;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}
.registration-closed-note > i{flex-grow:0;flex-shrink:0;flex-basis:7px;width:7px;height:7px;margin-top:3px;}
.sidebar .user-card{grid-template-columns:32px minmax(70px, 1fr) auto;}
.sidebar .user-card-logout{display:inline-flex;align-items:center;justify-content:center;row-gap:5px;column-gap:5px;min-height:30px;padding-top:0px;padding-right:8px;padding-bottom:0px;padding-left:8px;}

.sidebar .user-card-logout svg{flex-grow:0;flex-shrink:0;flex-basis:auto;}

@media (max-width: 430px) {.registration-closed-note{margin-top:-8px;margin-right:0px;margin-bottom:14px;margin-left:0px;}}


.auth-cover{overflow-x:hidden;overflow-y:hidden;}

.auth-route-art{display:none;}
.auth-robot-art{position:absolute;z-index:0;right:-3%;bottom:-2%;width:98%;height:88%;object-fit:contain;object-position:center bottom;}
.auth-cover-shade{z-index:1;}
.auth-cover-copy, .auth-cover-status{z-index:2;}

@media (max-width: 900px) {.auth-robot-art{right:-4%;bottom:-4%;width:66%;height:150%;object-position:right bottom;}
}
@media (max-width: 430px) {.auth-robot-art{right:-8%;bottom:-7%;width:69%;height:163%;object-position:right bottom;}}
@media (prefers-reduced-motion: reduce) {}

.traffic-buy-card, .days-buy-card{box-sizing:border-box;}
@media (max-width: 620px) {.traffic-buy-head{grid-template-columns:minmax(0px, 1fr) 82px;min-height:62px;padding-top:0px;padding-right:30px;padding-bottom:10px;padding-left:0px;}
.traffic-buy-visual{position:relative;top:auto;right:auto;bottom:auto;left:auto;height:58px;}

.traffic-buy-head-copy{max-width:100%;}
.traffic-buy-allowance{grid-template-columns:1fr 1fr;}
.traffic-buy-allowance > div:first-child{grid-column-start:1;grid-column-end:-1;}}
@media (max-width: 380px) {.traffic-buy-head{grid-template-columns:minmax(0px, 1fr) 62px;}
.traffic-buy-visual{height:52px;}

.traffic-buy-allowance{row-gap:4px;column-gap:4px;}
.traffic-buy-allowance > div{padding-top:7px;padding-right:5px;padding-bottom:7px;padding-left:5px;}

.drawer-billing-buttons{grid-template-columns:1fr;}
.drawer-billing-buttons .btn{min-height:42px;}}
#navSupportBadge[hidden], .support-tab-badge[hidden]{display:none;}
#navSupportBadge{margin-left:auto;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;}
.support-panel-shell{display:flex;flex-direction:column;row-gap:16px;column-gap:16px;}
.support-hero-banner{display:flex;align-items:center;justify-content:space-between;row-gap:16px;column-gap:16px;flex-wrap:wrap;}
.support-banner-actions{position:relative;z-index:2;display:flex;align-items:center;row-gap:8px;column-gap:8px;flex-wrap:wrap;}
.support-banner-actions .btn{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;height:36px;padding-top:0px;padding-right:14px;padding-bottom:0px;padding-left:14px;}
.support-top-bar{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;flex-wrap:wrap;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;}
.support-segmented{display:inline-flex;align-items:center;row-gap:4px;column-gap:4px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.support-seg-btn{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;height:34px;padding-top:0px;padding-right:14px;padding-bottom:0px;padding-left:14px;cursor:pointer;}


.support-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding-top:0px;padding-right:5px;padding-bottom:0px;padding-left:5px;}
.support-status-chip{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px;}
.support-status-chip > i{width:7px;height:7px;}
.support-tab-pane[hidden]{display:none;}
.support-guide-nav{display:flex;align-items:center;row-gap:8px;column-gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.support-guide-pill{display:inline-flex;align-items:center;row-gap:7px;column-gap:7px;height:34px;padding-top:0px;padding-right:13px;padding-bottom:0px;padding-left:13px;cursor:pointer;}


.support-guide-section{display:none;flex-direction:column;row-gap:14px;column-gap:14px;}
.support-guide-section.active{display:flex;}
.support-guide-intro{display:flex;align-items:center;justify-content:space-between;row-gap:16px;column-gap:16px;flex-wrap:wrap;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px;}
.support-kicker{display:block;margin-bottom:5px;}
.support-guide-intro h3{margin-top:0px;margin-right:0px;margin-bottom:6px;margin-left:0px;}
.support-guide-intro p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;max-width:720px;}
.support-guide-intro code{padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;}
.support-architecture-badge{display:inline-flex;align-items:center;row-gap:8px;column-gap:8px;padding-top:9px;padding-right:12px;padding-bottom:9px;padding-left:12px;}
.support-architecture-badge svg{flex-shrink:0;}
.support-steps-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));row-gap:12px;column-gap:12px;}
.support-comparison-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:12px;column-gap:12px;}
.support-step-card{display:flex;flex-direction:column;row-gap:11px;column-gap:11px;padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px;}
.support-step-head{display:flex;align-items:center;row-gap:11px;column-gap:11px;}
.support-step-num{display:grid;align-items:center;justify-items:center;width:30px;height:30px;flex-shrink:0;}
.support-step-head h4{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.support-step-head small{display:block;margin-top:2px;}
.support-step-card > p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.support-cmd-box{display:flex;flex-direction:column;row-gap:5px;column-gap:5px;}

.support-kv-list{display:flex;flex-direction:column;row-gap:6px;column-gap:6px;margin-top:2px;}
.support-kv-row{display:flex;align-items:center;justify-content:space-between;row-gap:10px;column-gap:10px;padding-top:7px;padding-right:10px;padding-bottom:7px;padding-left:10px;}


.support-kv-row code{padding-top:1px;padding-right:5px;padding-bottom:1px;padding-left:5px;}
.support-json-details{margin-top:2px;padding-top:9px;padding-right:11px;padding-bottom:9px;padding-left:11px;}
.support-json-details summary{cursor:pointer;}
.support-json-details pre{margin-top:9px;margin-right:0px;margin-bottom:9px;margin-left:0px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;overflow-x:auto;}
.support-faq-list{display:flex;flex-direction:column;row-gap:9px;column-gap:9px;}
.support-faq-item{overflow-x:hidden;overflow-y:hidden;}
.support-faq-item summary{display:flex;align-items:center;row-gap:10px;column-gap:10px;padding-top:12px;padding-right:15px;padding-bottom:12px;padding-left:15px;cursor:pointer;list-style-position:initial;list-style-image:initial;list-style-type:none;}
.support-faq-item summary::-webkit-details-marker{display:none;}
.support-faq-code{display:inline-flex;align-items:center;padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;flex-shrink:0;}



.support-faq-body{padding-top:0px;padding-right:15px;padding-bottom:14px;padding-left:15px;}
.support-faq-body p{margin-top:10px;margin-right:0px;margin-bottom:8px;margin-left:0px;}
.support-faq-body ul{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-left:18px;display:flex;flex-direction:column;row-gap:5px;column-gap:5px;}
.support-faq-body code{padding-top:1px;padding-right:5px;padding-bottom:1px;padding-left:5px;}
.support-tickets-layout{display:grid;grid-template-columns:310px minmax(0px, 1fr);row-gap:14px;column-gap:14px;align-items:start;}
.support-tickets-sidebar{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:hidden;}
.support-tickets-sidebar-head{display:flex;align-items:center;justify-content:space-between;row-gap:8px;column-gap:8px;padding-top:13px;padding-right:14px;padding-bottom:13px;padding-left:14px;}
.support-tickets-sidebar-head strong{display:block;}
.support-tickets-sidebar-head small{display:block;margin-top:2px;}
.support-tickets-list{display:flex;flex-direction:column;max-height:520px;overflow-y:auto;}
.support-tickets-empty{padding-top:28px;padding-right:16px;padding-bottom:28px;padding-left:16px;}
.support-ticket-row{display:flex;flex-direction:column;row-gap:6px;column-gap:6px;width:100%;padding-top:12px;padding-right:14px;padding-bottom:12px;padding-left:14px;cursor:pointer;}


.support-ticket-row-top{display:flex;align-items:center;justify-content:space-between;row-gap:8px;column-gap:8px;}

.support-ticket-row-title{display:-webkit-box;overflow-x:hidden;overflow-y:hidden;}
.support-ticket-row-bottom{display:flex;align-items:center;justify-content:space-between;row-gap:8px;column-gap:8px;}
.support-ticket-status-pill{display:inline-flex;align-items:center;row-gap:5px;column-gap:5px;padding-top:2px;padding-right:7px;padding-bottom:2px;padding-left:7px;}



.support-ticket-unread-dot{width:7px;height:7px;}
.support-ticket-create-card, .support-ticket-thread-card{display:flex;flex-direction:column;row-gap:16px;column-gap:16px;padding-top:18px;padding-right:20px;padding-bottom:18px;padding-left:20px;}
.support-ticket-create-card[hidden], .support-ticket-thread-card[hidden]{display:none;}
.support-ticket-card-head h3{margin-top:0px;margin-right:0px;margin-bottom:5px;margin-left:0px;}
.support-ticket-card-head p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.support-form-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));row-gap:12px;column-gap:12px;}
.support-field{display:flex;flex-direction:column;row-gap:6px;column-gap:6px;}
.support-field--wide{grid-column-start:1;grid-column-end:-1;}

.support-field input, .support-field select, .support-field textarea, .support-thread-reply textarea{width:100%;box-sizing:border-box;padding-top:10px;padding-right:12px;padding-bottom:10px;padding-left:12px;}

.support-form-actions{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;flex-wrap:wrap;padding-top:4px;}

.support-thread-head{display:flex;align-items:flex-start;justify-content:space-between;row-gap:12px;column-gap:12px;padding-bottom:12px;}
.support-thread-meta{display:flex;align-items:center;row-gap:8px;column-gap:8px;flex-wrap:wrap;margin-bottom:6px;}

.support-ticket-node-pill{padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;}
.support-thread-title-wrap h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.support-thread-messages{display:flex;flex-direction:column;row-gap:10px;column-gap:10px;max-height:380px;overflow-y:auto;padding-top:4px;padding-right:2px;padding-bottom:4px;padding-left:2px;}
.support-msg-bubble{display:flex;flex-direction:column;row-gap:5px;column-gap:5px;max-width:86%;padding-top:11px;padding-right:14px;padding-bottom:11px;padding-left:14px;}
.support-msg-bubble--client{align-self:flex-end;}
.support-msg-bubble--admin{align-self:flex-start;}
.support-msg-head{display:flex;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px;}



.support-msg-text{word-break:break-word;}
.support-thread-reply{display:flex;flex-direction:column;row-gap:10px;column-gap:10px;padding-top:12px;}
.support-thread-reply-bar{display:flex;align-items:center;justify-content:space-between;row-gap:10px;column-gap:10px;flex-wrap:wrap;}

@media (max-width: 980px) {.support-steps-grid, .support-comparison-grid{grid-template-columns:1fr;}
.support-tickets-layout{grid-template-columns:1fr;}
.support-tickets-list{max-height:240px;}}
@media (max-width: 620px) {.support-top-bar{flex-direction:column;align-items:stretch;}
.support-segmented{width:100%;display:grid;grid-template-columns:1fr 1fr;}
.support-seg-btn{justify-content:center;padding-top:0px;padding-right:8px;padding-bottom:0px;padding-left:8px;}
.support-guide-nav{display:grid;grid-template-columns:1fr 1fr;row-gap:6px;column-gap:6px;}
.support-guide-pill{justify-content:center;padding-top:0px;padding-right:8px;padding-bottom:0px;padding-left:8px;}
.support-architecture-badge{width:100%;justify-content:center;flex-wrap:wrap;}
.support-form-grid{grid-template-columns:1fr;}
.support-ticket-create-card, .support-ticket-thread-card{padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px;}
.support-msg-bubble{max-width:94%;}}


#app.shell{width:100%;min-height:100vh;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;display:grid;grid-template-columns:220px minmax(0px, 1fr);grid-template-rows:56px minmax(0px, 1fr);}
#app .topbar{grid-column-start:2;grid-column-end:auto;grid-row-start:1;grid-row-end:auto;height:56px;min-height:56px;padding-top:0px;padding-right:22px;padding-bottom:0px;padding-left:22px;}
#app .layout{display:contents;}
#app .side{grid-column-start:1;grid-column-end:auto;grid-row-start:1;grid-row-end:span 2;min-height:100vh;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px;overflow-x:auto;overflow-y:auto;}
#app .main{grid-column-start:2;grid-column-end:auto;grid-row-start:2;grid-row-end:auto;min-width:0px;padding-top:18px;padding-right:22px;padding-bottom:36px;padding-left:22px;}
#app .logo{width:29px;height:29px;}

#app .side h4{margin-top:14px;margin-right:9px;margin-bottom:5px;margin-left:9px;}
#app .side a{min-height:34px;display:flex;align-items:center;padding-top:0px;padding-right:9px;padding-bottom:0px;padding-left:9px;}

#app .top-actions .btn, #app .btn{min-height:32px;}


#app .mode-pill, #app .system-pill{min-height:28px;}
#app .login{min-height:100vh;}

.project-details-modal .node-modal-nav, .node-modal-nav{display:flex;row-gap:3px;column-gap:3px;width:fit-content;max-width:100%;margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;overflow-x:auto;}
.project-details-modal .node-tab-btn, .node-tab-btn{min-height:29px;padding-top:0px;padding-right:9px;padding-bottom:0px;padding-left:9px;}








.auth-bg-layer, .auth-orb, .auth-grid-pattern, .auth-canvas{display:none;}

















.drawer-segmented-bar{row-gap:3px;column-gap:3px;padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px;}
.drawer-tab-btn{min-height:29px;}






@media (max-width: 1000px) {#app.shell{display:block;width:min(100% - 20px, 1420px);min-height:0px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;}
#app .topbar{height:auto;min-height:56px;padding-top:8px;padding-right:0px;padding-bottom:8px;padding-left:0px;}
#app .layout{display:block;}
#app .side{display:none;min-height:0px;grid-column-start:auto;grid-column-end:auto;grid-row-start:auto;grid-row-end:auto;}
#app .side.is-open{display:block;position:fixed;z-index:82;top:0px;bottom:0px;left:0px;width:min(280px, -48px + 100vw);padding-top:22px;padding-right:14px;padding-bottom:22px;padding-left:14px;}
#app .main{padding-top:16px;padding-right:0px;padding-bottom:48px;padding-left:0px;}}
@media (max-width: 820px) {.dashboard{display:block;}
}