/* Approved Telegram / Apple / Duck design, shared by the live application. */
:root{--bg:#f5f7fa;--panel:#fff;--panel2:#f7f9fc;--panel3:#eef5fb;--card:#fff;--card-inner:#f7f9fc;--border:#e5ebf2;--border-subtle:#e5ebf2;--border-light:#e5ebf2;--border-focus:#0968b9;--text:#202d3e;--ink:#202d3e;--text-muted:#52647a;--text-dim:#52647a;--muted:#52647a;--muted2:#52647a;--blue:#0968b9;--cyan:#0968b9;--teal:#117356;--teal-glow:transparent;--ok:#117356;--ok-bg:#e8f7f1;--ok-text:#117356;--danger:#b53548;--red:#b53548;--danger-bg:#fff0f2;--warning:#865b12;--warn:#865b12;--amber:#865b12;--warning-bg:#fff8e6;--r:18px;--r-sm:11px;--font:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html,body{background:var(--bg);color:var(--text);font-family:var(--font)}
body{font-size:13px;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;scrollbar-color:#ccd8e5 transparent}
h1,h2,h3,h4,strong{color:inherit}h1,h2{letter-spacing:-.04em}a{color:var(--blue)}
button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1689e850;outline-offset:3px}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff!important;border:1px solid #dfe7f0!important;color:var(--text)!important;border-radius:10px!important;box-shadow:none!important;min-width:0}input::placeholder,textarea::placeholder{color:#98a7b9}
.field label,.field>span,.field>label,.drawer-field>span{color:#51657c!important}.hint,.sub,.subtitle,.form-note{color:var(--muted)}
.btn,.btn-section-action,.btn-sidebar-connect,.pill-button{border-radius:10px;border-color:#e0e8f1;background:#fff;color:var(--text);box-shadow:none;font-weight:650}
.btn:hover{background:#f0f7fd;border-color:#bfdcf3}.btn-primary,.btn.primary,.btn.white,.btn-hero-primary,.login-submit,.btn-sidebar-connect,.duck-primary{background:#0968b9!important;border-color:#0968b9!important;color:#fff!important;box-shadow:0 5px 12px #1689e81a}
.btn-secondary,.btn-ghost,.btn.ghost,.btn-hero-secondary{background:#fff!important;color:#51657c!important;border:1px solid #e1e8f1!important}.btn.danger,.btn-danger{background:#fff0f2!important;color:#b53548!important;border-color:#f5d9df!important}
.panel,.card,.glass-card,.metric-glass-card,.card-section-box,.billing-card,.settings-card,.support-card,.traffic-chart-card,.traffic-quota-card,.availability-card{background:#fff!important;border:1px solid var(--border)!important;border-radius:18px;box-shadow:none}
.panel:before,.panel:after,.hero-banner-card:before,.hero-banner-card:after,.metric-glass-card:before,.metric-glass-card:after{display:none}
.badge,.status-badge{border-radius:7px;font-size:13px}.badge.green,.badge.ok,.status-active{background:#e8f7f1;color:#117356;border-color:transparent}.badge.blue{background:#eaf5ff;color:#0968b9}.badge.red{background:#fff0f2;color:#b53548}
.brand strong,.brand-text span{color:var(--text)!important}.brand-icon{width:148px;height:52px;background:none;border:0;border-radius:0;box-shadow:none}.brand-icon img{display:block;width:100%;height:auto}.brand-icon+div{display:none}
.duck-wordmark{width:145px;height:auto;object-fit:contain}.duck-wordmark+.brand-text{display:none}.duck-motion-toggle{background:#f4f8fc;border:1px solid #e1e9f2;border-radius:9px;color:#52647a;font-size:13px;padding:7px 10px;cursor:pointer}
.dashboard{background:var(--bg);grid-template-columns:230px minmax(0,1fr)}.dashboard>.sidebar{background:#fff!important;border-right:1px solid var(--border);padding:26px 19px;box-shadow:none}.sidebar .nav{gap:5px}.sidebar .nav-item{border-radius:10px;font-size:13px;padding:12px 13px;color:#72839a;border:1px solid transparent}.sidebar .nav-item.active{background:#eaf5ff!important;border-color:transparent!important;color:#0968b9!important}.sidebar .nav-item svg{color:currentColor}.sidebar-brand{margin-bottom:26px}
.sidebar-promo-card{background:#f3f8fc!important;border:0!important;border-radius:16px;padding:18px;box-shadow:none!important}.sidebar-promo-art{background:none!important;height:100px}.sidebar-promo-img{height:95px;width:100%;object-fit:contain;mix-blend-mode:normal}.sidebar-promo-copy{font-size:13px!important;color:#51657c!important;font-weight:500}.sidebar-promo-slide strong{color:#51657c}.sidebar-promo-slide p{color:#52647a}.sidebar-promo-slide .btn-sidebar-connect{font-size:13px!important}.user-card{border-top:1px solid var(--border);background:transparent;color:var(--text)}
.main-content,.main{background:var(--bg);min-width:0}.dashboard .topbar{background:transparent!important;border-bottom:0!important;padding-top:26px;padding-bottom:18px}.topbar h1{font-size:26px;color:var(--text)}.topbar .topbar-left small{color:var(--muted)}.topbar-icon-btn,.notif-btn,.btn-logout{background:#fff!important;border:1px solid var(--border)!important;color:#657a93!important;border-radius:10px}
.hero-banner-card{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);align-items:center;min-height:215px;background:#eaf5ff!important;border:1px solid #e1eefb!important;border-radius:22px;padding:28px 32px;overflow:hidden}.hero-banner-content{padding:0!important}.hero-banner-title{color:#202d3e!important;font-size:32px!important;line-height:1.25!important}.hero-eyebrow{color:#0968b9!important;font-size:13px;letter-spacing:.04em}.hero-banner-desc{color:#52647a!important;font-size:13px!important;line-height:1.8}.hero-banner-art{position:relative!important;inset:auto!important;width:auto!important;height:180px!important;transform:none!important;opacity:1!important;display:grid;place-items:center}.hero-graphic-img{width:190px!important;height:190px!important;object-fit:contain;mix-blend-mode:normal;filter:none!important;transform:none!important}.hero-banner-actions{margin-top:20px;gap:10px}.hero-banner-actions .btn{font-size:13px;padding:10px 15px}
.metrics-row-grid{gap:14px;margin:20px 0}.metric-glass-card{padding:19px 20px!important;min-height:112px!important}.metric-header-row{gap:9px}.metric-icon-squircle{background:#f0f7fe!important;color:#0968b9!important;border:0!important;width:30px;height:30px}.metric-card-label{color:#7b8ea6!important;font-size:13px!important}.metric-value-primary strong{color:#202d3e!important;font-size:27px!important}.metric-value-total,.metric-sub-note{color:#52647a!important}.metric-badge-online{color:#117356!important;background:#e8f7f1!important}.metric-inline-ring{display:none}
.card-section-header{border-bottom-color:var(--border);padding:20px}.card-section-header h3{font-size:14px;color:#202d3e}.card-section-header p{font-size:13px;color:#52647a}.card-section-box{overflow:visible}.connection-row{background:#fff!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;border-radius:0!important;color:#202d3e}.connection-row:hover{background:#f7fbff!important}.connection-title,.connection-name,.connection-row strong{color:#202d3e!important}.connection-row p,.connection-row small,.connection-row .muted{color:#52647a!important}.connection-status.active{color:#117356!important;background:#e8f7f1!important}.connection-row svg{color:#52647a}
.operators-grid-4{gap:10px;padding:16px}.operator-mini-card,.operator-card,.operator-chip{background:#f7f9fc!important;border:1px solid var(--border)!important;color:#51657c!important;border-radius:11px}.operator-mini-card strong{color:#202d3e!important}.view-header-art,.page-header-art{width:130px!important;height:100px!important;object-fit:contain;filter:none!important}.chart-tab.active,.period-tab.active,.segmented button.active{background:#eaf5ff!important;color:#0968b9!important;border-color:#c3e1f8!important}
.auth-screen{background:#f5f7fa!important;min-height:100dvh}.auth-bg-layer,.auth-orb,.auth-grid-pattern,.auth-canvas,.auth-vignette{display:none!important}.auth-center-wrap{max-width:920px;padding:30px 20px}.auth-center-brand{display:none}.auth-card-shell{display:grid;grid-template-columns:370px minmax(0,1fr);width:850px;max-width:100%;padding:0!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:24px;box-shadow:0 20px 70px #253d6212!important;overflow:hidden}.auth-cover{background:#1b334a!important;border-radius:0!important;min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:32px!important}.auth-robot-art{position:relative!important;inset:auto!important;width:225px!important;height:225px!important;object-fit:contain;align-self:center;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;transform:none!important}.auth-cover-shade,.auth-cover-status{display:none!important}.auth-cover-copy{position:relative!important;inset:auto!important;margin-top:25px;padding:0!important}.auth-cover-copy>span{display:none}.auth-cover-copy h2{font-size:31px!important;line-height:1.2!important;color:#fff!important}.auth-cover-copy p{color:#a6bacd!important;font-size:13px!important;max-width:250px}.auth-form-panel{padding:42px 34px;background:white}.auth-form h2{color:#202d3e!important;font-size:27px!important}.auth-form>p{color:#52647a!important}.auth-tabs{background:#f2f6fb!important;border-color:#e5ebf2!important;border-radius:10px;margin-bottom:25px}.auth-tabs button{color:#52647a}.auth-tabs button.active{background:white!important;color:#0968b9!important;box-shadow:0 2px 5px #202d3e08}.registration-closed-note{background:#fff8e6!important;border-color:#f6ebcf!important;color:#917230!important;font-size:13px!important}.kicker{color:#0968b9!important;letter-spacing:.06em}
.login{background:#f5f7fa!important;min-height:100dvh!important;grid-template-columns:360px 430px!important;align-content:center;justify-content:center;gap:0;padding:35px!important}.login-left{min-height:520px!important;background:#1b334a!important;padding:32px!important;border-radius:24px 0 0 24px}.login-left .brand{display:none}.duck-admin-login-art{display:block;width:220px;height:220px;object-fit:contain;margin:20px auto}.login-copy h1{font-size:31px!important;color:#fff!important}.login-copy p{font-size:13px;color:#a6bacd!important}.login-left>.footer{display:none}.login-right{padding:0!important;background:#fff!important;border-radius:0 24px 24px 0}.login-card{background:#fff!important;border:0!important;box-shadow:none!important;padding:44px 35px!important;width:100%!important}.login-card .brand{margin-bottom:24px!important}.login-card h2{font-size:25px!important;color:#202d3e}.login-card .footer{color:#52647a}
.modal .backdrop,.drawer .backdrop,.vds-wizard-backdrop,.modal-backdrop{background:#24394d60!important;backdrop-filter:blur(6px)!important}.modal-card,.wizard-card,.renew-card,.days-buy-card,.traffic-buy-card,.modal-backdrop>.modal{color:#202d3e!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:22px!important;box-shadow:0 20px 80px #202d3e22!important}.modal-head{background:#fff!important;border-bottom:1px solid var(--border)!important;padding:24px!important}.modal-head h2{color:#202d3e!important;font-size:21px!important}.modal-body{background:#fff!important}.modal-foot{background:#fafcff!important;border-top:1px solid var(--border)!important;padding:16px 24px!important}.modal-close,.close-btn,.drawer-icon-btn{background:#f2f6fa!important;color:#52647a!important;border:0!important;border-radius:10px!important}
.vds-wizard{padding:22px}.vds-wizard-card{width:min(660px,100%)!important;height:min(700px,calc(100dvh - 44px))!important;max-height:calc(100dvh - 44px)!important;padding:0!important;border:0!important;border-radius:22px!important;background:white!important;color:#202d3e!important;box-shadow:0 20px 80px #202d3e22!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.vds-wizard-header-compact{padding:24px 26px 13px;margin:0}.vds-kicker-row{display:none}.vds-title-row h2{font-size:22px!important;color:#202d3e!important}.drawer-subtitle{color:#52647a!important;font-size:13px}.vds-segmented-stepper{padding:12px 26px 22px!important;margin:0!important;gap:12px;background:white!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;flex-shrink:0}.vds-step-pill{border:0!important;background:none!important;padding:0!important;display:flex;gap:7px;font-size:13px;color:#8b9cb3!important;flex:1}.vds-step-pill i{width:24px!important;height:24px!important;border:1px solid #d4e4f2!important;background:white!important;color:#90a9c3!important;font-style:normal;border-radius:50%!important;display:grid;place-items:center;font-size:13px}.vds-step-pill.active{color:#0968b9!important;background:none!important}.vds-step-pill.active i{background:#0968b9!important;color:white!important;border-color:#0968b9!important}.vds-step-pill:after{display:none!important}.vds-step{padding:24px 26px!important;overflow-y:auto!important;min-height:0;flex:1!important;width:100%!important;max-height:none!important}.vds-step.active{display:block!important}.vds-step:not(.active){display:none!important}.vds-step-server-select{background:white!important}.vds-step-art{display:none!important}.vds-country-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%}.vds-country-option{background:white!important;border:1px solid #e2eaf4!important;border-radius:13px!important;box-shadow:none!important;padding:15px!important;flex-direction:column;align-items:flex-start!important;gap:10px!important}.vds-country-option.active{background:#f4faff!important;border-color:#0968b9!important;box-shadow:none!important}.vds-country-option strong{font-size:13px!important;color:#202d3e!important}.vds-country-sub{font-size:13px!important;color:#52647a!important}.vds-slot-badge{background:transparent!important;font-size:13px;color:#117356!important;padding:0!important}.vds-wizard-actions{padding:16px 26px!important;margin:0!important;flex-shrink:0;background:#fafcff!important;border-top:1px solid var(--border)!important}.vds-wizard-actions .btn{font-size:13px!important;padding:11px 16px!important}.vds-step-section-title h3{color:#202d3e!important;font-size:16px!important}.vds-step-section-desc,.vds-field-card-hint{color:#52647a!important;font-size:13px!important}.vds-field-card,.vds-tariff-card,.vds-summary-card{background:#f7f9fc!important;border:1px solid var(--border)!important;border-radius:13px!important;color:#202d3e!important}.vds-field-card-head,.vds-field-card-head label{color:#52647a!important}.vds-modern-input{background:white!important;color:#202d3e!important;font-size:13px!important}.vds-tariff-card.active{background:#f1f9ff!important;border-color:#0968b9!important}.vds-tariff-card *{color:inherit}.vds-summary-label,.vds-summary-label span{color:#52647a!important}.vds-wizard-card pre,.drawer-panel pre{background:#1b2a3d!important;color:#c9d9e9!important;border:0!important;border-radius:12px;max-width:100%;overflow:auto}
.duck-wizard-section-title{font-size:15px;margin:0 0 7px}.duck-wizard-section-note{font-size:13px;color:#52647a;margin:0 0 16px}.duck-wizard-notice{padding:13px 16px;border-radius:10px;background:#eaf5ff;color:#6387ab;font-size:13px;margin:16px 0 0;line-height:1.7}.duck-rental-offer{margin-top:22px;border:1px solid #e3eaf2;border-radius:14px;padding:17px;background:#fafcff}.duck-rental-offer h3{font-size:14px;margin:0 0 5px}.duck-rental-offer p{font-size:13px;color:#52647a;margin:0 0 12px;line-height:1.8}.duck-rental-offer .duck-rental-cost{font-size:13px;color:#52647a;margin-bottom:12px}.duck-rental-form{display:grid;gap:12px}.duck-rental-form label{display:grid;gap:6px;font-size:13px;color:#52647a}.duck-rental-form select,.duck-rental-form textarea{padding:10px;width:100%}.duck-rental-history{font-size:13px;line-height:1.8;display:grid;gap:10px;margin-top:12px}.duck-rental-history article{padding:12px;background:white;border:1px solid var(--border);border-radius:10px}.duck-rental-history p{margin:4px 0}.duck-rental-success{display:grid;justify-items:center;text-align:center;gap:8px;padding:15px}.duck-rental-success img{width:105px;height:105px;object-fit:contain}.duck-rental-success strong{color:#117356}.duck-error-message{color:#b53548!important}.duck-error-art{width:180px;height:180px;object-fit:contain}.duck-service-panel{padding:20px!important;margin-top:18px}.duck-service-panel>h3{font-size:16px;margin:0 0 8px}.duck-service-panel>p{font-size:13px;line-height:1.8;color:#52647a}.duck-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.duck-service-card{border:1px solid var(--border);border-radius:14px;padding:18px;background:#fff;min-width:0}.duck-service-card h3{font-size:14px;margin:0 0 10px}.duck-service-card p{font-size:13px;line-height:1.8;color:#52647a}.duck-service-card label{display:grid;gap:6px;margin:12px 0;font-size:13px;color:#52647a}.duck-service-card label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.duck-service-card input,.duck-service-card select,.duck-service-card textarea{padding:10px;width:100%}.duck-service-card input[type=checkbox]{width:auto}.duck-service-card .btn{font-size:13px}.duck-service-response{font-size:13px;line-height:1.8;color:#117356;margin-top:12px;white-space:pre-wrap}.duck-cert-details{font-size:13px;color:#52647a;line-height:1.8;overflow-wrap:anywhere}.duck-cert-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:15px 0}.duck-cert-toolbar p{margin:0}.duck-certificate-controls{display:grid;gap:10px}
.drawer-panel{width:min(760px,calc(100vw - 40px))!important;max-width:760px!important;height:min(780px,calc(100dvh - 44px));max-height:calc(100dvh - 44px)!important;padding:0!important;background:#fff!important;border:0!important;color:#202d3e!important;border-radius:22px!important;box-shadow:0 20px 80px #202d3e22!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.drawer-header-compact{padding:24px 26px 15px;flex-shrink:0;border:0!important}.drawer-segmented-bar{margin:0 26px 14px!important;background:#f1f5fa!important;border:0!important;border-radius:10px!important;padding:4px!important;flex-shrink:0}.drawer-tab-btn{background:none!important;color:#52647a!important;border:0!important;border-radius:8px!important;font-size:13px!important;padding:10px!important}.drawer-tab-btn.active{background:white!important;color:#0968b9!important;box-shadow:0 2px 5px #202d3e06!important}.drawer-tab-pane{padding:0 26px 26px!important;overflow-y:auto;min-height:0;flex:1}.drawer-title,.drawer-title-row h2{color:#202d3e!important;font-size:23px!important}.drawer-kicker{color:#52647a!important;font-size:13px}.node-health-hero,.node-state-summary{background:#eef9f5!important;border:1px solid #d9efe5!important;border-radius:14px!important;padding:17px!important}.node-state-copy strong{color:#117356!important}.node-state-copy span,.node-health-meter-top,.node-state-location{color:#52647a!important}.node-state-mark{background:white!important;color:#117356!important}.node-detail-card,.node-action-card,.drawer-card,.drawer-info-card,.panel-choice,.setup-method-choice{background:#f7f9fc!important;border:1px solid var(--border)!important;border-radius:12px!important}.panel-choice:has(input:checked),.setup-method-choice:has(input:checked){background:#eef8ff!important;border-color:#0968b9!important}.drawer-info-card strong,.node-detail-card strong,.drawer-kv-value,.node-action-card strong{color:#202d3e!important}.drawer-info-card span,.node-detail-card label{color:#52647a!important}.terminal-box,.console-panel,.terminal-card,.terminal{background:#1b2a3d!important;border:0!important;border-radius:12px!important;color:#c9d9e9!important}.terminal-box strong,.terminal span,.terminal pre{color:inherit!important}.terminal-bar{background:#22354b!important;color:#aac1d9!important}.terminal-body,.vds-console{max-height:280px;overflow:auto}.drawer-footer{border-color:var(--border);padding:15px 26px;background:#fafcff}
#app.shell{background:var(--bg)!important;grid-template-columns:230px minmax(0,1fr)!important;grid-template-rows:70px minmax(0,1fr)!important}#app .topbar{background:#fff!important;border-bottom:1px solid var(--border)!important;height:70px;padding:15px 26px!important}#app .topbar .brand{display:none}#app .layout{background:var(--bg)}#app .side{background:white!important;border-right:1px solid var(--border)!important;padding:90px 16px 20px!important}#app .side:before{content:'';position:absolute;top:20px;left:24px;width:170px;height:56px;background:url('/assets/era-cdn-duck-logo.png') center/contain no-repeat}#app .main{background:var(--bg)!important;padding:26px!important}#app #nav a,#app #nav button{color:#52647a!important;border-radius:10px;border:0!important}#app #nav .active{background:#eaf5ff!important;color:#0968b9!important}#app #nav h4{color:#a0aec0;font-size:13px;letter-spacing:.06em}#app .page-header h1,#app .page-header h2{font-size:25px;color:#202d3e!important}.top-actions{gap:12px}.top-actions .profile{border:0;background:none}.top-actions .avatar{background:#eaf5ff;color:#0968b9}.system-pill,.mode-pill{background:#f2f7fb!important;color:#52647a!important;border-color:#e5ebf2!important}.page{max-width:1400px;margin:auto}.table-wide,.table{color:#202d3e;background:#fff}.table-wide th,.table th{background:#fafcff!important;color:#52647a!important;font-size:13px;border-color:var(--border)!important}.table-wide td,.table td{border-color:var(--border)!important;font-size:13px}.table-wide tbody tr:hover,.table tbody tr:hover{background:#f7fbff!important}.table-wide strong,.table strong{color:#202d3e!important}.table-wrap,.table-container{background:#fff!important;border:1px solid var(--border)!important;border-radius:16px!important}.table-wide{border-radius:14px;overflow:hidden}.filter-pills,.filter-row,.account-filters{background:transparent!important}.filter-pill.active,.filter-btn.active,.tab.active{background:#eaf5ff!important;color:#0968b9!important}.stat-card,.stat-tile,.metric-card,.kpi-card{background:white!important;border:1px solid var(--border)!important;border-radius:15px!important;color:#202d3e!important}.stat-card strong,.stat-tile strong,.kpi-card strong{color:#202d3e!important}.right-column .panel{padding:18px}.project-control-card,.node-overview-card,.resource-card{background:#f7f9fc!important;border:1px solid var(--border)!important}.mono{color:inherit}.notif-dropdown,.row-more-menu,.dropdown-menu{background:white!important;border-color:var(--border)!important;color:#202d3e!important;box-shadow:0 12px 35px #202d3e16}.notif-dropdown strong,.notif-dropdown span,.row-more-menu button{color:inherit}.toast,.toast-item{background:#202d3e!important;color:white!important;border:0!important}.bottom-navigation,.mobile-bottom-nav{background:white!important;border-top:1px solid var(--border)!important;box-shadow:0 -8px 24px #202d3e04}.mobile-nav-item{color:#52647a!important}.mobile-nav-item.active{color:#0968b9!important;background:none!important}.mobile-nav-connect{background:#eaf5ff!important;border-color:transparent!important;color:#0968b9!important}.mobile-more-menu{background:white!important;color:#202d3e!important;border:1px solid var(--border)!important;border-radius:14px!important}.mobile-more-menu button{color:#52647a!important}
.duck-landing{background:#fff}.duck-landing .page{padding-top:0;max-width:1180px}.duck-landing .public-top{padding-top:24px}.duck-landing .brand{width:160px}.duck-landing .hero-art{background:#eef7ff}.duck-landing .hero-duck{mix-blend-mode:normal}.duck-landing .landing-v2 .hero-art>.hero-duck{width:330px;height:330px}.duck-landing .float-card{background:#fff;border-color:#e6edf4}.duck-landing .plan-card{box-shadow:none}.duck-landing .btn.primary{color:white!important}.duck-landing .brand-logo{width:155px}.duck-landing .demo-label{display:none}
.duck-public-header{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:1120px;margin:22px auto;padding:0 20px}.duck-error-page{min-height:100dvh;display:grid;place-items:center;background:#f5f7fa;padding:24px;text-align:center}.duck-error-page section{max-width:500px}.duck-error-page img{width:220px;height:220px;object-fit:contain}.duck-error-page h1{font-size:32px;margin:12px 0}.duck-error-page p{color:#52647a;line-height:1.8;margin:0 0 22px}.node .hero,.node .metrics,.node .info-grid{background:white!important;border-color:var(--border)!important;border-radius:18px!important}.node .hero{padding:28px!important}.node .metric strong{color:#202d3e!important}.node .node-sub{color:#52647a!important}.node .ok{background:#e8f7f1!important;color:#117356!important}.shell>.topbar{background:white!important;border-color:var(--border)!important}.node .card{border-color:var(--border)}#errorCard{background:white!important;border-color:var(--border)!important;text-align:center;padding:35px!important}.node pre{background:#1b2a3d!important;color:#c9d9e9!important}.share-page .hero,.share-page .stat-card,.share-page .card,.share-page .node-card{background:white!important;border-color:var(--border)!important}.share-page .node-name{color:#202d3e!important}.documents-page{background:#fff}.documents-page .wordmark,.documents-page .document-content{color:#202d3e}.documents-page .document-tabs button{color:#52647a}.documents-page .document-tabs button[aria-selected=true]{background:#eaf5ff;color:#0968b9}
@media(max-width:1000px){.hero-banner-title{font-size:28px!important}.dashboard{grid-template-columns:210px minmax(0,1fr)}.dashboard>.sidebar{padding:22px 14px}.metrics-row-grid{gap:10px}.metric-glass-card{padding:16px!important}#app .top-actions .mode-pill{display:none}.auth-card-shell{grid-template-columns:300px minmax(0,1fr)}.auth-cover{padding:25px!important}.duck-service-grid{grid-template-columns:1fr}}
@media(max-width:768px){.dashboard{display:block}.dashboard>.sidebar{display:none!important}.main-content{padding:0 18px 95px!important}.dashboard .topbar{padding:22px 0 14px!important}.topbar h1{font-size:24px!important}.hero-banner-card{grid-template-columns:minmax(0,1fr) 135px;min-height:195px;padding:22px!important}.hero-banner-title{font-size:26px!important}.hero-banner-art{height:145px!important}.hero-graphic-img{width:145px!important;height:145px!important}.hero-banner-desc br{display:none}.hero-banner-actions{flex-wrap:wrap;gap:8px}.hero-banner-actions .btn-hero-secondary{display:none}.metrics-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-glass-card{min-height:105px!important}.operators-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.auth-center-wrap{padding:25px 18px}.auth-card-shell{grid-template-columns:220px minmax(0,1fr)}.auth-cover{min-height:450px!important}.auth-robot-art{width:175px!important;height:175px!important}.auth-form-panel{padding:32px 24px}.login{grid-template-columns:240px minmax(0,380px)!important;padding:22px!important}.login-left{padding:24px!important}.duck-admin-login-art{width:175px;height:175px}.login-copy h1{font-size:27px!important}.login-card{padding:35px 26px!important}#app.shell{display:block!important}#app .topbar{height:auto!important;min-height:65px;gap:10px;padding:12px 18px!important}#app .topbar .brand{display:flex}#app .duck-wordmark{width:120px}#app .main{padding:22px 18px 85px!important}#app .side{padding:24px 16px!important}#app .side:before{display:none}.top-actions{gap:8px}.top-actions .profile-copy,.top-actions .system-pill,.top-actions>.btn{display:none}.table-wide tbody td{background:#fff!important;border-color:var(--border)!important;color:#51657c!important}.table-wide tbody tr{background:white!important;border-color:var(--border)!important}.page-header{flex-wrap:wrap;gap:12px}.page-header h1{font-size:23px!important}.modal-backdrop{padding:16px!important}.modal-backdrop>.modal{max-width:100%!important}.modal-head,.modal-body{padding:20px!important}.duck-cert-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.duck-service-card{padding:16px}.duck-motion-toggle{font-size:13px;padding:7px}.node .hero{padding:22px!important}.duck-landing .page{padding:0 24px}.duck-landing .public-top{padding-top:20px}.duck-landing .landing-v2 .hero-art>.hero-duck{width:265px;height:265px}}
@media(max-width:580px){.auth-card-shell{display:block!important;border-radius:22px!important;width:430px!important}.auth-cover{display:none!important}.auth-form-panel{padding:29px 25px!important}.auth-form-panel:before{content:'';display:block;height:110px;margin:0 auto 14px;background:url('/assets/duck-login-animated.png') center/contain no-repeat}.login{display:block!important;padding:25px 18px!important}.login-left{display:none!important}.login-right{max-width:430px;margin:auto;border-radius:22px!important;border:1px solid var(--border)}.login-card{padding:30px 25px!important}.login-card:before{content:'';display:block;height:110px;background:url('/assets/duck-login-animated.png') center/contain no-repeat;margin-bottom:18px}.hero-banner-card{grid-template-columns:minmax(0,1fr) 105px;padding:20px!important;min-height:190px}.hero-banner-title{font-size:24px!important}.hero-banner-desc{font-size:13px!important}.hero-banner-art{height:115px!important}.hero-graphic-img{width:125px!important;height:125px!important}.metrics-row-grid{gap:10px}.metric-glass-card{padding:14px!important}.metric-header-row{gap:6px}.metric-card-label{font-size:13px!important}.metric-value-primary strong{font-size:24px!important}.metric-icon-squircle{width:25px;height:25px}.card-section-header{padding:16px}.card-section-header .btn-section-action{font-size:13px}.vds-wizard{padding:12px}.vds-wizard-card{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:18px!important}.vds-wizard-header-compact{padding:20px 18px 10px}.vds-segmented-stepper{padding:10px 18px 18px!important;gap:5px}.vds-step-pill{font-size:13px!important;gap:5px}.vds-step-pill i{width:22px!important;height:22px!important}.vds-step{padding:20px 18px!important}.vds-country-grid{grid-template-columns:1fr!important;gap:10px!important}.vds-country-option{flex-direction:row;align-items:center!important;padding:13px!important}.vds-country-option .vds-country-sub{font-size:13px!important}.vds-slot-badge{font-size:13px!important}.vds-wizard-actions{padding:14px 18px!important}.vds-field-cards-grid,.vds-summary-grid{grid-template-columns:1fr!important}.vds-tariff-grid{grid-template-columns:1fr!important}.drawer-panel{width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:18px!important}.drawer-header-compact{padding:20px 18px 14px}.drawer-segmented-bar{margin:0 18px 13px!important}.drawer-tab-pane{padding:0 18px 20px!important}.drawer-title-row h2{font-size:21px!important}.drawer-footer{padding:13px 18px}.duck-service-grid{grid-template-columns:1fr}.duck-cert-details{font-size:13px}.duck-landing .public-top .public-nav{display:none}.duck-landing .page{padding:0 20px}.duck-landing .landing-v2 .hero-art>.hero-duck{width:240px;height:240px}.duck-landing .landing-hero{gap:30px!important}.duck-public-header{padding:0 18px}.duck-wordmark{width:135px}.node .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.duck-error-page h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.auth-form-panel:before,.login-card:before{background-image:url('/assets/duck-login-poster.png')}*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html[data-duck-motion=true] .auth-form-panel:before,html[data-duck-motion=true] .login-card:before{background-image:url('/assets/duck-login-animated.png')}
html[data-duck-motion=false] .auth-form-panel:before,html[data-duck-motion=false] .login-card:before{background-image:url('/assets/duck-login-poster.png')}
#app.shell:not([style*="display: none"]){display:grid!important}
#modalRoot .project-create-wizard{width:min(660px,100%)!important;height:min(700px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;display:flex;flex-direction:column;overflow:hidden}
#modalRoot .project-create-wizard>.modal-head,#modalRoot .project-create-wizard>.modal-foot{flex-shrink:0}
#modalRoot .project-create-wizard>.modal-body{min-height:0;flex:1;overflow:auto}
@media(max-width:768px){#app.shell:not([style*="display: none"]){display:block!important}}
.dashboard .workspace{background:#f5f7fa!important;padding:20px 34px 45px;max-width:none}
.sidebar .nav-item span{color:inherit!important}.user-card{background:#fff!important;border:1px solid var(--border)!important;border-radius:12px;padding:12px!important}.user-card b{color:#202d3e!important}.user-card .avatar{background:#eaf5ff!important;color:#0968b9!important}.user-card-logout{background:#f5f8fc!important;color:#52647a!important;border-color:var(--border)!important}
.quick-action-item{background:#f7f9fc!important;border:1px solid var(--border)!important;border-radius:10px;color:#52647a!important}.quick-action-item span{color:inherit!important}.availability-operator{background:#f7f9fc!important;border:1px solid var(--border)!important;border-radius:11px;color:#52647a!important}.availability-operator strong{color:#202d3e!important}.availability-operator small{color:#52647a!important}.tg-promo-card{background:#eaf5ff!important;border-color:#d8eafb!important;color:#202d3e!important;box-shadow:none!important}.tg-promo-meta strong{color:#202d3e!important}.tg-promo-meta small{color:#52647a!important}.tg-promo-icon-box{background:#fff!important;color:#0968b9!important;border-color:#d8eafb!important}.tg-promo-icon-box svg{fill:#0968b9!important}.tg-sparkle-left,.tg-sparkle-bottom,.tg-promo-crown{display:none}
.connection-row .server-info b,.connection-row .conn-stat b{color:#202d3e!important}.connection-row .conn-stat small{color:#52647a!important}.country-badge{background:#f0f5fa!important;border-color:var(--border)!important}.connection-list{padding:0!important}.connection-row{margin:0!important;padding:17px 20px!important;border:0!important;border-bottom:1px solid var(--border)!important}.connection-row:last-child{border-bottom:0!important}.state.active{background:#e8f7f1!important;color:#117356!important;border:0!important}.state.active i{background:#117356!important}
.duck-service-panel .btn:not(.duck-primary),#app .btn:not(.white):not(.btn-primary):not(.primary):not(.duck-primary):not(.danger):not(.amber){background:#fff!important;color:#52647a!important;border:1px solid #dfe8f2!important}
.documents-page .page-noise{display:none}.documents-page .site-header{height:90px;background:#fff!important;border-color:var(--border)}.documents-page .wordmark img{width:155px;height:auto}.documents-page .header-login,.documents-page .site-nav a,.documents-page .site-footer a{color:#52647a!important}.documents-page .legal-page-head{grid-template-columns:minmax(0,1fr) 240px;padding:35px 0}.documents-page .legal-page-head h1{font-size:44px!important;color:#202d3e!important;line-height:1.2}.documents-page .legal-page-head h1 br{display:none}.documents-page .legal-page-head h1 em{font:inherit;color:inherit}.documents-page .legal-page-art{width:220px;height:220px;object-fit:contain}.documents-page .document-center{background:#fff!important;border:1px solid var(--border)!important;border-radius:20px}.documents-page .document-tabs{border-color:var(--border);padding:12px}.documents-page .document-tabs button{color:#52647a!important;background:none}.documents-page .document-tabs button[aria-selected=true]{background:#eaf5ff!important;color:#0968b9!important;border-color:#cfe7f8!important}.documents-page .document-panel{background:white!important;color:#51657c!important}.documents-page .document-panel-heading h3,.documents-page .legal-copy h4{color:#202d3e!important}.documents-page .document-draft-note{background:#fff8e6!important;color:#865b12!important;border-color:#f6ebcf!important}.documents-page .site-footer{background:white!important;color:#52647a;border-color:var(--border)}.documents-page .legal-page-bottom .pill-button{background:#0968b9!important;color:white!important;border-color:#0968b9!important}
@media(max-width:768px){.dashboard .workspace{padding:18px 20px calc(90px + env(safe-area-inset-bottom))!important}.documents-page .legal-page-head{grid-template-columns:minmax(0,1fr) 160px}.documents-page .legal-page-art{width:150px;height:150px}.documents-page .legal-page-head h1{font-size:34px!important}}
@media(max-width:580px){.dashboard .workspace{padding:14px 18px calc(90px + env(safe-area-inset-bottom))!important}.documents-page .legal-page-head{display:block}.documents-page .legal-page-art{display:none}.documents-page .site-nav.open{background:white!important;border-color:var(--border)}.documents-page .menu-toggle i{background:#52647a}.documents-page .site-header .site-actions{display:none}.connection-row{padding:15px!important}.connection-row .server-info b{font-size:13px!important}.tg-promo-card{display:none}}
.auth-card-shell{height:auto!important;min-height:0!important}.auth-form-panel{display:block!important;height:auto!important;min-height:0!important}.auth-card-shell .auth-tabs{margin:18px 0 20px!important}.auth-tabs:before{display:none!important}.auth-tabs button.active{box-shadow:0 2px 5px #202d3e08!important}.password-field button{background:#f0f6fc!important;color:#52647a!important;border:0!important;border-radius:8px}.auth-form h2{font-weight:750!important}.vds-title-row h2{font-weight:750!important}.page-header h1{font-weight:750!important}
.drawer .node-fact{background:#f7f9fc!important;border:1px solid var(--border)!important;border-radius:11px;color:#52647a}.node-fact-value,.drawer .node-fact strong,.drawer .node-fact code{color:#202d3e!important}.node-fact-label,.node-fact-icon{color:#52647a!important}.node-fact-copy{background:white!important;border-color:var(--border)!important;color:#52647a!important}.drawer-billing-card{background:#f7f9fc!important;border:1px solid var(--border)!important;border-radius:12px}.drawer-billing-summary strong{color:#202d3e!important}.drawer-billing-summary span{color:#52647a!important}.node-monitor-action{background:#f7f9fc!important;border:1px solid var(--border)!important;color:#52647a!important;border-radius:10px}.node-overview-actions{border-color:var(--border)!important}.node-health-meter-track{background:#deeee7!important}.node-health-meter-fill{background:#0968b9!important}.node-health-meter-top span{color:#52647a!important}.drawer-status{background:#e8f7f1!important;color:#117356!important;border-color:#d9efe5!important}.drawer,.modal:not(.modal-backdrop>.modal){background:transparent!important;box-shadow:none!important}.drawer-tab-pane{padding-top:0!important}.node-health-hero{margin-top:0!important}
:root{color-scheme:light}h1{font-weight:750!important}h2{font-weight:750!important}h3{font-weight:700!important}
#app[style*="display: none"]{display:none!important}
.auth-card-shell.login-card:before{display:none!important}
.tg-promo-meta h4{color:#202d3e!important}.tg-promo-meta p{color:#52647a!important}.tg-promo-icon-box svg polygon{fill:#0968b9!important}.tg-promo-icon-box svg path{stroke:white!important}
.client-page-banner{display:flex!important;align-items:center!important;justify-content:space-between;min-height:150px!important;padding:24px!important;background:#eaf5ff!important;border:1px solid #dcecfb!important;border-radius:18px!important;overflow:hidden}.client-page-banner:after{display:none!important}.client-page-banner>img{position:static!important;order:2;width:115px!important;height:115px!important;object-fit:contain!important;filter:none!important;opacity:1!important}.client-page-banner-copy{max-width:none!important;flex:1}.client-page-banner-copy h2{color:#202d3e!important;font-size:26px!important}.client-page-banner-copy span{color:#0968b9!important;font-size:13px!important}.client-page-banner-copy p{color:#52647a!important;max-width:440px;line-height:1.7!important}.client-page-banner .client-banner-action{align-self:center!important;margin-left:12px!important}
.duck-landing .public-nav>.duck-brand{flex-shrink:0}.duck-landing .public-links{align-items:center}.duck-landing .public-links>.btn{white-space:nowrap}.duck-landing .pricing-note{display:none}
.node .metric,.node .op{background:#f7f9fc!important;border-color:var(--border)!important}.node .op-name{color:#202d3e!important}.node .op b{color:#117356!important}.node .op.down b,.node .op b.unavailable{color:#b53548!important}.node .op b.nodata{color:#52647a!important}.node .ok{border:0;padding:7px 11px;border-radius:8px}.node .periods button.active{background:#eaf5ff!important;color:#0968b9!important;border-color:#cfe7f8!important;box-shadow:none!important}.node .periods{border-color:var(--border)!important}.node .chart svg #linePath{stroke:#0968b9!important}.node .chart .chart-labels-x,.node .item b,.node .legend-entry strong,.node .donut-center-label strong{color:#202d3e!important}.node .chart-y-axis{color:#52647a!important}.node .metric strong{font-size:22px}.node .node-title h1{font-weight:750!important}.node .code-box{background:#1b2a3d!important}.node .op .op-icon{background:white!important;border-color:#dfe7f0!important}
.documents-page:before{background:#fff!important}.documents-page .document-tabs{background:#f7f9fc!important}.documents-page .legal-copy{color:#51657c!important}.documents-page .legal-copy b{color:#202d3e!important}.documents-page .legal-copy a{color:#0968b9!important}.documents-page .menu-toggle{background:#f5f8fc!important;border-color:#e1e8f1!important}.documents-page .document-panel-heading p,.documents-page .legal-page-head p{color:#52647a!important}
.share-page{background:#f5f7fa!important;background-image:none!important}.share-page .side-ambient{display:none!important}.share-page .main-canvas{max-width:1080px;width:100%;padding:0 24px 40px}.share-page .top-header{min-height:84px;border-color:#e5ebf2!important}.share-page .top-brand .duck-wordmark{width:150px}.share-page .top-brand>span{display:none}.share-page .top-menu a{color:#52647a!important}.share-page .c-card{background:#fff!important;border:1px solid #e5ebf2!important;border-radius:18px!important;box-shadow:none!important}.share-page .hero-box{background:#eaf5ff!important}.share-page .node-title-wrap h1,.share-page .m-num,.share-page .dom-val,.share-page .c-title-group h2,.share-page .c-card h2,.share-page .spec-val,.share-page .op-title,.share-page .top-brand strong{color:#202d3e!important}.share-page .domain-chip,.share-page .node-tag-pill,.share-page .timer-pill,.share-page .f-pill,.share-page .p-switch,.share-page .op-card,.share-page .info-row,.share-page .spec-row,.share-page .health-card,.share-page .mini-card{background:#f7f9fc!important;border-color:#e1e8f1!important;color:#51657c!important;box-shadow:none!important}.share-page .node-tag-pill .badge-mini,.share-page .btn-action-teal,.share-page .p-btn.active{background:#0968b9!important;color:#fff!important;border-color:#0968b9!important;box-shadow:none!important}.share-page .btn-action-dark{background:#fff!important;color:#52647a!important;border-color:#dfe8f2!important;box-shadow:none!important}.share-page .node-status-pill,.share-page .f-pill.cert{background:#e8f7f1!important;color:#117356!important;border-color:#d9efe5!important}.share-page .m-num.amber{color:#865b12!important}.share-page .timer-pill,.share-page .domain-chip .copy-btn-inner{color:#0968b9!important}.share-page .f-updated strong{color:#202d3e!important}.share-page .metrics-row-3,.share-page .hero-pills-foot,.share-page .m-item{border-color:#dce7f2!important}.share-page .chart-labels,.share-page .c-card p{color:#52647a!important}
@media(max-width:768px){.client-page-banner{padding:20px!important}.client-page-banner>img{width:100px!important;height:100px!important}.client-page-banner-copy h2{font-size:23px!important}.share-page .top-menu>a,.share-page .sys-pill{display:none}.share-page .main-canvas{padding:0 16px 30px}.share-page .top-header{min-height:70px}.duck-landing .public-links>a:not(.btn){display:none}.duck-landing .public-nav>.duck-brand{width:145px;max-width:145px}.duck-landing .brand-logo{width:145px}.duck-landing .duck-brand>small{display:none}}
@media(max-width:580px){.client-page-banner{padding:18px!important;min-height:136px!important;gap:12px}.client-page-banner>img{width:82px!important;height:82px!important}.client-page-banner-copy h2{font-size:21px!important}.client-page-banner-copy p{font-size:13px!important}.client-page-banner.has-action{flex-wrap:wrap;padding-bottom:18px!important}.client-page-banner .client-banner-action{position:static!important;order:3;margin:0!important}.node .metric{padding:13px!important}.node .metric strong{font-size:19px!important}.node .node-top{align-items:flex-start}.share-page .hero-box{padding:20px!important}.share-page .node-title-wrap h1{font-size:24px!important}.share-page .hero-title-row{gap:15px!important}}

/* Readable public copy. */
body.duck-landing{font-size:14px;font-weight:500}.duck-landing :is(p,.sub){font-size:14px!important;line-height:1.7!important}.duck-landing :is(input,select){font-size:14px!important}.duck-error-page p{font-size:16px!important;color:#52647a!important}.duck-motion-toggle{display:none!important}