@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&display=swap');
:root{--bg:#101419;--surface:#161D26;--accent:#6489E8;--text:#EEF2F8;--muted:#96A2B4;--border:#293240;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{display:flex;min-height:100vh}aside{width:240px;flex-shrink:0;padding:30px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;gap:10px;font-size:21px;font-weight:650;color:var(--text)}small{font-size:12px;color:var(--muted)}.brand small,.aside-bottom small{display:block;margin-top:8px;font-size:10px;letter-spacing:1px}.nav-label{font-size:10px;letter-spacing:1.4px;margin-top:54px;color:var(--muted)}nav a{display:block;color:var(--muted);padding:14px 12px;margin:4px 0;border-radius:8px}nav a.active{background:#6489e81a;color:#8baaff}.aside-bottom{margin-top:auto;padding-top:40px;color:var(--muted)}.workspace{flex:1;min-width:0}header{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:24px 32px}.notice{border:1px solid var(--border);padding:12px 16px;border-radius:8px;color:var(--muted);margin-bottom:32px;font-size:12px}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}h1{font-size:28px;font-weight:650;letter-spacing:-.8px;margin:8px 0 12px}h2{font-size:20px;font-weight:600}p{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}.button,button{display:inline-block;background:var(--accent);color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}.secondary{background:#6489e81a;color:#9bb6ff}button:disabled{opacity:.45;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.metrics h2{font-size:30px}.metrics span{color:var(--muted)}article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}em{display:block;color:#78cca6;font-size:11px;font-style:normal;margin-top:12px}.columns,.server-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.badge{border:1px solid var(--border);border-radius:20px;padding:6px 10px;font-size:11px;color:var(--muted)}progress{width:100%;height:5px;accent-color:var(--accent)}hr{border:0;border-top:1px solid var(--border);margin:24px 0}label{display:block;color:var(--muted);margin:20px 0}input:not([type=checkbox]),select{display:block;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:8px;margin-top:10px;width:100%;max-width:420px}.chart{display:flex;gap:16px;align-items:flex-end;height:240px}.chart>div{flex:1;text-align:center}.chart span{font-size:12px;color:var(--muted)}.bar{background:var(--accent);border-radius:5px 5px 0 0;margin:10px auto;width:70%;max-width:70px}#blazor-error-ui{display:none;background:#48252a;padding:16px;position:fixed;bottom:0;width:100%}@media(max-width:850px){aside{width:190px}.metrics{grid-template-columns:1fr}.columns,.server-grid{grid-template-columns:1fr}.heading{flex-wrap:wrap}}@media(max-width:560px){.shell{display:block}aside{width:100%;padding:20px;border-bottom:1px solid var(--border)}nav{display:flex;overflow:auto}nav a{white-space:nowrap;font-size:12px;padding:10px}.nav-label,.aside-bottom{display:none}header{padding:0 20px}main{padding:20px}.chart{gap:4px}.chart span{font-size:10px}}

/* Design refinement v0.2 */
:root{--surface-raised:#1c2531;--shadow:0 8px 28px #00000014}body{background:var(--bg);-webkit-font-smoothing:antialiased}aside{position:sticky;top:0;height:100vh;padding:28px 16px;background:#11171e}.brand{font-size:18px;align-items:center;padding:0 8px;gap:12px}.brand-icon{font-size:27px;color:var(--accent);background:#6489e814;border:1px solid #6489e82b;border-radius:11px;padding:4px 8px}.brand small{font-size:8px;letter-spacing:1.6px}.nav-label{padding-left:12px;margin-top:42px;font-size:9px}nav a{display:flex;align-items:center;gap:14px;padding:13px 14px;font-weight:500;border:1px solid transparent;transition:background .18s,color .18s}nav a span{font-size:19px;width:22px;text-align:center}nav a:hover{background:#ffffff05;color:var(--text)}nav a.active{border-color:#6489e824;background:linear-gradient(90deg,#6489e825,#6489e80a);box-shadow:inset 3px 0 var(--accent)}header{font-size:12px;background:#101419dc}.slash{margin:0 14px;color:#445063}.header-right{display:flex;align-items:center;gap:10px}.demo-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78cca6;vertical-align:middle;margin-right:5px}.demo-dot{background:var(--accent)}.avatar{height:34px;width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#6489e81c;color:#9bb6ff;font-weight:600}.small-avatar{height:28px;width:28px;margin-left:12px}.plan-mini{border:1px solid var(--border);border-radius:10px;padding:16px;background:linear-gradient(135deg,#6489e80a,transparent)}.plan-mini h3{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.plan-mini p{font-size:12px}.plan-mini small{font-size:11px;letter-spacing:0;margin-top:12px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding:22px 0 0;margin-top:20px;font-size:12px}.profile small{font-size:9px;letter-spacing:0}.profile a{margin-left:auto}.notice{display:flex;align-items:center;gap:10px;background:#6489e805;font-size:11px;padding:11px 16px;margin-bottom:30px}.notice>span:first-child{color:var(--accent)}.notice-detail{border-left:1px solid var(--border);padding-left:12px;color:#7f8b9b}.page-heading{margin-bottom:28px}.page-heading h1{font-size:30px;letter-spacing:-1px}.page-heading p{margin-bottom:0}.button,button{font-weight:500;font-size:12px;transition:background .18s,transform .18s}.button:hover,button:not(:disabled):hover{background:#7699ef;transform:translateY(-1px)}.button.secondary:hover{background:#6489e82b}.hero{min-height:260px;border:1px solid #6489e82e;border-radius:12px;padding:32px 36px;background:radial-gradient(ellipse at 85% 35%,#6489e81f,transparent 55%),linear-gradient(120deg,#182231,#141c26);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.hero h2{font-size:30px;line-height:1.3;letter-spacing:-.8px;margin:22px 0 12px}.hero p{font-size:12px}.hero .badge{font-size:9px;letter-spacing:1.5px;color:#9bb6ff;border-color:#6489e83b}.hero .secondary{margin-top:10px}.hero .secondary span{margin-left:24px}.orbit{position:relative;width:230px;height:230px;border:1px solid #6489e833;border-radius:50%;margin:0 45px;background:repeating-radial-gradient(circle,transparent 0 37px,#6489e80c 38px 39px)}.orbit-inner{position:absolute;inset:44px;border-radius:50%;border:1px solid #6489e844;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#172233;box-shadow:0 0 70px #6489e815}.orbit-inner>span{font-size:64px;color:#8caaff}.orbit-inner small{font-size:8px;letter-spacing:2px}.orbit-point{position:absolute;border:1px solid #6489e844;border-radius:50%;padding:12px;background:#1a2637;font-size:10px;color:#adbeeb}.p1{top:0;left:20px}.p2{right:-15px;top:100px}.p3{bottom:-8px;left:42px}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.metric-icon{background:#6489e80b;color:var(--accent)!important;border:1px solid #6489e81a;border-radius:8px;padding:7px 10px}.metrics{margin:20px 0;gap:20px}.metrics h2{font-size:32px;letter-spacing:-1px;margin:15px 0 22px}.metrics h2 small{font-weight:400;letter-spacing:0;font-size:12px}.metrics p{font-size:11px;margin:12px 0 0}.float-right{float:right}.separator{padding:0 8px;color:#485365}article{box-shadow:var(--shadow)}article h2{font-size:17px}.dashboard-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.dashboard-bottom .heading{margin-bottom:6px}.dashboard-bottom h2{margin:0}.dashboard-bottom p{font-size:11px}.dashboard-bottom a{font-size:11px}.chart{height:205px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0 49px,#ffffff04 50px 51px);padding-bottom:12px}.bar{background:linear-gradient(to top,#6489e866,#81a0f2);width:45%;border:1px solid #9db6fa33;transition:filter .2s}.chart>div:hover .bar{filter:brightness(1.3)}.chart small,.chart span{font-size:10px}.location-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--border);color:var(--text)}.country-code{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);border-radius:10px;background:#ffffff03;color:#b9c9ed;font-size:12px;font-weight:600;letter-spacing:1px}.location-row strong{font-size:12px;font-weight:500}.location-row small{display:block;font-size:10px;margin-top:5px}.latency{margin-left:auto;color:var(--muted);font-size:11px}.caption{margin-bottom:0}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px}.search-label{margin:0;flex:1}.search-label input{margin:0;max-width:400px;background:var(--surface)}.filter-tabs{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.filter-tab{background:transparent;color:var(--muted);padding:9px 13px}.filter-tab.selected{background:#6489e81e;color:#a3bcff}.filter-tab:hover{background:#6489e825!important;transform:none!important}.server-grid{gap:20px}.server-card .heading{margin-bottom:22px}.server-card h2{margin-bottom:8px;font-size:21px}.server-card p{font-size:12px;margin:0 0 20px}.online{color:#88ceac;background:#78cca60b;border-color:#78cca626}.maintenance{color:#ccad75;border-color:#ccad7526;background:#ccad7508}.protocol-chip{font-size:10px;border:1px solid var(--border);padding:6px 9px;border-radius:5px;color:#b7c3d4}.server-values{display:flex;justify-content:space-between;margin-bottom:15px}.server-values small{display:block;font-size:11px;margin-bottom:8px}.server-values strong{font-size:18px;font-weight:500}.server-values>div:last-child{text-align:right}.server-action{display:block;border-top:1px solid var(--border);padding-top:18px;margin-top:24px;font-size:12px}.server-action span{float:right}.muted{color:var(--muted)}.empty-state{text-align:center;padding:60px 20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{display:flex;gap:18px;color:#687486;font-size:10px;padding:30px 0 4px;margin-top:26px;border-top:1px solid #ffffff06}footer span:last-child{margin-left:auto}select,input{transition:border-color .2s}select:hover,input:hover{border-color:#475978}progress{appearance:none;border:0;border-radius:8px;overflow:hidden;background:#27313f}progress::-webkit-progress-bar{background:#27313f}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}progress::-moz-progress-bar{background:var(--accent)}@media(min-width:1500px){main{padding:32px 48px}}@media(max-width:1100px){.orbit{margin:0 10px;width:190px;height:190px}.dashboard-bottom{grid-template-columns:1fr}.metrics{gap:12px}.metrics article{padding:18px}.metrics h2 small{display:block;margin-top:8px}.notice-detail{font-size:10px}.hero h2{font-size:26px}}@media(max-width:850px){.metrics h2 small{display:inline}.hero{padding:24px}.orbit{width:150px;height:150px;flex-shrink:0}.orbit-inner{inset:25px}.orbit-inner>span{font-size:42px}.orbit-inner small{font-size:6px}.orbit-point{padding:9px}.p2{top:70px}.notice{flex-wrap:wrap}.notice-detail{border:0;padding:0;width:100%}.filter-toolbar{align-items:stretch;flex-direction:column}.filter-tabs{align-self:flex-start}}@media(max-width:560px){aside{position:static;height:auto}.brand{padding:0}.brand small{display:none}nav{margin-top:16px;gap:4px}nav a{display:flex;flex-direction:column;gap:5px;flex:1;padding:9px 7px;font-size:10px}nav a span{font-size:18px}nav a.active{box-shadow:inset 0 -2px var(--accent)}.page-heading h1{font-size:26px}.hero{min-height:245px;position:relative;padding:24px}.hero>div:first-child{z-index:1;max-width:85%}.hero h2{font-size:25px}.orbit{position:absolute;right:-65px;opacity:.3}.hero p{max-width:200px}.metrics{gap:12px}.header-right{font-size:10px}header{font-size:10px}.slash{margin:0 4px}.small-avatar{display:none}.notice{margin-bottom:24px}.chart{gap:5px}.server-grid{margin-top:18px}footer{flex-wrap:wrap;gap:10px}footer span:last-child{width:100%;margin:0}.dashboard-bottom article{padding:20px}.heading{gap:12px}.profile{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.expiry-value{font-size:21px!important;letter-spacing:-.4px!important}.countdown{font-variant-numeric:tabular-nums}.countdown.soon{color:#ccad75}.countdown.urgent,.countdown.expired{color:#ef9292}.plan-mini .countdown{display:block;margin-top:6px;font-size:11px}aside{overflow-y:auto}

.traffic-budget{margin:28px 0 32px}.traffic-budget .heading p{margin-bottom:0;font-size:12px}.budget-number{font-size:36px;font-weight:650;letter-spacing:-1px;margin:24px 0 20px}.budget-number small{font-size:14px;font-weight:400;letter-spacing:0}.budget-progress{height:10px}.budget-caption{font-size:12px;color:var(--muted);margin-top:12px}.billing-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.billing-facts small{display:block;margin-bottom:10px}.billing-facts strong{font-size:13px;font-weight:500}.traffic-details{margin-top:24px;border-top:1px solid var(--border)}.traffic-details summary{cursor:pointer;padding:20px 0;color:var(--text);font-weight:500}.traffic-details summary span{float:right;color:var(--muted);font-weight:400;font-size:12px}.traffic-details summary:focus-visible{outline:2px solid var(--accent)}.traffic-table-wrap{overflow-x:auto}.traffic-table{width:100%;border-collapse:collapse;text-align:left;min-width:480px}.traffic-table th{font-size:11px;color:var(--muted);font-weight:500}.traffic-table td,.traffic-table th{padding:16px 12px;border-bottom:1px solid var(--border)}.traffic-table td{font-size:12px}.traffic-table small{display:block;font-size:10px;margin-top:6px}.user-share{display:flex;align-items:center;gap:12px}.user-share progress{max-width:100px}.user-share span{min-width:40px}.traffic-table tfoot th{color:var(--text)}.admin-section-title{margin-top:30px}@media(max-width:850px){.billing-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.budget-number{font-size:30px}.budget-number small{display:block;margin-top:8px}.traffic-details summary span{float:none;display:block;margin:8px 0 0}.billing-facts{gap:20px 12px}.budget-caption{align-items:flex-start;font-size:10px}}

.simple-hero{min-height:310px}.simple-hero>div:first-child{max-width:560px}.simple-hero h2{font-size:34px}.simple-hero p{max-width:420px}.simple-hero .button{margin-top:18px}.simple-hero .caption{margin-top:18px;font-size:11px}.workspace-switch{display:block;font-size:11px;margin:24px 12px;color:var(--muted)}.advanced-nav{margin:20px 12px;color:var(--muted);font-size:12px}.advanced-nav nav{margin-top:8px}.advanced-nav nav a{font-size:11px;padding:10px}.advanced-nav summary,details summary{cursor:pointer}.setup-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin:32px 0 24px}.step-label{font-size:10px;color:var(--accent);letter-spacing:1.5px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.platform-option{background:var(--bg);border:1px solid var(--border);text-align:left;color:var(--muted);padding:16px}.platform-option span{float:right}.platform-option.selected{background:#6489e814;border-color:var(--accent);color:#b4c8ff}.platform-option:hover{background:#6489e820!important}.setup-help{margin-top:20px}.advanced-panel summary{display:flex;justify-content:space-between;gap:12px}.advanced-panel summary span{font-size:12px}.faq details{padding:24px 0;border-bottom:1px solid var(--border)}.faq details:first-child{padding-top:0}.faq details:last-child{border-bottom:0}.faq summary{font-size:16px}.faq details p{max-width:720px}.advanced-panel{margin-top:24px}@media(max-width:850px){.setup-layout{grid-template-columns:1fr}.simple-hero h2{font-size:28px}.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.simple-hero h2{font-size:25px}.advanced-panel summary{flex-direction:column}.advanced-nav{margin:12px}.advanced-nav nav{display:block}.workspace-switch{margin:14px 12px}.simple-hero .orbit{right:-95px}}

.subscription-shell{max-width:1000px;margin:auto;padding:0 28px}.subscription-shell header{padding:24px 0;height:88px;background:transparent}.subscription-shell main{max-width:760px;padding:40px 0;margin:auto}.subscription-intro{text-align:center;margin:0 0 32px}.subscription-intro h1{font-size:34px;letter-spacing:-1.2px}.subscription-intro p{font-size:13px}.subscription-status{background:radial-gradient(ellipse at 100% 0,#6489e825,transparent 65%),var(--surface);padding:28px 32px;margin-bottom:24px;border-color:#6489e833}.subscription-status h2{font-size:30px;margin:18px 0 0}.subscription-emblem{font-size:60px;color:#89a9ff}.subscription-expiry{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.subscription-expiry h2{font-size:24px;margin:10px 0 0}.subscription-expiry>span{font-size:11px;color:var(--muted);padding-bottom:4px}.subscription-route{display:flex;justify-content:space-between;padding-top:22px;margin-top:24px;border-top:1px solid #6489e822;font-size:12px;color:var(--muted)}.subscription-route span:first-child{color:var(--text)}.subscription-setup{padding:32px;margin-bottom:24px}.subscription-setup h2{font-size:23px;letter-spacing:-.5px}.subscription-steps{margin:32px 0}.subscription-steps>div{display:flex;gap:16px;margin:24px 0}.step-circle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:#6489e815;color:#a1baff;border:1px solid #6489e825;border-radius:50%;font-size:12px}.subscription-steps h3{font-size:14px;margin:6px 0 10px;font-weight:500}.subscription-steps p{font-size:12px;margin:0 0 16px}.subscription-setup .notice{margin:0 0 24px;line-height:1.7}.subscription-advanced{border-top:1px solid var(--border);padding-top:22px}.subscription-advanced summary{font-size:12px;color:var(--muted)}.subscription-advanced p{font-size:12px}.subscription-bottom{display:flex;justify-content:space-between;gap:20px;margin:26px 0;font-size:11px}.subscription-bottom span{max-width:300px;color:var(--muted);text-align:right;line-height:1.7}.subscription-invalid{text-align:center;margin:60px 0}.subscription-invalid h1{font-size:26px}.subscription-invalid .brand-icon{display:inline-block;margin-bottom:20px}.subscription-shell .faq summary{font-size:13px}.subscription-shell .faq p{font-size:12px}.subscription-shell footer{padding-bottom:24px}@media(max-width:560px){.subscription-shell{padding:0 16px}.subscription-shell main{padding-top:28px}.subscription-shell header{height:72px}.subscription-shell header .brand{font-size:16px}.subscription-shell header .badge{font-size:9px}.subscription-intro h1{font-size:27px}.subscription-status,.subscription-setup{padding:22px}.subscription-expiry{align-items:flex-start;flex-direction:column;gap:12px}.subscription-expiry h2{font-size:21px}.subscription-status h2{font-size:26px}.subscription-setup h2{font-size:21px}.subscription-route{gap:12px;font-size:10px}.subscription-bottom{flex-direction:column}.subscription-bottom span{text-align:left}.subscription-shell footer{flex-direction:column}.subscription-shell footer span{margin:0}}

/* Subscription visual baseline 1.0 */
.subscription-shell{max-width:1100px;padding:0 40px}.subscription-shell header{height:96px;border-color:#ffffff09}.subscription-shell header .brand{font-size:18px;letter-spacing:-.3px}.subscription-shell header .badge{border-color:#6489e833;color:#a5b8e5;background:#6489e809;font-size:10px;letter-spacing:.3px}.subscription-shell main{max-width:780px;padding:54px 0 12px}.subscription-intro{margin-bottom:36px}.subscription-intro .eyebrow{font-size:9px;letter-spacing:2.3px;margin-bottom:18px}.subscription-intro h1{font-size:36px;font-weight:600;letter-spacing:-1.4px;line-height:1.2;max-width:650px;margin:0 auto 16px}.subscription-intro>p:last-child{font-size:13px;color:#8491a5}.subscription-status{padding:30px 32px 0;background:radial-gradient(ellipse at 88% 10%,#6489e81a,transparent 60%),linear-gradient(120deg,#192330,#161d26);border:1px solid #6489e82e;box-shadow:0 16px 50px #0000001a;position:relative;overflow:hidden;margin-bottom:22px}.subscription-status:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,#93affc55,transparent)}.subscription-status .heading{margin-bottom:24px}.subscription-status .badge{font-size:10px;padding:6px 10px}.subscription-status h2{font-size:32px;letter-spacing:-.7px;font-weight:600;margin-top:18px}.plan-caption{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:7px}.subscription-emblem{display:flex;justify-content:center;align-items:center;width:94px;height:104px;color:#86a8ff;background:radial-gradient(ellipse,#6489e81c,transparent 70%)}.subscription-emblem svg{width:64px;height:76px;filter:drop-shadow(0 0 16px #6489e833)}.subscription-expiry{padding:0 0 28px}.subscription-expiry small{font-size:10px;color:#98a6b9}.subscription-expiry h2{font-size:26px;margin-top:9px;letter-spacing:-.7px}.subscription-expiry>span{font-size:10px;color:#91a0b4}.subscription-route{margin:0 -32px;padding:19px 32px;background:#0c131b36;border-top:1px solid #6489e820;align-items:center}.location-identity{display:flex;align-items:center;gap:11px}.germany-mark{display:block;width:29px;height:21px;border-radius:4px;background:linear-gradient(to bottom,#252830 0 33.3%,#c25858 33.3% 66.6%,#dab45d 66.6%);border:1px solid #ffffff12;box-shadow:0 2px 8px #0002}.location-identity strong{display:block;font-size:12px;font-weight:500}.location-identity small{display:block;font-size:9px;color:#78879b;margin-top:4px}.location-count{font-size:10px;color:#8491a5}.location-count>span{padding:0 8px;color:#47556a}.subscription-setup{padding:30px 32px;box-shadow:0 8px 30px #0000000d;border-color:#26303d}.setup-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.subscription-setup .step-label{font-size:9px;letter-spacing:1.6px;color:#8ca9ee}.subscription-setup h2{font-size:21px;font-weight:500;margin:12px 0 0}.setup-duration{font-size:10px;color:#76859a;border:1px solid var(--border);padding:6px 9px;border-radius:6px}.subscription-setup .platform-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0 30px}.subscription-setup .platform-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 6px 14px;min-height:93px;border-radius:9px;background:#111820;transition:border-color .18s,background .18s;transform:none!important}.device-symbol{font-size:25px;line-height:27px;font-weight:400;color:#91a0b6}.device-name{font-size:10px;font-weight:500;white-space:nowrap}.device-check{position:absolute;right:7px;top:5px;font-size:10px;color:#9bb7ff}.platform-option.selected .device-symbol{color:#a9c0ff}.subscription-setup .platform-option.selected{background:linear-gradient(145deg,#6489e81c,#6489e80a);border-color:#6489e899;box-shadow:0 0 0 1px #6489e80a}.subscription-steps{margin:0 0 24px;padding-top:8px;border-top:1px solid var(--border)}.subscription-steps>div{position:relative;margin:0;padding:20px 0 0;gap:15px}.subscription-steps>div:not(:last-child):after{content:"";position:absolute;left:14px;top:55px;bottom:-12px;width:1px;background:var(--border)}.step-circle{width:29px;height:29px;background:#1b2534;border-color:#6489e826;font-size:10px;margin-top:1px}.subscription-steps h3{font-size:12px;font-weight:500;margin:7px 0 9px}.subscription-steps p{font-size:11px;line-height:1.8;margin-bottom:12px;color:#8b99ad;max-width:550px}.subscription-steps button{font-size:11px;padding:11px 16px;opacity:1;background:#28364f;color:#8f9eb8;border:1px solid #6489e825}.subscription-setup .notice{display:block;font-size:10px;padding:10px 12px;border-style:dashed;background:#ffffff02;color:#7f8da0;margin-bottom:22px}.subscription-advanced{padding-top:18px}.subscription-advanced summary{font-size:11px;color:#91a1b7}.subscription-advanced[open] summary{color:#afc3ef}.subscription-shell .faq{padding:25px 32px;background:#141b23;border-color:#252e3a}.subscription-shell .faq>h2{font-size:16px;font-weight:500;margin:0 0 8px}.subscription-shell .faq details{padding:17px 0}.subscription-shell .faq summary{font-size:11px;color:#acb9cc;line-height:1.7}.subscription-shell .faq p{font-size:11px;color:#8796ac}.subscription-bottom{margin:22px 2px 32px;font-size:10px}.subscription-bottom a{color:#9bb5f0}.subscription-bottom span{font-size:9px;max-width:290px;color:#6e7d93}.subscription-shell footer{font-size:9px;color:#5f6e83;padding:22px 0 26px}.subscription-shell footer span{color:#718098}.subscription-invalid{padding:50px 28px}.subscription-invalid p{max-width:480px;margin:20px auto 28px}@media(max-width:600px){.subscription-shell{padding:0 18px}.subscription-shell header{height:76px}.subscription-shell main{padding-top:34px}.subscription-intro{margin-bottom:27px}.subscription-intro h1{font-size:29px;max-width:330px;letter-spacing:-1px}.subscription-intro>p:last-child{font-size:11px;max-width:260px;margin:auto}.subscription-intro .eyebrow{font-size:8px}.subscription-status{padding:24px 23px 0}.subscription-status h2{font-size:29px}.subscription-status .heading{margin-bottom:22px}.subscription-emblem{width:65px;height:85px}.subscription-emblem svg{width:53px}.subscription-expiry{gap:12px;padding-bottom:24px}.subscription-expiry h2{font-size:24px}.subscription-route{margin:0 -23px;padding:16px 23px}.location-count{font-size:9px}.subscription-setup{padding:24px 22px}.setup-duration{display:none}.subscription-setup h2{font-size:19px}.subscription-setup .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.subscription-setup .platform-option{min-height:82px;padding:13px 4px 11px;gap:7px}.device-symbol{font-size:23px}.device-name{font-size:9px}.subscription-steps h3{font-size:12px;line-height:1.6;margin-top:4px}.subscription-steps p{font-size:11px}.subscription-shell .faq{padding:24px 22px}.subscription-bottom{gap:14px}.subscription-bottom span{max-width:260px}.subscription-shell header .brand{font-size:15px}.subscription-shell header .brand-icon{font-size:22px}.subscription-shell header .badge{font-size:8px;padding:6px 8px}}@media(prefers-reduced-motion:reduce){.subscription-shell *{transition:none!important}}

/* Soft technology · subscription theme */
.subscription-shell{position:relative;isolation:isolate;max-width:1140px}.subscription-shell:before{content:"";position:absolute;z-index:-1;inset:60px -100px auto;height:680px;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,#6489e80d,transparent 67%)}.subscription-shell .ui-icon{vertical-align:middle;flex-shrink:0}.subscription-shell .brand{gap:10px;font-weight:600}.subscription-shell .brand-icon{display:flex;padding:10px;border-radius:15px;border-color:#6489e826;background:linear-gradient(145deg,#6489e82b,#6489e80a);box-shadow:inset 0 1px #ffffff0c}.subscription-shell .brand-icon .ui-icon{width:22px;height:22px;color:#9ab6ff}.subscription-shell header{border-color:#ffffff06}.subscription-shell header .badge{border-radius:9px;background:#1a2330}.subscription-shell main{max-width:800px;padding-top:58px}.subscription-intro{margin-bottom:38px}.subscription-intro h1{font-size:39px;line-height:1.16;font-weight:600;letter-spacing:-1.6px;max-width:610px}.subscription-intro .eyebrow{color:#9ab4f4}.subscription-intro>p:last-child{margin-top:20px;color:#9aa6b9}.subscription-shell article{border-radius:24px}.subscription-status{padding:34px 36px 0;border-color:#6489e821;background:radial-gradient(ellipse at 90% 0,#6489e825,transparent 65%),linear-gradient(140deg,#1b2534,#161d26 65%);box-shadow:0 20px 70px #00000020,inset 0 1px #ffffff08}.subscription-status:before{left:45px;right:45px;background:linear-gradient(90deg,transparent,#a0baff44,transparent)}.subscription-status .heading{margin-bottom:30px}.subscription-status .badge{border:0;background:#78cca610;color:#9ad4b6;padding:7px 11px;border-radius:8px}.subscription-status h2{font-size:35px;letter-spacing:-1px}.plan-caption{margin-top:9px;font-size:12px;color:#93a1b6}.subscription-expiry h2{font-size:29px;font-weight:500;letter-spacing:-.8px}.subscription-expiry small{font-size:11px}.subscription-expiry>span{background:#10141955;border:1px solid #ffffff06;padding:9px 12px;border-radius:10px}.subscription-route{margin:0 -36px;padding:21px 36px;border-color:#ffffff06;background:#10141928}.germany-mark{width:32px;height:24px;border-radius:6px}.location-identity{gap:13px}.location-identity strong{font-size:13px}.location-identity small{font-size:10px}.location-count{font-size:11px}.connection-art{display:flex;align-items:center;gap:8px;position:relative;padding:22px 2px}.route-device,.route-world{display:flex;align-items:center;justify-content:center;width:58px;height:66px;border:1px solid #6489e836;border-radius:18px;background:linear-gradient(145deg,#6489e81b,#10141955);box-shadow:0 8px 25px #0001,inset 0 1px #ffffff0a;color:#afc6ff}.route-device>.ui-icon{width:27px;height:27px}.route-world{width:70px;height:70px;border-radius:50%;position:relative;background:radial-gradient(circle,#6489e823,#6489e805);box-shadow:0 0 45px #6489e810}.route-world>.ui-icon{width:35px;height:35px;stroke-width:1}.route-world small{position:absolute;right:-3px;bottom:-2px;background:#243047;border:1px solid #6489e833;border-radius:7px;color:#b7caff;font-size:8px;padding:4px 6px}.route-line{width:42px;display:flex;justify-content:space-evenly;align-items:center}.route-line i{width:3px;height:3px;background:#829fe188;border-radius:50%}.route-device{animation:device-enter .3s ease-out}.subscription-setup{padding:34px 36px;background:linear-gradient(150deg,#19212c,#161d26 60%);border:1px solid #ffffff08;box-shadow:0 14px 45px #00000012,inset 0 1px #ffffff05}.subscription-setup h2{font-size:23px;font-weight:500;letter-spacing:-.5px}.setup-duration{background:#ffffff03;border-color:#ffffff08;border-radius:9px;padding:8px 10px}.subscription-setup .platform-grid{gap:12px;margin-top:27px;margin-bottom:32px}.subscription-setup .platform-option{min-height:105px;border-radius:16px;background:#10141966;border:1px solid #ffffff08;gap:13px;box-shadow:inset 0 1px #ffffff02;transition:background .2s,border-color .2s,box-shadow .2s,translate .2s}.subscription-setup .platform-option:hover{translate:0 -3px;background:#6489e810!important;border-color:#6489e844;box-shadow:0 8px 20px #0002}.subscription-setup .platform-option:active{translate:0 0}.subscription-setup .platform-option.selected{background:linear-gradient(145deg,#6489e825,#6489e80d);border-color:#6489e877;box-shadow:0 4px 20px #6489e80a,inset 0 1px #b6c9ff10}.device-symbol{display:flex;line-height:1;color:#8c9aaf}.device-symbol>.ui-icon{width:28px;height:28px;stroke-width:1.5}.device-name{font-size:10px}.device-check{right:8px;top:8px;width:15px;height:15px;display:flex;align-items:center;justify-content:center}.device-check>.ui-icon{width:13px;height:13px;stroke-width:2}.subscription-steps{border-color:#ffffff07;animation:device-enter .25s ease-out}.step-circle{width:31px;height:31px;border-radius:11px;background:#6489e80c;border-color:#6489e81b;color:#9eb9f8}.subscription-steps>div{padding-top:24px;gap:16px}.subscription-steps>div:not(:last-child):after{left:15px;top:62px;bottom:-14px;background:linear-gradient(#6489e820,#ffffff08)}.subscription-steps h3{font-size:13px;font-weight:500}.subscription-steps p{font-size:12px;color:#93a0b4;line-height:1.8}.subscription-steps button{border-radius:12px;min-height:42px;background:#26344c;color:#8c9fbe;border-color:#6489e818}.subscription-setup .notice{border-style:solid;border-color:#ffffff06;border-radius:12px;background:#10141930;padding:12px 14px;color:#8190a6}.subscription-advanced{border-color:#ffffff07}.subscription-advanced summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:3px 0}.subscription-advanced summary:after{content:"+";font-size:20px;font-weight:400;color:#7f94b7;transition:rotate .2s}.subscription-advanced[open] summary:after{rotate:45deg}.subscription-shell details[open]>p,.subscription-advanced[open]>label{animation:device-enter .2s ease-out}.subscription-shell input,.subscription-shell select{border-radius:12px}.subscription-shell .faq{padding:28px 36px;background:#161d26aa;border:1px solid #ffffff07}.subscription-shell .faq>h2{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:17px}.subscription-shell .faq>h2 .ui-icon{width:19px;color:#87a5e9}.subscription-shell .faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#aab7cb;font-size:12px}.subscription-shell .faq summary:after{content:"+";font-size:18px;color:#7d8fa9;flex-shrink:0;transition:rotate .2s}.subscription-shell .faq details[open] summary:after{rotate:45deg}.subscription-shell .faq details{border-color:#ffffff07;padding:19px 0}.subscription-shell .faq details:last-child{padding-bottom:0}.subscription-shell .faq p{font-size:12px;line-height:1.9}.subscription-shell summary::-webkit-details-marker{display:none}.subscription-shell summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:5px}.subscription-bottom{margin-top:26px;padding:0 4px}.subscription-bottom a{display:flex;gap:7px;align-items:center;align-self:flex-start;font-size:11px;transition:color .2s}.subscription-bottom a:hover{color:#cfddff}.subscription-bottom a .ui-icon{width:15px;height:15px;transition:translate .2s}.subscription-bottom a:hover .ui-icon{translate:3px 0}.subscription-bottom span{font-size:10px;color:#7c8aa0}.subscription-shell footer{border-color:#ffffff06}.subscription-invalid{background:linear-gradient(135deg,#1b2533,var(--surface))}@keyframes device-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.subscription-shell main{padding-top:38px}.subscription-intro h1{font-size:31px;max-width:340px;letter-spacing:-1.1px}.subscription-intro>p:last-child{font-size:12px;line-height:1.8}.subscription-status{padding:25px 24px 0}.subscription-shell article{border-radius:21px}.subscription-status h2{font-size:31px}.subscription-status .heading{gap:8px}.connection-art{gap:5px;padding:12px 0}.route-device{width:38px;height:46px;border-radius:12px}.route-device>.ui-icon{width:21px;height:21px}.route-world{width:47px;height:47px}.route-world>.ui-icon{width:26px;height:26px}.route-line{width:18px}.route-line i{width:2px;height:2px}.route-world small{font-size:7px;padding:3px 4px}.subscription-status .badge{font-size:9px}.subscription-expiry h2{font-size:26px}.subscription-expiry>span{padding:7px 10px;font-size:10px}.subscription-route{margin:0 -24px;padding:18px 24px}.location-count{font-size:9px}.subscription-setup{padding:26px 23px}.subscription-setup h2{font-size:21px}.subscription-setup .platform-grid{gap:9px}.subscription-setup .platform-option{min-height:95px;border-radius:14px}.device-symbol>.ui-icon{width:26px;height:26px}.subscription-shell .faq{padding:25px 24px}.subscription-shell .faq summary{font-size:12px}.subscription-steps>div{gap:13px}.subscription-steps h3{font-size:12px}.subscription-steps p{font-size:11px}.subscription-bottom span{font-size:10px}.subscription-shell:before{inset:40px 0 auto}}@media(max-width:360px){.connection-art{gap:3px}.route-line{width:10px}.route-device{width:30px}.route-world{width:38px;height:38px}.subscription-status .badge{font-size:8px}.location-count{font-size:8px}}@media(prefers-reduced-motion:reduce){.subscription-shell *{animation:none!important;transition:none!important;translate:none!important}}

/* Manual configuration disclosure chevron */
.subscription-advanced summary:after{content:"";display:block;width:8px;height:8px;flex-shrink:0;border-right:1.6px solid #91a7cd;border-bottom:1.6px solid #91a7cd;transform:rotate(45deg);rotate:none;margin:0 5px 4px 16px;transition:transform .2s ease, border-color .2s ease}.subscription-advanced[open] summary:after{rotate:none;transform:rotate(225deg);margin-bottom:-4px}.subscription-advanced summary:hover:after{border-color:#b7ccf5}

/* Consistent select arrow with a fixed inset, including disabled demo fields. */
.subscription-advanced select{appearance:none;-webkit-appearance:none;padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2396A2B4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;min-height:46px}.subscription-advanced select:disabled{opacity:1;color:#96A2B4;-webkit-text-fill-color:#96A2B4;cursor:not-allowed}

.subscription-route .germany-mark{display:block;width:30px;height:21px;flex-shrink:0;overflow:hidden;border:0;border-radius:3px;background:none;box-shadow:0 0 0 1px #ffffff0c;shape-rendering:crispEdges}

/* Animated atmosphere: crisp details behind stable, readable surfaces. */
body:has(.subscription-shell){isolation:isolate;background:#101419}.subscription-shell{overflow:visible}.subscription-shell:before{animation:none;transform:none;opacity:1;inset:30px 0 auto;height:660px;background:radial-gradient(ellipse at 50% 15%,#6489e80c,transparent 68%)}.subscription-shell:after,.subscription-status:after{display:none}.ambient-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 0 30%,#6489e808,transparent 45%),radial-gradient(ellipse at 100% 75%,#6489e806,transparent 45%)}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#6489e80b 1px,transparent 1px),linear-gradient(90deg,#6489e80b 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0%,transparent 35%,transparent 65%,#000 100%);opacity:.65}.ambient-trail{position:absolute;width:1px;height:140px;background:linear-gradient(transparent,#6489e877,transparent);animation:background-signal 13s linear infinite;top:-160px;left:9%}.trail-two{left:88%;height:190px;animation-duration:18s;animation-delay:-7s}.trail-three{left:19%;height:90px;animation-duration:21s;animation-delay:-14s;opacity:.45}.ambient-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#8dafff;box-shadow:0 0 8px #6489e866;opacity:0;animation:particle-rise 17s linear infinite;left:6%;top:80%}.particle-two{left:93%;top:64%;animation-duration:23s;animation-delay:-8s}.particle-three{left:15%;top:42%;animation-duration:19s;animation-delay:-11s}.particle-four{left:83%;top:90%;animation-duration:26s;animation-delay:-4s}.particle-five{left:96%;top:29%;animation-duration:21s;animation-delay:-16s}.particle-six{left:3%;top:58%;animation-duration:28s;animation-delay:-19s}.route-line{position:relative}.route-line:after{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#afc9ff;box-shadow:0 0 7px #6489e8aa;animation:route-signal 3.6s ease-in-out infinite}.route-world{animation:route-breathe 6s ease-in-out infinite}.subscription-shell article{transition:border-color .25s,box-shadow .25s}.subscription-shell article:hover{border-color:#6489e82e}.subscription-shell .brand-icon:hover{box-shadow:0 0 20px #6489e81a,inset 0 1px #ffffff0c;transition:box-shadow .3s}@keyframes background-signal{from{transform:translateY(0)}to{transform:translateY(calc(100vh + 350px))}}@keyframes particle-rise{0%{transform:translate(0,30px);opacity:0}15%{opacity:.45}70%{opacity:.3}100%{transform:translate(22px,-180px);opacity:0}}@keyframes route-signal{0%,15%{transform:translateX(0);opacity:0}25%{opacity:1}65%{transform:translateX(34px);opacity:1}80%,100%{transform:translateX(38px);opacity:0}}@keyframes route-breathe{0%,100%{box-shadow:0 0 20px #6489e808;border-color:#6489e836}50%{box-shadow:0 0 28px #6489e81a;border-color:#6489e85c}}@media(max-width:600px){.ambient-grid{background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000)}.trail-three,.particle-three,.particle-four{display:none}.ambient-particle{width:2px;height:2px}.route-line:after{animation-name:route-signal-mobile}@keyframes route-signal-mobile{0%,15%{transform:translateX(0);opacity:0}25%{opacity:1}65%{transform:translateX(12px);opacity:1}80%,100%{transform:translateX(15px);opacity:0}}}@media(prefers-reduced-motion:reduce){.ambient-trail,.ambient-particle{display:none}.route-line:after{display:none}.route-world{animation:none!important}.ambient-grid{opacity:.3}}

/* Shared workspace · visual 1.0 */
body:has(.shell){isolation:isolate}.shell{position:relative;max-width:1920px;margin:auto}.shell aside{background:#11171ef5;border-right-color:#ffffff07;padding:30px 18px;width:250px}.shell .brand{gap:11px;font-size:17px}.shell .brand-icon{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:14px;background:linear-gradient(145deg,#6489e82b,#6489e80a);border:1px solid #6489e826;color:#a2bcff}.shell .brand-icon .ui-icon{width:21px;height:21px}.shell .brand small{font-size:7px;letter-spacing:1.7px}.shell nav a{border-radius:12px;padding:13px 14px;margin:6px 0;gap:12px;font-size:12px;transition:background .2s,color .2s,translate .2s}.shell nav a>span{display:flex;justify-content:center}.shell nav .ui-icon{width:19px;height:19px;stroke-width:1.5}.shell nav a:hover{translate:2px 0;background:#6489e80a}.shell nav a.active{box-shadow:none;border-color:#6489e82a;background:linear-gradient(110deg,#6489e825,#6489e80b);color:#abc2fc}.shell .nav-label{font-size:8px;letter-spacing:1.6px;margin:38px 0 18px;padding-left:14px;color:#6f7f96}.shell .workspace>header{height:76px;background:#101419b3;border-color:#ffffff07;padding:0 38px;backdrop-filter:blur(14px)}.shell main{padding:32px 38px;max-width:1400px}.shell .notice{border-radius:12px;border-color:#ffffff08;background:#161d2677;font-size:10px;color:#93a1b5;margin-bottom:32px}.shell .notice-detail{border-color:#ffffff0a}.shell .page-heading h1,.shell main>h1{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.25}.shell .page-heading p,.shell main>p{font-size:12px}.shell article{border-radius:21px;background:linear-gradient(140deg,#1a2330,#161d26 75%);border-color:#ffffff08;box-shadow:0 12px 40px #00000010,inset 0 1px #ffffff03;transition:border-color .2s,box-shadow .2s}.shell article:hover{border-color:#6489e826}.shell article h2{font-weight:500}.shell article p{font-size:12px;color:#93a0b4}.shell .button,.shell button{border-radius:12px;min-height:42px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.shell button:disabled{transform:none}.shell .button{box-shadow:0 4px 18px #6489e812}.shell .secondary{box-shadow:none}.shell .hero{border-radius:24px;padding:34px 38px;border-color:#6489e825;background:radial-gradient(ellipse at 90% 0,#6489e824,transparent 65%),linear-gradient(135deg,#1b2534,#161d26)}.shell .simple-hero h2{font-size:34px;letter-spacing:-1px;font-weight:500}.shell .hero .badge{border-radius:8px;font-size:8px}.shell .badge{font-size:10px;border-radius:8px}.shell .orbit{border-color:#6489e826}.shell .orbit-inner{background:linear-gradient(145deg,#202d43,#17202c);border-color:#6489e83b;box-shadow:0 0 55px #6489e80c}.shell .orbit-inner>span{font-size:52px}.shell .orbit-point{border-radius:12px;background:#1c283b}.shell .columns,.shell .server-grid{gap:22px}.shell .metrics{gap:20px}.shell .metrics article{padding:26px}.shell .metrics h2{font-weight:500}.shell .metrics article>span{font-size:12px}.shell .expiry-value{font-size:24px!important}.shell .plan-mini{border-radius:16px;padding:18px;background:linear-gradient(135deg,#6489e80f,#161d2633);border-color:#6489e818}.shell .plan-mini h3{font-weight:500}.shell .plan-mini p{font-size:11px;color:#8494ac}.shell .profile{border-color:#ffffff08;padding-top:20px}.shell .avatar{border:1px solid #6489e81b;background:linear-gradient(145deg,#6489e826,#6489e80c);border-radius:12px}.shell .workspace-switch{font-size:10px;line-height:1.8}.shell .advanced-nav{font-size:11px}.shell input:not([type=checkbox]),.shell select{border-radius:12px;background-color:#10141999;border-color:#ffffff0c;padding:13px 14px;font-size:12px;min-height:44px}.shell label{font-size:12px}.shell hr{border-color:#ffffff08}.shell .country-code{border-radius:13px;border-color:#6489e81b;background:#6489e809;color:#a5bcec}.shell .protocol-chip{border-radius:7px;border-color:#ffffff0b;background:#10141944}.shell .server-card .server-action{border-color:#ffffff08}.shell .filter-tabs{border-radius:14px;border-color:#ffffff08;padding:5px}.shell .filter-tab{min-height:36px}.shell .platform-option{display:flex;justify-content:space-between;border-radius:13px;min-height:52px;background:#10141966;border-color:#ffffff09}.shell .platform-option.selected{border-color:#6489e866;background:#6489e818}.shell .setup-layout{gap:22px}.shell .step-label{font-size:9px}.shell .advanced-panel summary{font-size:12px}.shell .faq details{border-color:#ffffff08}.shell .faq summary{font-size:14px}.shell .billing-facts{border-color:#ffffff08}.shell .traffic-details,.shell .traffic-table td,.shell .traffic-table th{border-color:#ffffff08}.shell .traffic-details summary{font-size:13px}.shell .budget-number{font-size:38px;font-weight:500}.shell footer{border-color:#ffffff06;font-size:9px}.shell .chart .bar{border-radius:7px 7px 0 0;background:linear-gradient(to top,#6489e83b,#86a6fa)}.shell .chart{border-color:#ffffff08}.shell details summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:5px}.shell select{appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2396A2B4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.shell select:disabled{opacity:1;color:var(--muted)}@media(max-width:1000px){.shell aside{width:215px;padding:26px 14px}.shell .brand{font-size:15px}.shell .brand-icon{padding:8px}.shell main{padding:28px}.shell .workspace>header{padding:0 28px}.shell .simple-hero h2{font-size:28px}.shell .hero{padding:28px}}@media(max-width:600px){.shell aside{width:100%;height:auto;position:static;padding:20px 18px;background:#11171e}.shell .brand{font-size:17px}.shell nav a{font-size:10px;padding:10px 8px;border-radius:12px;min-width:58px}.shell nav a:hover{translate:none}.shell nav a.active{box-shadow:none}.shell main{padding:24px 18px}.shell .workspace>header{height:58px;padding:0 18px;font-size:9px}.shell .header-right{font-size:9px}.shell .notice{margin-bottom:25px;font-size:10px}.shell .page-heading h1,.shell main>h1{font-size:27px}.shell .hero{padding:26px 23px;border-radius:21px}.shell .simple-hero h2{font-size:27px}.shell article{border-radius:19px;padding:23px}.shell .columns,.shell .server-grid,.shell .metrics{gap:16px}.shell .workspace-switch{margin:12px}.shell .expiry-value{font-size:22px!important}.shell .setup-layout{gap:16px}.shell .advanced-nav nav a{display:block;font-size:11px}.shell footer{line-height:1.7}.shell .budget-number{font-size:32px}.shell .traffic-details summary{font-size:12px}}@media(prefers-reduced-motion:reduce){.shell *{transition:none!important;animation:none!important}}

/* Workspace motion layer */
.shell main>article,.shell .metrics>article,.shell .columns>article,.shell .server-grid>article,.shell .setup-layout>article,.shell .hero{animation:workspace-reveal .55s cubic-bezier(.2,.7,.3,1) both}.shell .metrics>article:nth-child(2),.shell .columns>article:nth-child(2),.shell .server-grid>article:nth-child(2){animation-delay:.08s}.shell .metrics>article:nth-child(3),.shell .server-grid>article:nth-child(3){animation-delay:.16s}.shell .server-grid>article:nth-child(4){animation-delay:.24s}.shell .page-heading,.shell main>h1{animation:workspace-heading .4s ease-out both}.shell .button,.shell button:not(:disabled){transition:translate .2s,box-shadow .2s,background .2s,border-color .2s;transform:none}.shell .button:hover,.shell button:not(:disabled):hover{translate:0 -2px;box-shadow:0 7px 22px #6489e81c;transform:none}.shell .button:active,.shell button:not(:disabled):active{translate:0 0;box-shadow:0 2px 8px #0002}.shell .metrics>article,.shell .server-card{transition:translate .25s,border-color .25s,box-shadow .25s}.shell .metrics>article:hover,.shell .server-card:hover{translate:0 -3px;box-shadow:0 15px 35px #00000020;border-color:#6489e83b}.shell progress{transform-origin:left;animation:workspace-meter .85s cubic-bezier(.2,.7,.3,1) both}.shell .chart .bar{transform-origin:bottom;animation:workspace-meter .7s cubic-bezier(.2,.7,.3,1) both}.shell .chart>div:nth-child(2) .bar{animation-delay:.05s}.shell .chart>div:nth-child(3) .bar{animation-delay:.1s}.shell .chart>div:nth-child(4) .bar{animation-delay:.15s}.shell .chart>div:nth-child(5) .bar{animation-delay:.2s}.shell .chart>div:nth-child(6) .bar{animation-delay:.25s}.shell .chart>div:nth-child(7) .bar{animation-delay:.3s}.shell .orbit-inner{animation:workspace-orbit-glow 7s ease-in-out infinite}.shell .orbit-point{animation:workspace-orbit-float 6s ease-in-out infinite}.shell .orbit-point.p2{animation-delay:-2s}.shell .orbit-point.p3{animation-delay:-4s}.shell .hero{position:relative;isolation:isolate}.shell .hero:after{content:"";position:absolute;pointer-events:none;z-index:-1;right:5%;top:12%;width:180px;height:180px;border:1px solid #6489e80b;border-radius:50%;animation:workspace-ring 9s ease-in-out infinite}.shell details[open]>p,.shell details[open]>.traffic-table-wrap,.shell details[open]>label{animation:workspace-heading .25s ease-out}.shell .country-code .ui-icon{width:20px;height:20px}.shell nav a.active .ui-icon{animation:workspace-icon .35s ease-out}.shell .traffic-details[open] progress{animation:workspace-meter .65s ease-out both}@keyframes workspace-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-heading{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-meter{from{opacity:.25;scale:.05 1}to{opacity:1;scale:1 1}}@keyframes workspace-orbit-glow{0%,100%{box-shadow:0 0 35px #6489e808}50%{box-shadow:0 0 60px #6489e81e}}@keyframes workspace-orbit-float{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes workspace-ring{0%,100%{scale:.95;opacity:.25}50%{scale:1.12;opacity:.8}}@keyframes workspace-icon{from{scale:.85;opacity:.5}to{scale:1;opacity:1}}@media(hover:none){.shell .metrics>article:hover,.shell .server-card:hover{translate:none}}@media(prefers-reduced-motion:reduce){.shell *,.shell *:before,.shell *:after{animation:none!important;transition:none!important;translate:none!important;scale:none!important}}

.shell .metric-icon{display:flex;padding:8px;border-radius:11px}.shell .metric-icon .ui-icon{width:18px;height:18px;animation:workspace-icon-glow 6s ease-in-out infinite}.shell .metrics>article:nth-child(2) .metric-icon .ui-icon{animation-delay:-2s}.shell .metrics>article:nth-child(3) .metric-icon .ui-icon{animation-delay:-4s}@keyframes workspace-icon-glow{0%,100%{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.shell .metric-icon .ui-icon{animation:none!important}}
.shell .chart .bar{animation-name:workspace-bar-rise}@keyframes workspace-bar-rise{from{opacity:.25;scale:1 .05}to{opacity:1;scale:1 1}}

/* Orbital atmosphere: replace the grid and vertical signals. */
.ambient-scene{background:radial-gradient(ellipse at 8% 12%,#6489e80b,transparent 42%),radial-gradient(ellipse at 95% 82%,#6489e80c,transparent 48%),#101419}.ambient-grid{inset:-30%;background:none;mask-image:none;opacity:.65;background-image:repeating-radial-gradient(ellipse at 8% 60%,transparent 0 105px,#6489e810 106px,transparent 107px 170px);transform:rotate(-18deg);animation:orbital-field 45s ease-in-out infinite alternate}.ambient-scene:before,.ambient-scene:after{content:"";position:absolute;width:950px;height:950px;border-radius:50%;border:1px solid #6489e81a;pointer-events:none;box-shadow:0 0 0 65px #6489e803,0 0 0 66px #6489e80a,0 0 0 160px #6489e802,0 0 0 161px #6489e808;left:-560px;top:-420px;transform:rotate(-30deg);animation:orbital-halo 32s ease-in-out infinite alternate}.ambient-scene:after{width:850px;height:850px;left:auto;top:auto;right:-500px;bottom:-400px;animation-delay:-15s;border-color:#6489e818}.ambient-trail{top:12%;left:-250px;width:680px;height:680px;border:1px solid transparent;border-top-color:#8baaff35;border-right-color:#6489e80b;background:none;border-radius:50%;animation:orbital-sweep 42s linear infinite;transform-origin:center}.trail-two{left:auto;right:-330px;top:35%;width:800px;height:800px;animation-duration:56s;animation-direction:reverse;animation-delay:-20s;opacity:.6}.trail-three{display:none}.ambient-trail:after{content:"";position:absolute;left:14.5%;top:14.5%;width:4px;height:4px;border-radius:50%;background:#9bb8fb;box-shadow:0 0 14px #6489e899}.ambient-particle{width:2px;height:2px;box-shadow:0 0 9px #6489e855;background:#9cb9fa;animation-duration:28s}.particle-two{animation-duration:35s}.particle-three{animation-duration:31s}.particle-four{animation-duration:38s}.subscription-shell:before{background:none}.shell .workspace>header{background:#101419a6}@keyframes orbital-field{from{transform:translate(-10px,-15px) rotate(-18deg) scale(1)}to{transform:translate(25px,20px) rotate(-12deg) scale(1.06)}}@keyframes orbital-halo{from{translate:0 0;opacity:.45}to{translate:30px 45px;opacity:.9}}@keyframes orbital-sweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.ambient-grid{opacity:.4;background-image:repeating-radial-gradient(ellipse at 0 50%,transparent 0 90px,#6489e80c 91px,transparent 92px 160px)}.ambient-trail{left:-440px;opacity:.6}.trail-two{left:auto;right:-560px}.ambient-scene:before{left:-750px}.ambient-scene:after{right:-700px}.trail-three{display:none}}@media(prefers-reduced-motion:reduce){.ambient-scene:before,.ambient-scene:after,.ambient-grid,.ambient-trail{animation:none!important}.ambient-trail{display:none}.ambient-grid{opacity:.4}}

/* Deep space · animated star field */
.ambient-scene{background:radial-gradient(ellipse at 14% 24%,#6489e810,transparent 40%),radial-gradient(ellipse at 92% 74%,#615d9b0d,transparent 44%),#101419}.ambient-grid{inset:-100px;background-image:radial-gradient(1px 1px at 24px 32px,#d9e5ff99 99%,transparent),radial-gradient(1px 1px at 132px 114px,#9bbaff88 99%,transparent),radial-gradient(1px 1px at 76px 186px,#ffffff55 99%,transparent),radial-gradient(1.5px 1.5px at 211px 63px,#a7c2ff77 99%,transparent);background-size:263px 227px,337px 313px,293px 359px,431px 383px;mask-image:none;opacity:.65;transform:none;animation:space-drift 100s linear infinite alternate}.ambient-scene:before{inset:-80px;left:-80px;top:-80px;right:-80px;bottom:-80px;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background-image:radial-gradient(1px 1px at 55px 90px,#dce8ff88 99%,transparent),radial-gradient(2px 2px at 260px 210px,#b8cfff66 70%,transparent);background-size:419px 367px,677px 593px;transform:none;animation:space-twinkle 9s ease-in-out infinite alternate}.ambient-scene:after{inset:-15%;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 12% 40%,#6489e815,transparent 30%),radial-gradient(ellipse at 87% 65%,#8474c211,transparent 33%),radial-gradient(ellipse at 80% 25%,#6489e809,transparent 30%);transform:none;animation:nebula-breathe 36s ease-in-out infinite alternate}.ambient-trail,.trail-two,.trail-three{display:block;position:absolute;left:10%;top:-10%;width:160px;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#b7d0ff99);opacity:0;transform-origin:right center;animation:space-meteor 19s linear infinite;box-shadow:0 0 8px #6489e822}.ambient-trail:after{left:auto;right:0;top:-1px;width:3px;height:3px;box-shadow:0 0 9px #b9ceff;background:#d6e3ff}.trail-two{left:67%;top:9%;width:110px;animation-duration:29s;animation-delay:-13s;animation-direction:normal}.trail-three{left:35%;top:3%;width:90px;animation-duration:37s;animation-delay:-25s}.ambient-particle{width:2px;height:2px;background:#c2d6ff;box-shadow:0 0 6px #6489e866;animation:star-shimmer 7s ease-in-out infinite alternate;opacity:.3}.particle-two{animation-duration:11s;animation-delay:-3s}.particle-three{animation-duration:9s;animation-delay:-6s}.particle-four{animation-duration:13s;animation-delay:-2s}.particle-five{animation-duration:8s;animation-delay:-5s}.particle-six{animation-duration:12s;animation-delay:-8s}@keyframes space-drift{from{transform:translate(0,0)}to{transform:translate(32px,55px)}}@keyframes space-twinkle{from{opacity:.25;transform:translate(0,0)}to{opacity:.65;transform:translate(-10px,15px)}}@keyframes nebula-breathe{from{transform:translate(-15px,0) scale(1);opacity:.55}to{transform:translate(25px,-20px) scale(1.08);opacity:.9}}@keyframes star-shimmer{from{opacity:.12;scale:.7}to{opacity:.65;scale:1}}@keyframes space-meteor{0%,82%{opacity:0;transform:translate(0,0) rotate(38deg)}83%{opacity:.65}87%{opacity:0;transform:translate(440px,345px) rotate(38deg)}100%{opacity:0;transform:translate(440px,345px) rotate(38deg)}}@media(max-width:600px){.ambient-grid{opacity:.55;background-size:263px 227px,337px 313px,293px 359px,431px 383px}.ambient-scene:before{left:-80px;right:-80px;opacity:.4}.ambient-scene:after{inset:-15%;opacity:.6}.trail-two{left:30%;top:22%}.trail-three{display:none}.ambient-trail{width:90px}.ambient-particle{display:block}.particle-four,.particle-six{display:none}}@media(prefers-reduced-motion:reduce){.ambient-grid,.ambient-scene:before,.ambient-scene:after,.ambient-particle{animation:none!important;transform:none!important;opacity:.4}.ambient-trail,.trail-two,.trail-three{display:none!important}}

/* Translucent navigation over the star field. */
.shell aside{background:rgba(17,23,30,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-right-color:rgba(150,162,180,.1)}
@media(max-width:600px){.shell aside{background:rgba(17,23,30,.64)}}

/* Saturn-inspired rings layered into the star field. */
.saturn-system{position:absolute;width:640px;height:640px;pointer-events:none;opacity:.65}.saturn-left{left:-390px;top:13%;transform:rotate(-24deg)}.saturn-right{right:-430px;bottom:-150px;width:760px;height:760px;transform:rotate(29deg);opacity:.45}.saturn-plane{position:absolute;inset:0;transform:rotateX(66deg);transform-style:preserve-3d}.saturn-plane>i{position:absolute;inset:10%;border-radius:50%;border:1px solid #92b2ff34;box-shadow:0 0 14px #6489e809,inset 0 0 12px #6489e805}.saturn-plane>i:nth-child(2){inset:17%;border:8px solid #6489e80a;outline:1px solid #a6bfff17;box-shadow:0 0 0 5px #6489e805}.saturn-plane>i:nth-child(3){inset:24%;border-color:#9cbaff26}.saturn-core{position:absolute;inset:39%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#6489e824,#1a253a55 60%,#10141900 75%);box-shadow:0 0 50px #6489e80b}.saturn-orbiter{position:absolute;inset:10%;border-radius:50%;border:1px solid transparent;border-top-color:#a6c1ff3b;animation:saturn-orbit 52s linear infinite}.saturn-orbiter:after{content:"";position:absolute;left:14.5%;top:14.5%;width:5px;height:5px;border-radius:50%;background:#adc7ff;box-shadow:0 0 13px #8aaeff99}.saturn-right .saturn-orbiter{animation-duration:71s;animation-direction:reverse}.saturn-plane>i:nth-child(2){animation:saturn-ring-light 14s ease-in-out infinite alternate}.saturn-right .saturn-plane>i:nth-child(2){animation-delay:-7s}@keyframes saturn-orbit{to{transform:rotate(360deg)}}@keyframes saturn-ring-light{from{opacity:.35}to{opacity:.9}}@media(max-width:600px){.saturn-left{left:-490px;top:20%;opacity:.4}.saturn-right{right:-620px;bottom:0;opacity:.35}}@media(prefers-reduced-motion:reduce){.saturn-orbiter,.saturn-plane>i{animation:none!important}}

/* Stronger Saturn accents. */
.saturn-left{left:-260px;top:9%;opacity:.95}.saturn-right{right:-300px;bottom:-80px;opacity:.8}.saturn-plane>i{border-width:2px;border-color:#92b2ff77;box-shadow:0 0 22px #6489e81a,inset 0 0 16px #6489e80d}.saturn-plane>i:nth-child(2){border:12px solid #6489e825;outline:1px solid #b5ccff55;box-shadow:0 0 0 7px #6489e80c,0 0 32px #6489e818}.saturn-plane>i:nth-child(3){border-color:#aac5ff66}.saturn-core{inset:36%;background:radial-gradient(circle at 32% 28%,#8aaaff55,#34476688 48%,#10141911 76%);box-shadow:0 0 65px #6489e825}.saturn-orbiter{border-top:2px solid #b7cfffaa}.saturn-orbiter:after{width:7px;height:7px;background:#d1e0ff;box-shadow:0 0 16px #a0bdff,0 0 32px #6489e877}@keyframes saturn-ring-light{from{opacity:.65}to{opacity:1}}@media(max-width:600px){.saturn-left{left:-425px;opacity:.75}.saturn-right{right:-540px;opacity:.65}}


/* Compose space objects around the workspace, clear of the sidebar. */
body:has(.shell) .saturn-left{left:auto;right:-210px;top:-235px;transform:rotate(-27deg);opacity:.78}body:has(.shell) .saturn-right{left:270px;right:auto;bottom:-420px;transform:rotate(22deg);opacity:.62}body:has(.shell) .ambient-scene{clip-path:inset(0 0 0 250px)}body:has(.subscription-shell) .saturn-left{left:-355px;top:4%;opacity:.75}body:has(.subscription-shell) .saturn-right{right:-380px;bottom:-190px;opacity:.65}@media(max-width:1000px){body:has(.shell) .ambient-scene{clip-path:inset(0 0 0 215px)}body:has(.shell) .saturn-left{right:-330px;top:-245px}body:has(.shell) .saturn-right{left:190px;bottom:-470px}}@media(max-width:600px){body:has(.shell) .ambient-scene{clip-path:none}body:has(.shell) .saturn-left{right:-465px;top:160px;opacity:.55}body:has(.shell) .saturn-right{left:-470px;bottom:-370px;opacity:.45}body:has(.subscription-shell) .saturn-left{left:-460px;top:90px;opacity:.55}body:has(.subscription-shell) .saturn-right{right:-560px;bottom:-200px;opacity:.5}}

body:has(.shell) .ambient-scene{clip-path:none}

/* Quiet planetary accents: preserve depth without competing with content. */
.saturn-system{filter:brightness(.68) saturate(.85)}.saturn-orbiter:after{background:#aec2e9;box-shadow:0 0 10px #8aa4d577,0 0 20px #6489e833}.saturn-core{box-shadow:0 0 45px #6489e812}.saturn-plane>i{box-shadow:0 0 14px #6489e80b,inset 0 0 12px #6489e806}


/* Readability pass: opaque data surfaces and stronger secondary text. */
.shell{--muted:#A5B1C3}.shell article{background:linear-gradient(140deg,#1a2330,#161d26 75%)}.shell article p{color:#a5b1c3}.shell .page-heading p,.shell main>p{color:#a5b1c3}.shell .notice,.shell .notice-detail{color:#9eacc0}.shell .workspace>header{color:#a5b1c3}.shell .nav-label{color:#99a8be}.shell .workspace-switch,.shell .advanced-nav{color:#a0aec2}.shell .billing-facts small,.shell .traffic-table th,.shell .budget-caption,.shell .server-values small{color:#adb9cb}.shell .traffic-table td{font-size:13px;color:#e1e8f3}.shell .traffic-table small{color:#a5b1c3;font-size:11px}.shell .caption{font-size:11px;line-height:1.8}.shell .traffic-table tbody tr:hover{background:#6489e808}.admin-workspace .notice{margin-bottom:26px}.admin-workspace .eyebrow{color:#9db8fa}.admin-workspace .metrics>article:hover,.admin-workspace .server-card:hover{translate:none}.admin-workspace article:hover{box-shadow:0 12px 40px #00000010,inset 0 1px #ffffff03}.admin-workspace .metric-icon .ui-icon{animation:none}.admin-workspace .expiry-value{font-size:23px!important}.admin-workspace .server-action{font-size:11px}.admin-workspace .budget-caption{font-size:12px}

/* Client readability: retain guidance while keeping space behind content. */
.subscription-shell{--muted:#A5B1C3}.subscription-shell article{background:linear-gradient(140deg,#1a2330,#161d26 75%)}.subscription-shell .subscription-status{background:radial-gradient(ellipse at 90% 0,#6489e81a,transparent 65%),linear-gradient(140deg,#1b2534,#161d26 65%)}.subscription-shell .subscription-intro>p:last-child{color:#adb9cb}.subscription-shell .plan-caption,.subscription-shell .subscription-expiry small{color:#a9b7cb}.subscription-shell .subscription-expiry>span{color:#b1bfd3;background:#111923;border-color:#ffffff09}.subscription-shell .location-identity small,.subscription-shell .location-count{color:#a7b5c9}.subscription-shell .setup-duration{color:#a9b7ca;background:#151d28}.subscription-shell .device-symbol{color:#a9b7cb}.subscription-shell .device-name{color:#b8c5d8}.subscription-shell .platform-option.selected .device-name{color:#d4e0ff}.subscription-shell .subscription-steps h3{color:#e7edf7}.subscription-shell .subscription-steps p{color:#a9b6ca;font-size:12px}.subscription-shell .subscription-steps button:disabled{color:#a9b8cf;background:#253249;opacity:1}.subscription-shell .subscription-setup .notice{color:#a5b3c8;background:#131b25;border-color:#ffffff0a;font-size:11px}.subscription-shell .subscription-advanced summary{color:#b2c1d8}.subscription-shell .subscription-advanced p,.subscription-shell .subscription-advanced label{color:#a9b7cb;font-size:12px}.subscription-shell .subscription-advanced select:disabled{color:#afbdd1;-webkit-text-fill-color:#afbdd1;background-color:#111923;opacity:1}.subscription-shell .faq summary{color:#c2cee0}.subscription-shell .faq p{color:#aab8cd;font-size:12px;line-height:1.9}.subscription-shell .subscription-bottom span{color:#a4b2c7;font-size:11px;line-height:1.8}.subscription-shell footer,.subscription-shell footer span{color:#97a6bd}.subscription-shell .subscription-route{background:#141d29}.subscription-shell .location-count>span{color:#8798b2}.user-workspace .hero p{color:#b0bdd0}.user-workspace .hero .caption{color:#a5b4ca}.user-workspace .plan-mini p{color:#a8b6cb}.user-workspace .advanced-panel summary .muted{color:#a6b5ca}.user-workspace .server-card p,.user-workspace .server-action.muted{color:#a8b7cc}.user-workspace .protocol-chip{color:#bac8dc}.user-workspace .chart small,.user-workspace .chart span{color:#b1bfd2}.user-workspace .faq summary{color:#d4deed}.user-workspace .metrics>article:hover,.user-workspace .server-card:hover{translate:none}.subscription-shell .platform-option:hover{translate:0 -1px}.subscription-shell .subscription-bottom a{color:#b4cafa}@media(max-width:600px){.subscription-shell .subscription-intro>p:last-child{font-size:12px}.subscription-shell .subscription-steps p,.subscription-shell .faq p{font-size:12px}.subscription-shell .subscription-bottom span{font-size:11px}.subscription-shell .location-identity small{font-size:10px}.user-workspace article p{font-size:12px}}


/* Task-oriented client layout */
.client-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}.shell .client-connect{padding:30px;background:radial-gradient(ellipse at 0 0,#6489e81c,transparent 70%),#161d26}.client-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#6489e814;border:1px solid #6489e824;color:#abc3ff;border-radius:14px}.client-feature-icon .ui-icon{width:23px;height:23px}.client-connect .eyebrow{margin-top:24px}.shell .client-connect h2{font-size:26px;line-height:1.3;letter-spacing:-.7px;max-width:300px}.client-connect p{max-width:390px}.client-connect .button{margin-top:14px}.shell .button .ui-icon{width:17px;height:17px}.client-route{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff08;padding-top:20px;margin-top:28px;font-size:12px}.client-route>.ui-icon{width:20px;color:#95b0ee}.client-route small{display:block;font-size:10px;margin-top:5px}.shell .client-plan{padding:30px;display:flex;flex-direction:column;align-items:flex-start}.client-plan .heading{width:100%;margin-bottom:16px}.client-plan .heading h2{font-size:17px}.client-plan h3{font-size:32px;font-weight:500;letter-spacing:-.7px;margin:8px 0 32px}.client-plan .expiry-value{margin:12px 0 0}.client-plan .button{margin-top:auto}.client-plan>p{margin-bottom:26px}.shell .client-return{display:flex;align-items:center;gap:20px;padding:24px 28px;margin-bottom:24px}.client-return>div{flex:1}.client-return h2{font-size:16px;margin:0 0 8px}.client-return p{max-width:580px;margin:0}.client-return>a{font-size:11px;white-space:nowrap}.client-help-link{display:flex;align-items:center;gap:8px;font-size:11px}.client-help-link .ui-icon{width:17px;height:17px}.client-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.client-shortcuts>a{display:flex;align-items:center;gap:14px;padding:22px;border:1px solid #ffffff08;border-radius:18px;background:#161d26;font-size:12px;color:#d2def0;transition:border-color .2s}.client-shortcuts>a:hover{border-color:#6489e844}.client-shortcuts>a>.ui-icon{width:20px;color:#99b4ef}.client-shortcuts>a>.ui-icon:last-child{margin-left:auto;width:16px}.client-shortcuts small{display:block;font-size:10px;margin-top:6px;line-height:1.7}.admin-preview-link{display:inline-block;margin-left:16px;color:#94a4be}.user-workspace .profile .ui-icon{width:17px}.user-workspace .plan-mini{display:none}.user-workspace .aside-bottom{padding-top:24px}.client-overview>article{animation:workspace-reveal .45s ease-out both}@media(max-width:1050px){.client-overview{grid-template-columns:1fr}.client-plan h3{margin-bottom:24px}.client-return{flex-wrap:wrap}.client-return>a{margin-left:64px}.client-shortcuts{grid-template-columns:1fr;gap:14px}}@media(max-width:600px){.client-overview{gap:16px;margin-bottom:16px}.shell .client-connect,.shell .client-plan{padding:24px}.shell .client-connect h2{font-size:25px}.shell .client-return{padding:23px;align-items:flex-start;gap:14px;margin-bottom:16px}.client-return .client-feature-icon{display:none}.client-return>a{margin-left:0}.client-return>div{flex-basis:100%}.client-shortcuts>a{padding:20px}.user-workspace .profile{display:flex;padding:12px 0 0;margin-top:10px;border-top:1px solid #ffffff08}.user-workspace .profile small{display:none}.user-workspace .aside-bottom{padding-top:0}.user-workspace .advanced-nav{margin-bottom:0}.client-help-link{font-size:11px}.client-plan .button{margin-top:4px}}

.nav-disabled{display:flex;align-items:center;gap:12px;padding:14px;color:#758196;font-size:11px;cursor:not-allowed}.nav-disabled .ui-icon{width:19px}.tariff-nav{display:flex;align-items:center;gap:10px;padding:14px;margin-bottom:14px;border:1px solid #6489e833;border-radius:12px;color:#bdd0fc;font-size:12px;background:#6489e80b}.tariff-nav .ui-icon{width:18px}.tariff-nav .ui-icon:last-child{margin-left:auto}.purchase-steps{padding-left:20px;color:#b2bfd2;line-height:1.9;font-size:13px}.purchase-steps li{padding:8px 0}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#070b12cc;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.install-dialog{position:relative;width:620px;max-width:100%;max-height:90vh;overflow:auto;padding:36px;background:#161d26;border:1px solid #6489e833;border-radius:24px;box-shadow:0 30px 100px #0008}.dialog-close{position:absolute;right:16px;top:14px}.dialog-decline{text-align:center;margin-top:24px}.dialog-decline button{font-size:11px}.device-details{border-top:1px solid #ffffff0b;padding:18px 0}.device-details summary{display:flex;align-items:center;gap:14px;cursor:pointer;font-size:13px}.device-details summary small{display:block;margin-top:6px}.device-details summary>.badge{margin-left:auto}.device-details .billing-facts{margin-top:20px}.device-details .billing-facts strong{font-size:12px}@media(max-width:600px){.install-dialog{padding:28px 22px}.tariff-nav{margin:12px 0}.device-details summary{gap:9px}}

.onboarding-guide>.button{margin:16px 0;display:flex;width:max-content}.onboarding-guide>a:not(.button){display:block;margin-top:16px}.current-plan{margin-bottom:24px}.modal-backdrop{background:rgba(2,5,12,.94);backdrop-filter:blur(12px)}.install-dialog{width:850px;min-height:460px;padding:54px;display:flex;flex-direction:column}.install-dialog h2{font-size:30px}.install-dialog .platform-grid{margin:30px 0;gap:20px}.install-dialog .platform-option{min-height:100px}.dialog-decline{margin-top:auto}.route-line i{display:none}.route-line{height:1px;background:linear-gradient(90deg,transparent,#8baaff66,transparent)}.route-line:after{width:12px;height:2px;margin-top:-1px;border-radius:4px;box-shadow:0 0 8px #6489e877}.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.ops-tile{display:block;padding:26px;border:1px solid #ffffff0c;border-radius:20px;background:#161d26;color:#dce6f7;transition:border-color .2s}.ops-tile:hover{border-color:#6489e866}.ops-tile>.ui-icon{color:#9cb8fc}.ops-tile h2{font-size:18px}.ops-tile p,.ops-tile>span{font-size:12px;color:#a5b5cd}.anomaly-row{display:flex;gap:20px;padding:14px 12px;border-bottom:1px solid #ffffff0a;font-size:12px}.anomaly-row>span:last-child{margin-left:auto}.offline{--severity:#8b96a8}.low{--severity:#c2ee94}.medium{--severity:#76c77b}.warning{--severity:#eda653}.high{--severity:#e78552}.critical{--severity:#d75c69}.anomaly-row,.traffic-table tr{border-left:3px solid var(--severity,transparent)}.anomaly-row strong,.traffic-table tr[class] td:nth-child(3){color:var(--severity,#b3bfd3)}.planner-task{padding:16px 0;border-bottom:1px solid #ffffff10}.planner-task strong{display:block}.traffic-chart-row{display:flex;align-items:center;gap:14px;margin:18px 0;font-size:11px}.traffic-chart-row>span{width:110px;flex-shrink:0}.traffic-chart-row strong{width:80px;flex-shrink:0}.donut{width:170px;height:170px;margin:20px auto;border-radius:50%;background:conic-gradient(#6489e8 var(--share),#303c50 0);display:grid;place-items:center}.donut>span{display:grid;place-items:center;background:#161d26;width:125px;height:125px;border-radius:50%;font-size:22px}.admin-workspace .traffic-table-wrap{margin:24px 0}.admin-workspace .filter-toolbar input{margin:0}.billing-facts strong{display:block;margin-top:8px}pre{white-space:pre-wrap;color:#b6c7df;line-height:1.8}@media(max-width:1000px){.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ops-grid{grid-template-columns:1fr}.install-dialog{padding:30px 24px;min-height:420px}.install-dialog h2{font-size:24px}.install-dialog .platform-grid{grid-template-columns:1fr}.install-dialog .platform-option{min-height:60px}.anomaly-row{flex-wrap:wrap;gap:8px}.traffic-chart-row>span{width:80px}}

/* Installation dialog uses the browser top layer, outside animated card stacking contexts. */
.install-modal.modal-backdrop{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:24px;background:transparent;backdrop-filter:none;overflow:auto;color:var(--text)}.install-modal:not([open]){display:none}.install-modal[open]{display:flex;align-items:center;justify-content:center}.install-modal::backdrop{background:rgba(5,9,16,.54);backdrop-filter:blur(4px)}.install-modal .install-dialog{width:680px;max-width:100%;min-height:0;max-height:calc(100dvh - 48px);padding:32px;border:1px solid #6489e830;border-radius:24px;box-shadow:0 28px 100px #0006;background:linear-gradient(145deg,#1c2634,#161d26 70%);display:block;overflow:auto;outline:none}.install-modal .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 16px;color:#9db8f8}.install-modal .install-dialog h2{font-size:27px;font-weight:550;letter-spacing:-.7px;line-height:1.25;margin:0 0 14px;max-width:none}.install-modal .install-dialog>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#aab8cc;max-width:none;margin:0 0 20px}.install-modal .platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.install-modal .platform-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:142px;padding:20px 12px;background:#111923;border:1px solid #ffffff0c;border-radius:16px;color:#dce6f7;box-shadow:none;translate:none;transform:none}.install-modal .platform-option:hover{background:#6489e815!important;border-color:#6489e866;translate:0 -2px;box-shadow:0 8px 20px #0002}.install-os-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#6489e811;color:#aac4ff}.install-os-icon .ui-icon{width:25px;height:25px}.install-modal .platform-option strong{font-size:13px;font-weight:500}.install-modal .platform-option small{font-size:10px;color:#91a1b8}.install-modal .install-dialog .caption{font-size:10px!important;padding:12px 14px;border:1px solid #ffffff08;border-radius:10px;background:#10141944;margin:0!important}.install-modal .dialog-decline{text-align:center;margin-top:20px}.install-modal .dialog-decline button{font-size:11px;min-height:32px;padding:8px 12px;background:transparent;color:#a6b8d4;box-shadow:none}.install-modal .install-dialog .install-feedback{padding:12px 14px;background:#6489e80c;border-radius:10px;font-size:11px;margin-bottom:16px}.install-modal .platform-option:focus-visible{outline:2px solid #8eafff;outline-offset:3px}body:has(.install-modal[open]){overflow:hidden}@media(max-width:600px){.install-modal.modal-backdrop{padding:16px}.install-modal .install-dialog{padding:25px 20px;border-radius:20px;max-height:calc(100dvh - 32px)}.install-modal .install-dialog h2{font-size:23px}.install-modal .platform-grid{gap:8px}.install-modal .platform-option{min-height:128px;padding:16px 4px;gap:10px}.install-modal .platform-option strong{font-size:11px}.install-modal .platform-option small{font-size:8px}.install-os-icon{width:36px;height:36px}.install-os-icon .ui-icon{width:22px;height:22px}}