:root{
  --bg:#f7f9fc;--bg-2:#eef4fb;--surface:rgba(255,255,255,.86);--surface-strong:#fff;--line:rgba(20,52,92,.13);
  --text:#122033;--muted:#5d6c82;--muted-2:#7b8899;--brand:#006fc9;--brand-2:#6c4dff;--ok:#0f9f68;--warn:#c47b00;--danger:#d94b4b;
  --shadow:0 24px 80px rgba(24,60,104,.14);--radius:24px;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(0,111,201,.13),transparent 32rem),radial-gradient(circle at 72% 16%,rgba(108,77,255,.12),transparent 28rem),linear-gradient(180deg,var(--bg) 0%,#fff 48%,#f2f6fb 100%);min-height:100vh}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}.noise{pointer-events:none;position:fixed;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");z-index:0}header{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(255,255,255,.78);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:1.45rem}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 14px 35px rgba(0,111,201,.28);display:grid;place-items:center;color:white;font-weight:900}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.94rem}.nav-links a{padding:10px 8px;border-radius:12px}.nav-links a:hover,.nav-links a.active{color:var(--brand);background:rgba(0,111,201,.08)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:700;font-size:.94rem;cursor:pointer;transition:.2s ease;background:var(--surface-strong);color:var(--text);box-shadow:0 8px 24px rgba(24,60,104,.1);border:1px solid var(--line)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(24,60,104,.14)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.btn.ghost{background:transparent;box-shadow:none}.btn.danger{color:white;background:linear-gradient(135deg,#d94b4b,#f07b55);border-color:transparent}.page{position:relative;z-index:1}.hero{padding:86px 0 58px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;margin-bottom:18px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);color:var(--brand);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.hero h1,.section-title h2{letter-spacing:-.06em;line-height:.95;margin:0}.hero h1{font-size:clamp(3rem,7vw,6.6rem);max-width:850px}.gradient{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.18rem;line-height:1.7;color:var(--muted);max-width:680px;margin:24px 0 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.stat,.card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(16px)}.stat{padding:18px}.stat strong{font-size:1.45rem;display:block}.stat span,.muted{color:var(--muted);font-size:.94rem}.hero-card{padding:24px}.terminal{font-family:"SFMono-Regular",Consolas,monospace;border-radius:20px;background:#f9fbff;border:1px solid var(--line);padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.term-dots{display:flex;gap:7px;margin-bottom:14px}.term-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.term-line{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:#334766;font-size:.9rem}.term-line b{color:var(--ok)}section{padding:54px 0}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-title h2{font-size:clamp(2rem,4vw,3.8rem)}.section-title p{color:var(--muted);max-width:520px;line-height:1.65;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:24px}.icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(108,77,255,.12));color:var(--brand);font-weight:900;margin-bottom:18px}.card h3{font-size:1.25rem;margin:0 0 10px}.card p{color:var(--muted);line-height:1.6}.price{display:flex;align-items:flex-end;gap:7px;margin:18px 0}.price strong{font-size:2.35rem;letter-spacing:-.05em}.tag{display:inline-flex;align-items:center;border-radius:999px;background:rgba(0,111,201,.09);color:var(--brand);padding:7px 11px;font-size:.82rem;font-weight:800}.features{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;color:var(--muted)}.features li:before{content:"✓";color:var(--ok);font-weight:900;margin-right:8px}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-weight:800;font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:white;color:var(--text);font:inherit;outline:none}.field textarea{min-height:140px;resize:vertical}.auth{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:60px 0}.auth-card{width:min(480px,100%);padding:30px}.auth-card h1{font-size:2.6rem;letter-spacing:-.06em;margin:0 0 8px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.table td{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ok);margin-right:8px}.status-dot.warn{background:var(--warn)}.status-dot.danger{background:var(--danger)}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}.sidebar{padding:18px;height:max-content}.side-link{display:flex;justify-content:space-between;padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:700}.side-link.active,.side-link:hover{background:rgba(0,111,201,.08);color:var(--brand)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:18px}.metric b{font-size:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.mini-chart{height:160px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);padding:12px}.bars{display:flex;align-items:end;height:100%;gap:8px}.bars i{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(0,111,201,.7),rgba(108,77,255,.45))}.line-chart svg{width:100%;height:100%}.faq details{background:white;border:1px solid var(--line);border-radius:18px;padding:18px}.faq details+details{margin-top:12px}.faq summary{font-weight:800;cursor:pointer}.footer{margin-top:56px;padding:40px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:22px}.footer a{display:block;margin:8px 0}.footer h4{color:var(--text);margin:0 0 12px}.center{text-align:center}.spacer{height:20px}@media(max-width:900px){.hero-grid,.grid-3,.grid-2,.dashboard-layout,.footer-grid{grid-template-columns:1fr}.nav{align-items:flex-start;padding:16px 0;flex-direction:column}.nav-links{flex-wrap:wrap}.metric-grid,.actions-grid,.stat-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:min(100% - 24px,var(--max))}.metric-grid,.actions-grid,.stat-row{grid-template-columns:1fr}.hero{padding-top:48px}.hero h1{font-size:3rem}}


.wallet-balance{font-size:3rem;letter-spacing:-.06em;margin:8px 0}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:800;font-size:.82rem}.invoice-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.8rem}.invoice-status.paid{background:rgba(15,159,104,.1);color:var(--ok)}.invoice-status.open{background:rgba(196,123,0,.12);color:var(--warn)}.invoice-status.overdue{background:rgba(217,75,75,.12);color:var(--danger)}.message{display:flex;gap:12px;margin:14px 0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:white;font-weight:900;flex:0 0 auto}.bubble{background:white;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(24,60,104,.06);flex:1}.bubble .meta{color:var(--muted);font-size:.82rem;margin-bottom:6px}.upload-box{border:1px dashed rgba(0,111,201,.35);border-radius:18px;background:rgba(0,111,201,.04);padding:18px;text-align:center;color:var(--muted);font-weight:700}.kbd{font-family:"SFMono-Regular",Consolas,monospace;background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px 6px;color:var(--text)}

.service-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:rgba(15,159,104,.1);color:var(--ok);font-weight:800;font-size:.8rem}.legal-copy p{line-height:1.7;color:var(--muted)}

.alert{padding:14px 16px;border-radius:16px;margin:14px 0;border:1px solid var(--line);background:white}.alert.ok{border-color:rgba(15,159,104,.25);background:rgba(15,159,104,.08);color:var(--ok)}.alert.error{border-color:rgba(217,75,75,.25);background:rgba(217,75,75,.08);color:var(--danger)}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.8rem;background:rgba(0,111,201,.09);color:var(--brand)}.badge.ok{background:rgba(15,159,104,.1);color:var(--ok)}.badge.warn{background:rgba(196,123,0,.12);color:var(--warn)}.badge.danger{background:rgba(217,75,75,.12);color:var(--danger)}.topline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.money{font-variant-numeric:tabular-nums}.small{font-size:.86rem}.inline-form{display:inline}.btn.small{padding:8px 12px;font-size:.82rem}.nav-user{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.code{font-family:SFMono-Regular,Consolas,monospace;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;overflow:auto}.empty{padding:26px;text-align:center;color:var(--muted);background:white;border:1px dashed var(--line);border-radius:18px}.kbd.danger{color:var(--danger)}


/* Expanded cloud dashboard */
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 14px 38px rgba(24,60,104,.08)}.kpi small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.kpi strong{font-size:2rem;letter-spacing:-.05em}.progress{height:10px;background:#eef4fb;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress i{display:block;height:100%;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:999px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.service-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.hardware-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hardware-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.timeline{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:120px 1fr;gap:12px}.timeline-row div:last-child{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.mono{font-family:SFMono-Regular,Consolas,monospace}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tabs a{padding:10px 14px;border-radius:999px;background:white;border:1px solid var(--line);font-weight:800;color:var(--muted)}.tabs a.active,.tabs a:hover{color:var(--brand);background:rgba(0,111,201,.08)}@media(max-width:900px){.kpi-grid,.dashboard-grid,.hardware-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr}}

/* cybaaspace brand and SEO-ready shell */
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:28px 0 0;position:relative;z-index:1}.app-nav{padding:0 max(20px,calc((100vw - var(--max))/2));}.brand-link{display:inline-flex;align-items:center}.brand-logo{height:48px;width:auto;display:block}.app-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.94rem}.app-links a{padding:10px 10px;border-radius:12px;font-weight:700}.app-links a:hover{color:var(--brand);background:rgba(0,111,201,.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer{width:min(var(--max),calc(100% - 40px));margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{color:var(--text)}.seo-copy{font-size:1rem;line-height:1.7;color:var(--muted);max-width:850px}.hero .card ul{margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}@media(max-width:900px){.app-nav{padding:16px 20px}.brand-logo{height:42px}.app-links{gap:6px}.container{width:min(100% - 24px,var(--max))}}

/* --------------------------------------------------------------------------
   cybaaspace UI polish pass v2
   Normalizes every form/table/control, including admin inline forms.
   -------------------------------------------------------------------------- */
:root{
  --container:1180px;
  --focus:0 0 0 4px rgba(0,111,201,.14);
  --control-bg:#ffffff;
  --control-bg-hover:#f8fbff;
  --control-line:#d8e2ee;
  --control-line-strong:#b9c9dc;
  --soft-shadow:0 12px 38px rgba(24,60,104,.08);
}
body{font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.container,.page,.footer{width:min(var(--container),calc(100% - 40px));margin-inline:auto;}
.container{padding:34px 0 64px;}
main.container > h1:first-child,.container > h1:first-child{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.055em;line-height:1;margin:8px 0 22px;}
h1,h2,h3{color:var(--text)}
.card,.panel,.stat,.auth-card{box-shadow:var(--soft-shadow);}
.card{margin-bottom:18px;}
.card > h2:first-child,.card > h3:first-child{margin-top:0;}

/* Header */
.app-nav{width:100%;min-height:74px;padding:0 max(20px,calc((100vw - var(--container))/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(24,60,104,.04);}
.brand-link{display:inline-flex;align-items:center;gap:12px;min-width:max-content;}
.brand-logo{height:42px;width:auto;display:block;}
.app-links{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.app-links a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 12px;border-radius:999px;color:#506176;font-weight:750;font-size:.88rem;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.app-links a:hover{color:var(--brand);background:rgba(0,111,201,.075);border-color:rgba(0,111,201,.10);transform:translateY(-1px)}
.app-links a.account-pill{background:#fff;border-color:var(--line);box-shadow:0 8px 22px rgba(24,60,104,.06);color:var(--text);}
.nav-ico{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(0,111,201,.10),rgba(108,77,255,.10));color:var(--brand);font-size:.82rem;font-weight:900;line-height:1;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Unified forms: this intentionally targets controls outside .field too. */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,textarea{
  appearance:none;-webkit-appearance:none;width:100%;min-height:44px;border:1px solid var(--control-line);border-radius:14px;padding:11px 14px;background:var(--control-bg);color:var(--text);font:inherit;font-weight:650;outline:none;box-shadow:0 1px 0 rgba(255,255,255,.85),0 7px 20px rgba(24,60,104,.045);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
input::placeholder,textarea::placeholder{color:#96a4b5;font-weight:600;}
select{padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%,100% 0;background-size:5px 5px,5px 5px,2.5em 2.5em;background-repeat:no-repeat;}
textarea{min-height:132px;resize:vertical;}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,select:hover,textarea:hover{border-color:var(--control-line-strong);background:var(--control-bg-hover);}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--focus),0 10px 24px rgba(24,60,104,.08);background:#fff;}
input[style*="width"]{max-width:100%;}
.field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;}
.field label,label{font-weight:850;color:#243349;font-size:.9rem;}
.form{display:grid;gap:14px;}
form.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;}
form.actions input:not([type="hidden"]),form.actions select{width:auto;min-width:128px;flex:1 1 130px;}
form.actions input[name="vmid"]{max-width:110px;flex:0 0 110px;text-align:center;}
form.actions button{flex:0 0 auto;}

/* Buttons */
button,.btn,input[type="submit"]{font:inherit;}
.btn,button:not(.plain){min-height:42px;border-radius:999px;padding:11px 17px;font-weight:850;letter-spacing:-.01em;border:1px solid var(--line);background:#fff;color:var(--text);box-shadow:0 8px 22px rgba(24,60,104,.07);}
.btn:hover,button:not(.plain):hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(24,60,104,.12);}
.btn.primary,button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;}
.btn.danger,button.danger{background:linear-gradient(135deg,#d94b4b,#f07b55);color:#fff;border-color:transparent;}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}

/* Tables and admin screens */
.table{width:100%;border-collapse:separate!important;border-spacing:0 10px;}
.table th{padding:0 14px 4px;text-align:left;color:#748298;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;white-space:nowrap;}
.table td{background:rgba(255,255,255,.92);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;vertical-align:middle;}
.table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px;}
.table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0;}
.table tr:hover td{background:#fff;box-shadow:0 8px 24px rgba(24,60,104,.055);}
.table code,.kbd{white-space:nowrap;}
.admin-toolbar{display:grid;grid-template-columns:1fr;gap:16px;padding:18px;margin-bottom:24px;background:rgba(255,255,255,.86);}
.toolbar-title{display:flex;align-items:center;gap:12px;}
.toolbar-title strong{display:block;font-size:1.04rem;letter-spacing:-.025em;}
.toolbar-title span:not(.icon){display:block;color:var(--muted);font-size:.9rem;}
.icon.sm{width:38px;height:38px;margin:0;border-radius:14px;}
.admin-toolbar .actions{gap:8px;}
.admin-toolbar .btn{min-height:38px;padding:9px 12px;font-size:.86rem;background:#f8fbff;}

/* Status labels / pills */
.pill,.invoice-status,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;border:1px solid transparent;}
.pill{background:#eef6ff;color:#1759b8;border-color:#d7e9ff;}
.ok,.pill.ok,.invoice-status.paid{background:#ecfdf5;color:#047857;border-color:#bbf7d0;}
.warn,.pill.warn,.invoice-status.open{background:#fffbeb;color:#b45309;border-color:#fde68a;}
.danger,.pill.danger,.invoice-status.overdue{background:#fff1f2;color:#be123c;border-color:#fecdd3;}

/* Dashboard refinement */
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.metric{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(24,60,104,.06);}
.metric:before{content:"";display:block;width:38px;height:38px;border-radius:14px;margin-bottom:10px;background:linear-gradient(135deg,rgba(0,111,201,.13),rgba(108,77,255,.13));}
.metric b{display:block;font-size:1.65rem;letter-spacing:-.04em;}
.metric .muted,.metric span{color:var(--muted);}
.dashboard-layout{align-items:start;}
.sidebar{position:sticky;top:94px;border-radius:22px;}
.side-link{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-bottom:4px;}
.side-link:before{content:"◌";width:24px;height:24px;border-radius:9px;display:inline-grid;place-items:center;background:rgba(0,111,201,.08);color:var(--brand);font-size:.8rem;}
.actions-grid .btn{border-radius:16px;min-height:50px;}

/* Better spacing for public pages */
.hero{padding-top:76px;}
.section-title{margin-top:6px;}
.footer{padding:34px 0;margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.footer a{display:inline;margin:0 4px;color:var(--brand);font-weight:750;}

/* Responsive tables become cards */
@media(max-width:920px){
  .app-nav{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px;}
  .app-links{justify-content:flex-start;}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .table{border-spacing:0 12px;}
  .table thead,.table th{display:none;}
  .table tr{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 8px 22px rgba(24,60,104,.05);margin-bottom:12px;}
  .table td{display:block;border:0!important;border-radius:0!important;background:transparent!important;padding:8px 4px;box-shadow:none!important;}
  .table td + td{border-top:1px solid var(--line)!important;}
  form.actions input:not([type="hidden"]),form.actions select,form.actions button{width:100%;flex:1 1 100%;}
  form.actions input[name="vmid"]{max-width:none;flex:1 1 100%;}
}
@media(max-width:560px){
  .container,.page,.footer{width:min(100% - 24px,var(--container));}
  .container{padding-top:22px;}
  .app-links a{font-size:.84rem;padding:8px 10px;}
  .metric-grid{grid-template-columns:1fr;}
  .card{padding:18px;}
}

/* --------------------------------------------------------------------------
   Navigation + dashboard shell polish v3
   Public topbar is intentionally minimal; client/admin navigation lives in a
   left sidebar once the user is inside the control panel.
   -------------------------------------------------------------------------- */
header.nav.app-nav{display:none!important;}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 10px 36px rgba(24,60,104,.055)}
.topbar-inner{width:min(var(--container),calc(100% - 40px));margin-inline:auto;min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.public-nav{display:flex;align-items:center;justify-content:center;gap:8px}
.top-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:999px;color:#506176;font-weight:850;font-size:.92rem;border:1px solid transparent;transition:.18s ease}
.top-link:hover,.top-link.active{background:rgba(0,111,201,.075);border-color:rgba(0,111,201,.11);color:var(--brand);transform:translateY(-1px)}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:max-content}
.icon-btn{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(24,60,104,.07);font-weight:950;color:var(--brand);transition:.18s ease}
.icon-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(24,60,104,.12);background:#f8fbff}
.icon-btn.logout{color:#d94b4b}.icon-btn.dashboard-shortcut{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.icon-btn span{line-height:1}
.wallet-chip{min-height:42px;display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(24,60,104,.07);font-weight:950;color:var(--text)}

/* App shell */
.app-shell{width:min(1440px,calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:292px minmax(0,1fr);gap:22px;padding:28px 0 72px;align-items:start}
.app-content{min-width:0}.app-content > h1:first-child{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.055em;line-height:1;margin:8px 0 22px}.app-content .container{width:100%;padding:0}
.dashboard-sidebar{position:sticky;top:96px;padding:16px;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 12px 38px rgba(24,60,104,.08);margin:0;max-height:calc(100vh - 116px);overflow:auto}
.sidebar-title{display:flex;align-items:center;gap:12px;padding:8px 8px 16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.sidebar-title strong{display:block;font-size:1.04rem;letter-spacing:-.03em}.sidebar-title span:not(.icon){display:block;color:var(--muted);font-size:.86rem}.side-nav{display:grid;gap:6px}.side-link{display:flex!important;align-items:center;gap:11px;justify-content:flex-start!important;margin:0;padding:12px 13px;border-radius:16px;color:#526176;font-weight:900;border:1px solid transparent;transition:.18s ease}.side-link:before{display:none!important}.side-link:hover,.side-link.active{background:linear-gradient(135deg,rgba(0,111,201,.09),rgba(108,77,255,.08));border-color:rgba(0,111,201,.12);color:var(--brand);transform:translateX(2px)}.side-ico{width:30px;height:30px;border-radius:12px;display:inline-grid;place-items:center;background:#fff;border:1px solid rgba(0,111,201,.10);box-shadow:0 5px 16px rgba(24,60,104,.055);color:var(--brand);font-size:.9rem;flex:0 0 auto}.side-link.active .side-ico{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.admin-side .side-link.active .side-ico{background:linear-gradient(135deg,#243349,var(--brand))}
.page-heading{margin-bottom:20px}.page-heading h1{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.06em;line-height:1;margin:8px 0 10px}.eyebrow.small{font-size:.74rem;margin-bottom:0}

/* Make cards align better inside the app shell */
.app-content .card:first-child{margin-top:0}.app-content .grid-2,.app-content .grid-3{align-items:start}.app-content .table{margin-top:8px}.app-content .actions{row-gap:10px}.admin-toolbar{display:none!important}

@media(max-width:1040px){
  .topbar-inner{grid-template-columns:1fr;gap:12px;padding:14px 0}.public-nav{justify-content:flex-start;flex-wrap:wrap}.top-actions{justify-content:flex-start}.app-shell{grid-template-columns:1fr;width:min(var(--container),calc(100% - 32px));padding-top:20px}.dashboard-sidebar{position:relative;top:auto;max-height:none}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .topbar-inner{width:min(100% - 24px,var(--container))}.brand-logo{height:36px}.public-nav{gap:6px}.top-link{font-size:.84rem;padding:8px 10px}.top-link .nav-ico{display:none}.top-actions{gap:7px}.wallet-chip{display:none}.app-shell{width:min(100% - 24px,var(--container));gap:16px}.side-nav{grid-template-columns:1fr}.dashboard-sidebar{padding:12px}.icon-btn{width:40px;height:40px}
}

/* Final dashboard/action polish */
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card-head h2{margin:0 0 4px}.card-head p{margin:0}.dashboard-kpis .kpi{position:relative;overflow:hidden;padding-left:72px}.kpi-icon{position:absolute;left:22px;top:24px;width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(108,77,255,.11));color:var(--brand);font-weight:900}.service-table-card{padding:0;overflow:hidden}.service-table-card .card-head{padding:26px 28px 0}.table-scroll{overflow:auto;width:100%}.service-table{min-width:1120px;margin:0}.service-table th{white-space:nowrap}.service-table td{vertical-align:middle}.server-title{font-weight:900;color:var(--text)}.server-title:hover{color:var(--brand)}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.78rem;text-transform:capitalize;background:#eef4fb;color:#526176;border:1px solid var(--line)}.status-pill.active{background:rgba(15,159,104,.10);color:var(--ok);border-color:rgba(15,159,104,.18)}.status-pill.provisioning,.status-pill.pending{background:rgba(196,123,0,.10);color:var(--warn);border-color:rgba(196,123,0,.18)}.status-pill.suspended{background:rgba(217,75,75,.10);color:var(--danger);border-color:rgba(217,75,75,.18)}.status-pill.terminated,.status-pill.cancelled{background:#f2f4f7;color:#7b8899}.server-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.server-actions.compact{gap:6px;min-width:250px}.action-form{display:inline-flex;align-items:center;gap:8px;margin:0}.action-btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:14px;min-height:38px;padding:9px 12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 8px 20px rgba(24,60,104,.07);transition:.18s ease}.action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(24,60,104,.12);color:var(--brand)}.action-btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.action-btn.success{color:var(--ok);background:rgba(15,159,104,.08);border-color:rgba(15,159,104,.14)}.action-btn.danger{background:rgba(217,75,75,.09);color:var(--danger);border-color:rgba(217,75,75,.16)}.action-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#d94b4b,#f07b55);color:#fff}.action-btn:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.action-btn.icon-only{width:38px;height:38px;padding:0;border-radius:13px}.action-btn.icon-only .action-label{display:none}.action-icon{font-size:.95rem;line-height:1}.compact-select{min-height:38px;border-radius:14px;border:1px solid var(--line);padding:0 12px;background:#fff;color:var(--text);font-weight:800}.state-note{display:inline-flex;align-items:center;border-radius:999px;padding:9px 12px;background:rgba(196,123,0,.10);color:var(--warn);font-weight:900;border:1px solid rgba(196,123,0,.16)}.copy-btn{margin-left:7px;border:1px solid rgba(0,111,201,.13);background:#fff;color:var(--brand);width:30px;height:30px;border-radius:11px;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(24,60,104,.07);font-size:.86rem}.copy-btn:hover,.copy-btn.copied{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.secret{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;letter-spacing:.04em;background:#f5f8fc;border:1px solid var(--line);border-radius:10px;padding:6px 8px;display:inline-block;min-width:110px}.secret.shown{letter-spacing:0;color:var(--text)}.quick-amounts{display:flex;flex-wrap:wrap;gap:8px;margin-top:-6px}.wallet-card{text-align:center}.wallet-card .icon.xl{width:58px;height:58px;margin:0 auto 12px;font-size:1.4rem}.alert.danger{border-color:rgba(217,75,75,.24);background:rgba(217,75,75,.08);color:var(--danger)}
@media(max-width:760px){.card-head{display:block}.service-table-card .card-head{padding:22px 20px 0}.dashboard-kpis .kpi{padding-left:64px}.server-actions.compact{min-width:210px}.action-btn.icon-only{width:36px;height:36px}}

/* --------------------------------------------------------------------------
   cybaaspace polish v3: package cards, copy controls, top-up stability
   -------------------------------------------------------------------------- */
.pricing-landing{padding:26px 0 64px}.pricing-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.pricing-topline h1{font-size:clamp(2.8rem,6vw,5.6rem);letter-spacing:-.07em;line-height:.92;margin:10px 0 0}.pricing-topline .lead{max-width:720px}.package-tabs{display:inline-flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 12px 34px rgba(24,60,104,.08)}.package-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:999px;font-weight:900;color:var(--muted)}.package-tabs a.active,.package-tabs a:hover{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#121417;border-radius:30px;overflow:hidden;box-shadow:0 28px 90px rgba(16,29,48,.22);border:1px solid rgba(255,255,255,.08)}.pricing-card{background:#151719;color:#fff;min-height:510px;position:relative}.pricing-card:not(:last-child){border-right:1px solid rgba(255,255,255,.16)}.pricing-card-inner{height:100%;padding:40px 34px;display:flex;flex-direction:column}.pricing-card h2{color:#fff;font-size:clamp(2.3rem,4.6vw,3.7rem);letter-spacing:-.075em;line-height:.92;margin:0 0 26px}.package-price{display:flex;align-items:flex-end;gap:6px;margin:0 0 32px}.package-price span{font-size:1.5rem;color:#fff200;font-weight:950;line-height:1.1}.package-price strong{font-size:clamp(2.6rem,5vw,4.3rem);line-height:.82;letter-spacing:-.08em;color:#fff200;text-shadow:0 4px 0 rgba(43,49,115,.55)}.package-price em{font-style:normal;color:#aab1bd;margin-bottom:7px}.package-order{display:inline-flex;align-items:center;justify-content:center;width:min(190px,100%);min-height:54px;border-radius:9px;background:#1d1f22;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#fff200;font-weight:950;text-transform:capitalize;margin-bottom:34px}.package-order:hover{background:#24272b;transform:translateY(-1px)}.package-features{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:20px;color:#f3f5f7;font-weight:760}.package-features li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.package-features li::before{content:'✓';color:#38f078;font-weight:1000;line-height:1}@media(max-width:1050px){.pricing-grid{grid-template-columns:1fr}.pricing-card:not(:last-child){border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.pricing-card{min-height:auto}.pricing-card-inner{padding:34px 26px}.pricing-topline{align-items:flex-start;flex-direction:column}}@media(min-width:1051px){.pricing-grid:has(.pricing-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid:has(.pricing-card:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}

.copy-btn{margin-left:6px;vertical-align:middle;border:1px solid rgba(0,111,201,.14)!important;background:#fff!important;color:var(--brand)!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:0!important;box-shadow:0 6px 16px rgba(24,60,104,.07)!important;transform:none!important}.copy-btn::before{content:'⧉';font-size:14px;line-height:1;display:block}.copy-btn.reveal-btn::before{content:'👁';font-size:13px}.copy-btn:hover,.copy-btn.copied{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(0,111,201,.18)!important}.copy-btn.copied::before{content:'✓'}td .mono,td .secret{vertical-align:middle}.secret{min-height:34px;display:inline-flex!important;align-items:center}.server-actions.compact{gap:7px}.action-btn.icon-only{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:12px!important;padding:0!important}.action-btn.icon-only .action-icon{font-size:14px;display:block;line-height:1}.state-note{white-space:nowrap}.add-funds-grid{align-items:stretch}.compact-head{align-items:center}.panel-icon{width:46px;height:46px;border-radius:16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(108,77,255,.12));color:var(--brand);font-weight:950}.solo-price{justify-content:center}.solo-price strong{font-size:3rem}.mini-list{display:grid;gap:9px;margin-top:18px;color:var(--muted);font-weight:750}.quick-amounts .btn{min-width:82px}

/* Route/sidebar and add-funds polish */
.add-balance-btn{width:max-content;min-width:172px;min-height:48px!important;padding:0 24px!important;border-radius:999px!important;gap:10px!important;align-self:flex-start;line-height:1!important;}
.add-balance-btn .btn-icon{width:22px;height:22px;border-radius:8px;display:inline-grid;place-items:center;background:rgba(255,255,255,.18);line-height:1;font-size:15px;font-weight:950;}
.form-stack .add-balance-btn{margin-top:2px;}
@media(max-width:560px){.add-balance-btn{width:100%;}}

/* cybaaspace copy controls fix: works on HTTPS, localhost and plain HTTP testing */
.copy-btn{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin-left:8px!important;
  vertical-align:middle!important;
  line-height:1!important;
  text-align:center!important;
  user-select:none!important;
}
.copy-btn.copied::before{content:'✓'!important;font-size:15px!important;font-weight:900!important;line-height:1!important;}
.copy-btn.copy-failed{background:rgba(217,75,75,.1)!important;color:var(--danger)!important;border-color:rgba(217,75,75,.22)!important;}
.copy-btn.copy-failed::before{content:'!'!important;font-size:15px!important;font-weight:900!important;line-height:1!important;}
.copy-btn.reveal-btn.active{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;color:#fff!important;border-color:transparent!important;}
.copy-btn span,.copy-btn svg{pointer-events:none!important;}
.secret,.mono{vertical-align:middle!important;}

/* Live dashboard polling states */
.live-status-wrap{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.state-dot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 4px rgba(100,116,139,.12);background:#94a3b8;flex:0 0 auto}
.state-dot.online{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.14)}
.state-dot.offline{background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.14)}
.state-dot.provisioning{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.14);animation:cybaaPulse 1.1s ease-in-out infinite}
.state-dot.suspended{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.16)}
.state-dot.unknown{background:#94a3b8}
@keyframes cybaaPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.35);opacity:1}}
.small{font-size:12px}.live-power-state{margin-top:7px}.live-error{color:#b91c1c;margin-top:6px}
.provision-progress{min-width:150px;margin-top:9px}.provision-progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;border:1px solid #dbe4ef}.provision-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:inherit;transition:width .35s ease}
tr[data-service-status="provisioning"] .action-buttons, tr[data-service-status="pending"] .action-buttons{opacity:.65;pointer-events:none}
[data-live-status] .status-pill{vertical-align:middle}

/* --------------------------------------------------------------------------
   cybaaspace clean cloud dashboard and service detail polish
   -------------------------------------------------------------------------- */
.clean-cloud-card{padding:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line);}
.clean-cloud-card .card-head{padding:22px 26px 12px;margin:0;border-bottom:1px solid #edf1f6;}
.cloud-table{width:100%;border-collapse:collapse;background:#fff;}
.cloud-table th{padding:14px 22px;text-align:left;color:#16223a;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;background:#fbfcfe;border-bottom:1px solid #dfe6ef;white-space:nowrap;}
.cloud-table td{padding:20px 22px;border-bottom:1px solid #edf1f6;vertical-align:middle;background:#fff;}
.cloud-table tr:hover td{background:#fbfdff;}
.cloud-table .actions-col{text-align:right;min-width:260px;}
.server-cell{display:flex;align-items:center;gap:18px;min-width:310px;}
.server-os-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7a1a,#ffb15e);color:#fff;font-size:1.25rem;box-shadow:0 9px 20px rgba(255,122,26,.22);flex:0 0 auto;}
.server-os-icon.large{width:58px;height:58px;border-radius:17px;font-size:1.7rem;}
.server-title{font-weight:950;color:#101b2f;letter-spacing:-.02em;}
.server-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px;color:#2b3b52;font-size:.86rem;}
.server-meta span{display:inline-flex;align-items:center;gap:4px;}
.server-meta.compact{margin-top:12px;}
.detail-lines{display:grid;gap:8px;min-width:360px;color:#17243a;font-size:.91rem;}
.detail-lines>div{display:flex;align-items:center;min-height:34px;gap:7px;}
.line-icon{width:18px;display:inline-grid;place-items:center;color:#0059a7;}
.billing-cell strong{font-size:1rem;color:#0e1a2f;}
.billing-cell span{color:#67758b;margin-left:3px;font-size:.86rem;}
.billing-cell small{display:block;color:#66758b;margin-top:4px;}
.location-cell{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#1b2b44;font-weight:750;}
.flag-dot{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 7px;border-radius:7px;background:linear-gradient(#ae1c28 0 33%,#fff 33% 66%,#21468b 66%);color:transparent;border:1px solid #d9e0ea;box-shadow:0 2px 5px rgba(24,60,104,.06);font-size:0;}
.clean-status{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;}
.state-dot{width:11px;height:11px;border-radius:999px;display:inline-block;box-shadow:0 0 0 4px rgba(123,136,153,.12);background:#95a3b7;}
.state-dot.online{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.14);}
.state-dot.offline{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.13);}
.state-dot.provisioning{background:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.14);animation:pulseDot 1.2s infinite;}
.state-dot.suspended{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.14);}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
.status-pill.online{background:#10b981;color:#fff;border-color:#10b981;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.offline{background:#ef4444;color:#fff;border-color:#ef4444;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.provisioning{background:#e0f2fe;color:#0369a1;border-color:#bae6fd;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.suspended{background:#fef3c7;color:#92400e;border-color:#fde68a;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.terminated{background:#f1f5f9;color:#64748b;border-color:#e2e8f0;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.active{background:#eef6ff;color:#1759b8;border-color:#d7e9ff;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.live-power-state{margin-top:5px;}
.provision-progress{margin-top:9px;min-width:150px;}
.provision-progress-bar,.renew-bar,.usage-bar{height:7px;border-radius:999px;background:#e5e9ef;overflow:hidden;}
.provision-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#006fc9);transition:width .35s ease;}
.server-actions.compact{justify-content:flex-end;gap:6px;min-width:0;}
.action-form{margin:0;}
.action-btn.icon-only{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:10px!important;background:#fff;border:1px solid #d8e2ee;box-shadow:none;}
.action-btn.icon-only:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(24,60,104,.12);}
.action-btn.icon-only.danger{background:#fff5f5;color:#dc2626;border-color:#fecaca;}
.action-btn.icon-only.primary{background:#eff6ff;color:#006fc9;border-color:#bfdbfe;}
.action-btn.icon-only.success{background:#ecfdf5;color:#059669;border-color:#bbf7d0;}
.copy-btn{margin-left:6px!important;}
.compact-secret{min-width:102px;}

.service-detail-page{display:grid;gap:18px;}
.service-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px!important;border-radius:22px;}
.service-summary-main{display:flex;align-items:center;gap:18px;}
.service-summary h1{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.055em;margin:0 0 6px;}
.service-summary-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#334155;font-size:.95rem;}
.service-summary-side{text-align:right;min-width:180px;}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 456px;gap:28px;align-items:start;}
.service-main-col,.service-side-col{display:grid;gap:16px;}
.service-side-col{position:sticky;top:96px;}
.clean-panel,.side-card{border-radius:14px!important;border:1px solid #dfe6ef!important;background:#fff!important;box-shadow:0 8px 22px rgba(24,60,104,.055)!important;padding:22px!important;}
.side-card{border-top:3px solid #ff9800!important;}
.section-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.045em;font-size:.88rem;font-weight:950;color:#1b2c48;}
.access-grid{display:grid;grid-template-columns:200px minmax(260px,1fr);gap:16px;max-width:620px;}
.access-grid label{display:grid;gap:8px;text-transform:uppercase;letter-spacing:.04em;color:#334155;font-size:.82rem;}
.read-field{min-height:48px;border:1px solid #d3dce8;background:#f8fafc;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:7px;}
.read-field.full{margin-top:8px;justify-content:space-between;}
.read-field code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#050b15;background:transparent;border:0;padding:0;}
.ssh-box{margin-top:26px;}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 16px;}
.resource-box{min-height:98px;border:1px solid #e1e7f0;background:#fbfcfe;border-radius:8px;display:grid;place-items:center;text-align:center;padding:12px;}
.resource-box span{font-size:1.35rem;color:#006fc9;}
.resource-box strong{font-size:1rem;}
.resource-box small{color:#526176;}
.location-row{display:flex;align-items:center;gap:10px;margin-top:14px;color:#0f172a;}
.hardware-grid.slim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;}
.hardware-grid.slim>div{border:1px solid #e1e7f0;border-radius:8px;padding:12px;background:#fbfcfe;}
.usage-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px;text-transform:uppercase;font-weight:900;color:#334155;font-size:.85rem;}
.usage-row strong{font-size:1.25rem;color:#0059a7;}
.usage-bar{margin-bottom:12px;}
.usage-bar span{display:block;height:100%;border-radius:999px;background:#006fc9;}
.usage-bar.danger span{background:#ef4444;}
.network-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.billing-detail{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:#475569;}
.billing-detail strong{color:#0f172a;}
.renew-bar{margin:14px 0 22px;}
.renew-bar span{display:block;height:100%;background:#ff9800;border-radius:999px;}
.billing-actions .btn{width:100%;border-radius:6px;}
.manage-side .server-actions{display:grid;grid-template-columns:1fr;gap:9px;}
.manage-side .action-form{width:100%;}
.manage-side .action-btn{width:100%;justify-content:flex-start;border-radius:8px;box-shadow:none;}
.manage-side .compact-select{width:100%;margin-bottom:8px;}

@media(max-width:1180px){.service-detail-grid{grid-template-columns:1fr}.service-side-col{position:static}.cloud-table .actions-col{min-width:220px}.detail-lines{min-width:280px}}
@media(max-width:860px){.service-summary{align-items:flex-start;flex-direction:column}.service-summary-side{text-align:left}.access-grid,.resource-grid,.hardware-grid.slim{grid-template-columns:1fr}.cloud-table{min-width:1080px}.server-cell{min-width:280px}}

/* --------------------------------------------------------------------------
   Final clean dashboard/service table pass
   -------------------------------------------------------------------------- */
.clean-cloud-card{overflow:visible!important;}
.clean-cloud-card .card-head{padding:24px 26px 16px!important;align-items:center!important;}
.table-scroll.no-scroll-table,.service-table-card .table-scroll{overflow:visible!important;width:100%;}
.cloud-table.fit-cloud-table,.cloud-table{display:block!important;width:100%!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;}
.cloud-table thead,.cloud-table tbody{display:block!important;width:100%!important;}
.cloud-table tr{display:grid!important;grid-template-columns:minmax(210px,1.35fr) minmax(255px,1.65fr) minmax(105px,.7fr) minmax(150px,1fr) minmax(125px,.75fr) minmax(220px,1.05fr)!important;align-items:center!important;width:100%!important;}
.cloud-table th,.cloud-table td{display:block!important;min-width:0!important;padding:16px 18px!important;}
.cloud-table th.actions-col,.cloud-table td.actions-col{text-align:right!important;min-width:0!important;}
.server-cell{min-width:0!important;gap:14px!important;}
.server-os-icon{width:40px!important;height:40px!important;border-radius:13px!important;}
.server-title{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.server-meta{gap:8px!important;font-size:.82rem!important;line-height:1.55;}
.detail-lines{min-width:0!important;max-width:100%!important;gap:7px!important;}
.detail-lines>div{min-width:0!important;gap:6px!important;flex-wrap:nowrap!important;}
.detail-lines .mono,.detail-lines .secret{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.compact-detail-lines .secret{min-width:96px!important;max-width:120px!important;}
.location-cell{white-space:normal!important;line-height:1.35;gap:8px!important;}
.billing-cell{white-space:nowrap;}
.clean-status{justify-content:flex-start!important;}
.server-actions.compact{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:7px!important;min-width:0!important;}
.server-actions.compact .action-form{display:inline-flex!important;margin:0!important;}
.action-btn.icon-only{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.action-btn.icon-only .action-icon{font-size:14px!important;line-height:1!important;display:block!important;margin:0!important;}
.copy-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin-left:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;line-height:1!important;flex:0 0 34px!important;}
.read-field .copy-btn,.read-field .reveal-btn{margin-left:auto!important;}
.read-field .copy-btn + .reveal-btn{margin-left:6px!important;}
.read-field{gap:8px!important;padding:8px 10px!important;}
.read-field code,.read-field .secret{min-width:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;}

/* Service detail action area: clean horizontal button rows with labels. */
.manage-side .server-actions{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;}
.manage-side .action-form{width:auto!important;display:inline-flex!important;}
.manage-side .action-btn{width:auto!important;min-height:40px!important;justify-content:center!important;border-radius:10px!important;padding:9px 12px!important;box-shadow:none!important;}
.manage-side .action-btn .action-label{display:inline!important;font-size:.86rem!important;}
.manage-side .compact-select{flex:1 1 100%!important;margin:0 0 2px!important;}
.service-detail-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;gap:28px!important;}
.service-summary.card{padding:28px 30px!important;}
.service-summary-main{min-width:0!important;}
.service-summary h1{word-break:break-word;}
.clean-panel,.side-card{padding:22px!important;}
.access-grid{grid-template-columns:minmax(160px,200px) minmax(240px,1fr)!important;max-width:100%!important;}

@media(max-width:1250px){
  .cloud-table tr{grid-template-columns:minmax(200px,1.25fr) minmax(230px,1.45fr) minmax(95px,.65fr) minmax(125px,.8fr) minmax(115px,.65fr) minmax(205px,.95fr)!important;}
  .cloud-table th,.cloud-table td{padding:14px 14px!important;}
  .server-meta{font-size:.78rem!important;}
  .detail-lines{font-size:.84rem!important;}
  .action-btn.icon-only{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
}
@media(max-width:980px){
  .cloud-table{display:table!important;min-width:980px!important;}
  .cloud-table thead{display:table-header-group!important;}.cloud-table tbody{display:table-row-group!important;}.cloud-table tr{display:table-row!important;}.cloud-table th,.cloud-table td{display:table-cell!important;}
  .table-scroll.no-scroll-table,.service-table-card .table-scroll{overflow:auto!important;}
  .service-detail-grid{grid-template-columns:1fr!important;}
  .service-summary.card{padding:22px!important;}
}

/* === Clean dashboard/service table v2 === */
.service-table-card.clean-cloud-card{overflow:visible;padding:0}
.service-table-card .card-head{padding:26px 26px 18px;border-bottom:1px solid var(--border)}
.cloud-service-list{width:100%;display:block}
.cloud-service-list-head,.cloud-service-row{display:grid;grid-template-columns:1.35fr 1.7fr .72fr .95fr .72fr 1.35fr;gap:16px;align-items:center}
.cloud-service-list-head{padding:14px 18px;background:#f8fafc;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;color:var(--navy)}
.cloud-service-row{padding:18px;border-bottom:1px solid var(--border);background:#fff;min-height:126px}
.cloud-service-row:last-child{border-bottom:0;border-radius:0 0 22px 22px}
.cloud-service-row>*{min-width:0}.cloud-service-row .server-cell{gap:14px}.cloud-service-row .server-title{font-size:16px;line-height:1.2;display:inline-block;margin-bottom:8px}.cloud-service-row .server-meta{gap:8px;font-size:12px;display:flex;flex-wrap:wrap}.cloud-service-row .detail-lines{gap:9px}.cloud-service-row .detail-lines>div{display:flex;align-items:center;gap:8px;min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-service-row .billing-cell strong{font-size:16px}.cloud-service-row .billing-cell small{display:block;margin-top:4px}.cloud-service-row .location-cell{gap:9px;font-weight:800;line-height:1.25}.cloud-service-row .status-col{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cloud-service-row .actions-col{display:flex;justify-content:flex-start}.server-actions.compact{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.server-actions.compact .action-form{margin:0}.server-actions.compact .action-btn,.server-actions.compact>button.action-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px}.server-actions.compact .action-btn .action-label{display:none}.action-icon{line-height:1;display:inline-flex;align-items:center;justify-content:center}.copy-btn{width:34px!important;height:34px!important;min-width:34px;padding:0!important;border-radius:12px;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle}.copy-btn:before{display:block;line-height:1}.read-field .copy-btn{margin-left:auto}.read-field .reveal-btn{margin-left:6px}.compact-secret{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:10px;background:#f7faff;border:1px solid #dbe6f6;letter-spacing:.08em}.clean-status{display:flex;align-items:center;gap:8px}.status-pill{white-space:nowrap}.flag-dot{flex:0 0 auto}.provision-progress{width:100%;max-width:150px}.no-scroll-table,.table-scroll{overflow:visible!important}

/* Service detail polish */
.service-detail-page{display:flex;flex-direction:column;gap:28px}.service-summary.card{padding:28px;display:flex;justify-content:space-between;gap:22px;align-items:center}.service-summary-main{display:flex;align-items:center;gap:18px}.service-summary h1{margin:0 0 10px;font-size:42px;letter-spacing:-.04em}.service-summary-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.service-summary-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:28px;align-items:start}.service-main-col,.service-side-col{display:flex;flex-direction:column;gap:28px}.clean-panel,.side-card{padding:24px}.side-card{border-top:4px solid #ff9800}.section-label{font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:18px}.access-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:16px}.access-grid label span,.stacked-form label{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#142542}.read-field{height:52px;display:flex;align-items:center;gap:10px;border:1px solid #d7e2f1;background:#f8fbff;border-radius:10px;padding:8px 10px;min-width:0}.read-field code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-field.full{margin-top:10px;width:100%}.ssh-box{margin-top:24px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-box{border:1px solid #dbe6f3;border-radius:10px;background:#fbfdff;padding:18px;text-align:center}.resource-box span{display:block;font-size:24px;color:#0a6fe8}.resource-box strong{display:block;font-size:16px;margin-top:6px}.resource-box small{color:var(--muted)}.billing-side .billing-detail{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.billing-actions .btn{width:100%;justify-content:center}.manage-side .server-actions{display:flex;flex-wrap:wrap;gap:10px}.manage-side .action-form{margin:0}.manage-side .action-btn,.manage-side>div[data-live-actions]>.server-actions>button.action-btn{height:42px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.manage-side .server-actions.compact .action-label{display:inline}.manage-side .server-actions.compact .action-btn{width:auto;min-width:92px}.usage-row{display:flex;justify-content:space-between;font-weight:800;margin:12px 0}.usage-bar,.renew-bar{height:8px;background:#e5e9f0;border-radius:999px;overflow:hidden}.usage-bar span,.renew-bar span{height:100%;display:block;background:#0a6fe8;border-radius:999px}.usage-bar.danger span{background:#ef4444}.network-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tag{border-radius:8px;padding:4px 9px;background:#edf6ff;color:#064d99;font-weight:800;font-size:12px}.tag.ok{background:#e9fbf3;color:#059669}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal.is-open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(7,18,38,.48);backdrop-filter:blur(5px)}.modal-panel{position:relative;background:#fff;border:1px solid #dbe5f2;border-radius:22px;box-shadow:0 26px 80px rgba(7,18,38,.28);width:min(520px,96vw);padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-head h3{margin:0;font-size:22px}.modal-close{border:1px solid #dbe5f2;background:#f8fbff;border-radius:12px;width:38px;height:38px;font-size:24px;line-height:1;cursor:pointer}.stacked-form{display:flex;flex-direction:column;gap:16px;margin-top:18px}.stacked-form select,.stacked-form input{width:100%;height:46px;border:1px solid #d4dfed;border-radius:12px;padding:0 12px;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}

@media (max-width:1180px){.cloud-service-list-head{display:none}.cloud-service-row{grid-template-columns:1fr;gap:14px}.cloud-service-row .actions-col{justify-content:flex-start}.service-detail-grid{grid-template-columns:1fr}.service-summary.card{align-items:flex-start}.service-summary-side{align-items:flex-start}.access-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}}
@media (max-width:720px){.service-summary.card{flex-direction:column}.service-summary h1{font-size:32px}.cloud-service-row{padding:16px}.service-table-card .card-head{padding:20px;flex-direction:column;align-items:flex-start}.modal-panel{padding:18px}.manage-side .action-btn{flex:1}}

/* === Live metrics graphs === */
.live-metrics-panel{margin-top:24px;overflow:hidden!important;}
.live-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #d9e4f2;background:#fbfdff;border-radius:999px;padding:8px 12px;font-weight:900;color:#10213b;box-shadow:0 8px 20px rgba(24,60,104,.06)}
.live-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;padding:22px;}
.live-metrics-grid.compact{display:block;padding:0;}
.metric-card{border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 14px 35px rgba(24,60,104,.07);padding:18px;min-width:0;}
.metric-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.metric-card-head strong{display:block;color:var(--navy);font-size:1.04rem;line-height:1.15;word-break:break-word;}
.metric-card-head small{display:block;margin-top:5px;color:var(--muted);font-size:.83rem;}
.metric-number-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.metric-number-row span{display:flex;flex-direction:column;gap:4px;border:1px solid #e1e9f4;background:#f8fbff;border-radius:14px;padding:10px 12px;color:#60708a;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em;}
.metric-number-row strong{font-size:1rem;color:#07172f;text-transform:none;letter-spacing:0;}
.metric-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.metric-chart-tile{border:1px solid #e1e9f4;background:#fff;border-radius:16px;padding:12px;min-width:0;}
.metric-chart-tile.wide{grid-column:1 / -1;}
.metric-chart-tile canvas{display:block;width:100%;height:150px;border-radius:12px;}
.metric-chart-tile.wide canvas{height:170px;}
.tile-label{font-size:.82rem;font-weight:950;color:#10213b;margin-bottom:8px;display:flex;justify-content:space-between;gap:10px;}
.service-metrics-panel .live-metrics-grid{padding:0;}
.service-metrics-panel .metric-card{box-shadow:none;border:0;padding:0;background:transparent;}
.service-metrics-panel .metric-chart-tile canvas{height:160px;}
@media(max-width:760px){.live-metrics-grid{grid-template-columns:1fr;padding:16px}.metric-number-row,.metric-chart-grid{grid-template-columns:1fr}.metric-chart-tile.wide{grid-column:auto}.metric-chart-tile canvas,.metric-chart-tile.wide canvas{height:150px}}


/* === Resource usage live stats + unmetered bandwidth === */
.resource-usage-panel{display:grid;gap:18px;}
.usage-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.usage-stat-box{border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;display:grid;gap:10px;}
.usage-stat-box>span{color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;}
.usage-stat-box>strong{font-size:1.5rem;letter-spacing:-.04em;color:var(--navy,#07172f);}
.usage-bar{height:9px;border-radius:999px;background:#e6ebf2;overflow:hidden;}
.usage-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b7cff,#6747ff);transition:width .35s ease;}
.usage-bar.danger span{background:linear-gradient(90deg,#f59e0b,#ef4444);}
.usage-network-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid #dce6f3;border-radius:18px;background:#fff;padding:14px;}
.usage-network-card>div{display:grid;gap:4px;min-width:0;}
.usage-network-card strong{font-size:1rem;color:var(--navy,#07172f);}
.ok-text{color:#10b981!important;}
@media(max-width:760px){.usage-stats-grid,.usage-network-card{grid-template-columns:1fr;}}

/* === FINAL FIX: service rows with non-overlapping 3x3 action grid === */
.cloud-service-list{
  width:100%;
  overflow:hidden!important;
}
.service-table-card{
  overflow:hidden!important;
}
.cloud-service-list-head,
.cloud-service-row{
  display:grid!important;
  grid-template-columns:minmax(175px,1.15fr) minmax(270px,1.55fr) minmax(110px,.72fr) minmax(145px,.78fr) minmax(105px,.62fr) 134px!important;
  column-gap:16px!important;
  align-items:center!important;
  width:100%!important;
}
.cloud-service-list-head{
  padding:0 22px!important;
}
.cloud-service-row{
  padding:18px 22px!important;
}
.cloud-service-row > div{
  min-width:0!important;
  overflow:hidden!important;
}
.cloud-service-row .server-col,
.cloud-service-row .details-col,
.cloud-service-row .billing-col,
.cloud-service-row .location-col,
.cloud-service-row .status-col,
.cloud-service-row .actions-col{
  min-width:0!important;
  max-width:100%!important;
}
.cloud-service-row .details-col .detail-lines,
.cloud-service-row .compact-detail-lines{
  min-width:0!important;
  max-width:100%!important;
}
.cloud-service-row .detail-lines > div{
  max-width:100%!important;
  min-width:0!important;
}
.cloud-service-row .detail-lines .mono,
.cloud-service-row .compact-secret,
.cloud-service-row .location-cell,
.cloud-service-row .server-meta,
.cloud-service-row .server-title{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cloud-service-row .location-cell{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  line-height:1.2!important;
  white-space:normal!important;
  word-break:normal!important;
}
.cloud-service-row .location-cell strong,
.cloud-service-row .location-cell span:not(.flag-dot){
  min-width:0!important;
  overflow-wrap:break-word!important;
}
.cloud-service-row .status-col{
  align-items:flex-start!important;
  justify-content:center!important;
}
.cloud-service-row .clean-status{
  max-width:100%!important;
}
.cloud-service-row .status-pill{
  padding:6px 10px!important;
  font-size:11px!important;
  line-height:1!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cloud-service-row .live-power-state,
.cloud-service-row .state-note{
  font-size:11px!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cloud-service-row .actions-col{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.server-actions.compact{
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  display:grid!important;
  grid-template-columns:repeat(3,36px)!important;
  grid-auto-rows:36px!important;
  gap:6px!important;
  justify-content:end!important;
  align-items:center!important;
}
.server-actions.compact .action-form{
  width:36px!important;
  height:36px!important;
  margin:0!important;
  display:block!important;
}
.server-actions.compact .action-btn,
.server-actions.compact > button.action-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.server-actions.compact .action-icon{
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  line-height:1!important;
}
.server-actions.compact .action-label{
  display:none!important;
}
.cloud-service-row .copy-btn{
  flex:0 0 34px!important;
}
.cloud-service-row .compact-secret{
  max-width:130px!important;
}

@media(max-width:1260px){
  .cloud-service-list-head,
  .cloud-service-row{
    grid-template-columns:minmax(170px,1fr) minmax(250px,1.35fr) minmax(96px,.58fr) minmax(120px,.62fr) minmax(92px,.5fr) 126px!important;
    column-gap:12px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .cloud-service-row .status-pill{max-width:84px!important;padding:6px 8px!important;}
  .cloud-service-row .live-power-state{max-width:84px!important;}
}
@media(max-width:1080px){
  .cloud-service-list-head{display:none!important;}
  .cloud-service-row{
    grid-template-columns:1fr!important;
    row-gap:16px!important;
    padding:18px!important;
  }
  .cloud-service-row .actions-col{justify-content:flex-start!important;}
  .server-actions.compact{justify-content:start!important;}
}

/* === Compact expandable dashboard/services layout hard fix === */
.service-table-card.clean-cloud-card{overflow:visible!important;padding:0!important}
.compact-services-list{display:grid;gap:12px;padding:0 18px 20px}
.compact-service-card{border:1px solid #dbe5f2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(24,60,104,.055);overflow:hidden}
.compact-service-main{display:grid;grid-template-columns:42px minmax(300px,1.65fr) minmax(108px,.55fr) minmax(150px,.75fr) minmax(126px,.62fr) minmax(142px,.7fr);gap:14px;align-items:center;padding:16px 18px;min-width:0}
.row-expand-btn{width:34px;height:34px;border-radius:12px;border:1px solid #d7e2f1;background:#f8fbff;color:#006fc9;font-weight:950;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
.row-expand-btn[aria-expanded="true"]{transform:rotate(180deg);background:#eef6ff;border-color:#bfdbfe}.row-expand-btn:hover{box-shadow:0 8px 18px rgba(24,60,104,.1)}
.compact-server-cell{min-width:0}.compact-server-cell .server-title{font-size:16px;margin:0 0 7px}.compact-server-cell .server-meta{display:flex;flex-wrap:wrap;gap:7px 10px;font-size:12px;line-height:1.35;color:#263955}.compact-billing,.compact-location,.compact-status{min-width:0}.compact-billing strong{font-size:16px;color:var(--navy)}.compact-billing span{color:var(--muted);font-size:13px;margin-left:3px}.compact-billing small{display:block;color:var(--muted);margin-top:4px}.compact-location{display:flex;align-items:center;gap:9px;font-weight:850;line-height:1.25}.compact-status{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.compact-actions{display:flex;justify-content:flex-end;min-width:0}.compact-actions .server-actions.compact{display:grid!important;grid-template-columns:repeat(3,34px)!important;gap:6px!important;justify-content:end!important;align-items:center!important;width:auto!important}.compact-actions .action-form{display:block!important;margin:0!important}.compact-actions .action-btn.icon-only{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:11px!important;padding:0!important}.compact-actions .state-note{font-size:12px;white-space:nowrap}.compact-service-details{border-top:1px solid #e2eaf5;background:linear-gradient(180deg,#fbfdff,#fff);padding:16px 18px 18px}.expanded-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(260px,.9fr) minmax(360px,1.35fr);gap:14px;align-items:start}.expanded-panel{border:1px solid #dfe8f4;border-radius:16px;background:#fff;padding:16px;min-width:0}.expanded-panel h3{margin:0 0 12px;font-size:15px;letter-spacing:-.02em}.expanded-lines{display:grid;gap:10px}.expanded-lines>div{display:flex;align-items:center;gap:9px;min-width:0}.expanded-lines span:first-child{min-width:76px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.expanded-lines strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-actions .server-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.expanded-actions .action-btn{min-height:40px!important;border-radius:11px!important}.expanded-actions .action-label{display:inline!important}.expanded-metrics .live-metrics-grid.compact{padding:0}.expanded-metrics .metric-card{box-shadow:none;border-radius:14px;padding:14px}.expanded-metrics .metric-chart-grid{grid-template-columns:1fr 1fr}.expanded-metrics .metric-chart-tile canvas{height:112px}.expanded-metrics .metric-chart-tile.wide canvas{height:128px}.compact-service-card .provision-progress{max-width:124px;margin-top:4px}.cloud-service-list-head,.cloud-service-row{display:none!important}
@media(max-width:1180px){.compact-service-main{grid-template-columns:42px minmax(280px,1fr) minmax(120px,.5fr) minmax(130px,.55fr) minmax(116px,.45fr);}.compact-actions{grid-column:2 / -1;justify-content:flex-start}.compact-actions .server-actions.compact{justify-content:start!important}.expanded-grid{grid-template-columns:1fr}}
@media(max-width:760px){.compact-services-list{padding:0 12px 16px}.compact-service-main{grid-template-columns:34px 1fr;gap:12px;padding:14px}.compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2}.compact-actions{justify-content:flex-start}.compact-actions .server-actions.compact{grid-template-columns:repeat(3,34px)!important}.compact-service-details{padding:14px}.server-os-icon{width:38px!important;height:38px!important}.compact-server-cell .server-cell{align-items:flex-start}}

/* Service detail top alignment: remove stray progress spacing inside status box */
.service-summary-side [data-live-status] .provision-progress:empty{display:none}.service-summary-side [data-live-status]{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.service-detail-grid{align-items:start!important}.service-main-col,.service-side-col{gap:20px!important}.clean-panel,.side-card{box-sizing:border-box}.access-grid{align-items:end}.read-field{box-sizing:border-box}


/* === cybaaspace vNext polish: service detail alignment, compact rows, admin CRM/accounting === */
.clean-service-detail{gap:22px!important}.clean-hero-card{margin-bottom:0!important}.service-top-panels{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:28px;align-items:stretch;margin-top:0!important}.service-top-panels .clean-panel,.service-top-panels .side-card{height:100%;margin:0!important}.clean-lower-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;gap:28px!important}.clean-lower-grid .service-side-col{position:sticky;top:92px}.access-panel .access-grid{max-width:none;grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr)}.access-panel .ssh-box{margin-top:22px}.billing-side{display:flex;flex-direction:column}.billing-side .billing-actions{margin-top:auto}.read-field{position:relative;min-width:0}.read-field code,.read-field .secret{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-field .copy-btn:first-of-type{margin-left:auto!important}.usage-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.usage-stat-box{border:1px solid #dfe8f4;border-radius:14px;padding:14px;background:#fbfdff}.usage-stat-box>span,.usage-network-card .muted{display:block;text-transform:uppercase;font-size:.76rem;letter-spacing:.045em;font-weight:900;color:#526176}.usage-stat-box strong{display:block;margin:6px 0 10px;color:#0b1c39}.usage-network-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #dfe8f4;border-radius:14px;padding:14px;background:#fff;margin-top:14px}.ok-text{color:#10b981}.manage-side .server-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.manage-side .action-form{width:100%!important}.manage-side .action-btn,.manage-side .server-actions>button.action-btn{width:100%!important;height:42px!important;min-width:0!important;padding:0 14px!important;justify-content:center!important}.manage-side .action-label{display:inline!important}.manage-side .action-icon{margin:0!important}.compact-service-main{grid-template-columns:42px minmax(230px,1.5fr) minmax(95px,.55fr) minmax(120px,.72fr) minmax(105px,.62fr) 126px!important;gap:12px!important;padding:13px 16px!important}.compact-server-cell .server-meta{font-size:11.5px!important}.compact-actions{width:126px;max-width:126px;justify-content:flex-end!important}.compact-actions .server-actions.compact{display:grid!important;grid-template-columns:repeat(3,34px)!important;gap:6px!important;width:114px!important;min-width:114px!important;max-width:114px!important}.compact-location{font-size:13px!important}.compact-status .status-pill{font-size:11px!important;padding:4px 8px!important}.compact-service-card .provision-progress{display:none!important}.compact-service-details .provision-progress{display:block!important}.expanded-grid{grid-template-columns:minmax(220px,.8fr) minmax(230px,.8fr) minmax(340px,1.2fr)!important}.expanded-actions .server-actions{display:grid!important;grid-template-columns:repeat(3,minmax(120px,1fr))!important}.expanded-actions .action-btn{width:100%!important;justify-content:center!important}.admin-grid-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.admin-editor-grid{align-items:start}.admin-form-card h2,.admin-table-card h2{margin-top:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form-grid label{display:grid;gap:7px;font-weight:900;color:#1b2c48;font-size:.84rem;text-transform:uppercase;letter-spacing:.035em}.admin-form-grid label.wide{grid-column:1/-1}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.stacked-form input,.stacked-form select,.stacked-form textarea{width:100%;border:1px solid #d4dfed;border-radius:13px;background:#fff;min-height:44px;padding:10px 12px;color:#07172f;box-shadow:0 6px 18px rgba(24,60,104,.035)}.admin-form-grid input[type=range]{padding:0;box-shadow:none;accent-color:#006fc9}.admin-form-grid output{display:inline-flex;justify-content:center;min-width:56px;border:1px solid #dbe5f2;border-radius:999px;padding:4px 8px;background:#f8fbff;color:#006fc9;font-weight:950}.switch-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px;text-transform:none!important;letter-spacing:0!important}.switch-line input{width:auto!important;min-height:unset!important}.admin-modern-table td,.admin-modern-table th{vertical-align:middle}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions form{display:flex;gap:8px;margin:0}.btn.small{min-height:34px;padding:7px 10px;font-size:.82rem;border-radius:11px}.btn.success{background:#ecfdf5;color:#059669;border-color:#bbf7d0}.admin-detail-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-side-card .admin-stat-list{margin-bottom:18px}.admin-stat-list{display:grid;gap:12px}.admin-stat-list>div{display:flex;justify-content:space-between;gap:14px;border:1px solid #e0e9f5;border-radius:14px;padding:12px;background:#fbfdff}.admin-stat-list span{color:#526176;font-weight:800}.admin-stat-list strong{color:#07172f}.ticket-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.ticket-thread{display:grid;gap:12px;margin-top:18px}.ticket-message{border:1px solid #dfe8f4;border-radius:16px;padding:14px;background:#fbfdff}.ticket-message.admin-msg{background:#eef6ff;border-color:#bfdbfe}.ticket-message strong{display:flex;justify-content:space-between;gap:12px}.ticket-message strong span{font-size:12px;color:#64748b;font-weight:700}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1180px){.service-top-panels,.clean-lower-grid,.admin-grid-main,.ticket-admin-layout{grid-template-columns:1fr!important}.clean-lower-grid .service-side-col{position:static}.compact-service-main{grid-template-columns:36px minmax(0,1fr) 110px!important}.compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2/-1}.compact-actions{width:auto;max-width:none;justify-content:flex-start!important}.compact-actions .server-actions.compact{justify-content:start!important}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.service-top-panels{gap:14px}.access-panel .access-grid,.usage-stats-grid,.usage-network-card,.admin-form-grid{grid-template-columns:1fr!important}.expanded-actions .server-actions{grid-template-columns:1fr!important}.grid-4{grid-template-columns:1fr}.admin-detail-top{display:grid}.compact-service-main{grid-template-columns:34px 1fr!important}.compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2}.compact-actions .server-actions.compact{grid-template-columns:repeat(3,34px)!important}}

/* Final polish: service detail equal columns and admin service management */
.service-page-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:28px;align-items:start;margin-top:0}
.service-left-stack,.service-right-stack{display:flex;flex-direction:column;gap:22px;min-width:0}.service-right-stack{position:sticky;top:92px}.service-left-stack>.card,.service-right-stack>.card{margin:0!important}.service-page-columns .clean-panel,.service-page-columns .side-card{padding:24px}.service-page-columns .access-panel{min-height:0!important}.service-detail-page.clean-service-detail{gap:22px!important}.service-top-panels,.clean-lower-grid{display:none!important}.access-panel .read-field{height:52px}.billing-side .billing-detail{margin:18px 0}.manage-side .server-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.manage-side .action-form{width:100%!important}.manage-side .action-btn,.manage-side .server-actions>button.action-btn{width:100%!important;height:44px!important;min-width:0!important;padding:0 12px!important}.span-2{grid-column:span 2}.admin-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 190px auto auto;gap:12px;align-items:end}.admin-services-list{display:grid;gap:14px}.admin-service-row{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(150px,.55fr) minmax(360px,1fr);gap:16px;align-items:center;border:1px solid #dfe8f4;border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 26px rgba(24,60,104,.045)}.admin-service-main{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-service-main strong,.admin-service-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-service-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-service-actions{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center}.admin-service-actions .server-actions.compact{display:grid!important;grid-template-columns:repeat(3,34px)!important;gap:6px!important}.admin-service-actions .action-btn.icon-only{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important}.admin-service-actions .inline-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin:0}.admin-form-grid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-form-grid.wide .span-2{grid-column:span 2}.field small{display:block;margin-top:6px}.promo-applied-note{border:1px solid #c7f2dc;background:#ecfdf5;color:#047857;border-radius:12px;padding:10px 12px;font-weight:800}
@media(max-width:1180px){.service-page-columns{grid-template-columns:1fr}.service-right-stack{position:static}.admin-service-row{grid-template-columns:1fr}.admin-service-actions{grid-template-columns:1fr}.admin-filter-bar,.admin-form-grid.wide{grid-template-columns:1fr}.admin-form-grid.wide .span-2,.span-2{grid-column:auto}.service-page-columns .access-grid,.usage-stats-grid,.usage-network-card{grid-template-columns:1fr!important}}
.text-ok{color:var(--ok)!important}.text-danger{color:var(--danger)!important}
.kpi small{display:block;margin-top:6px;font-weight:700}

/* --------------------------------------------------------------------------
   Tailwind component polish for admin/IPAM screens
   Tailwind CDN is loaded with preflight disabled; these component classes keep
   the existing layout while making forms, buttons and tables more consistent.
   -------------------------------------------------------------------------- */
.tw-admin-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}.tw-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 54px rgba(24,60,104,.09);padding:22px}.tw-card-wide{min-width:0}.tw-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.tw-card-head h2{margin:2px 0 0;font-size:1.32rem;letter-spacing:-.04em;line-height:1.1}.tw-kicker{margin:0;color:var(--brand);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950}.tw-form{display:grid;gap:14px}.tw-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tw-field{display:grid;gap:7px;margin:0}.tw-field span,.tw-check span{color:#172640;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.tw-field input,.tw-field select,.tw-field textarea,.tw-filterbar input,.tw-filterbar select{width:100%;min-height:44px;border:1px solid #d7e2f0;border-radius:15px;background:#f9fbff;color:#0f1f35;padding:11px 13px;font:inherit;font-weight:650;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);transition:.16s ease}.tw-field textarea{resize:vertical;line-height:1.45}.tw-field input:focus,.tw-field select:focus,.tw-field textarea:focus,.tw-filterbar input:focus,.tw-filterbar select:focus{border-color:rgba(0,111,201,.62);background:#fff;box-shadow:0 0 0 4px rgba(0,111,201,.10)}.tw-check{min-height:44px;display:flex;align-items:center;gap:10px;border:1px solid #d7e2f0;border-radius:15px;background:#f9fbff;padding:10px 12px}.tw-check input{width:18px;height:18px;accent-color:var(--brand)}.tw-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d7e2f0;border-radius:15px;padding:10px 16px;background:#fff;color:#102039;font-weight:950;font-size:.9rem;line-height:1;box-shadow:0 9px 22px rgba(24,60,104,.07);cursor:pointer;transition:.16s ease}.tw-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(24,60,104,.11)}.tw-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff}.tw-btn-light{background:#f8fbff}.tw-alert{border-radius:18px;padding:13px 16px;margin:12px 0 16px;font-weight:850;border:1px solid}.tw-alert-ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.tw-alert-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.tw-table-wrap{overflow:auto;margin-top:10px}.tw-table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:760px}.tw-table th{padding:0 13px 4px;text-align:left;color:#718098;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950;white-space:nowrap}.tw-table th.tw-right{text-align:right}.tw-table td{background:#fff;border-top:1px solid #dce6f2;border-bottom:1px solid #dce6f2;padding:13px;vertical-align:middle}.tw-table td:first-child{border-left:1px solid #dce6f2;border-radius:18px 0 0 18px}.tw-table td:last-child{border-right:1px solid #dce6f2;border-radius:0 18px 18px 0}.tw-table td strong{display:block;font-weight:950;color:#0f1f35}.tw-table td span{display:block;margin-top:4px;color:#607089;font-size:.84rem}.tw-table tr:hover td{box-shadow:0 12px 30px rgba(24,60,104,.06)}.tw-actions-cell{display:flex;justify-content:flex-end;align-items:center;gap:8px;white-space:nowrap}.tw-inline{display:inline-flex;margin:0}.tw-icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:13px;border:1px solid #d7e2f0;background:#f8fbff;color:var(--brand);font-weight:950;box-shadow:0 7px 18px rgba(24,60,104,.06);cursor:pointer;line-height:1}.tw-icon-btn:hover{transform:translateY(-1px);background:#fff}.tw-icon-danger{color:#dc2626;background:#fff5f5;border-color:#fecaca}.tw-pill{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:max-content;min-height:26px;padding:6px 10px;border-radius:999px;font-size:.74rem!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.tw-pill-ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.tw-pill-muted{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.tw-pill-warn{background:#fffbeb;color:#b45309;border-color:#fde68a}.tw-pill-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.tw-progress{height:9px;min-width:130px;border-radius:999px;background:#e7edf5;overflow:hidden;margin-bottom:5px}.tw-progress i{height:100%;display:block;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.tw-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px auto;gap:10px;align-items:center;margin:0 0 10px}
/* Better default admin button padding and alignment */
.admin-side .side-link,.dashboard-sidebar .side-link{min-height:48px}.admin-side .side-ico{font-size:.95rem}.app-content button,.app-content .btn,.app-content .icon-btn{line-height:1}.app-content form.actions button,.app-content form.actions .btn{min-height:42px;padding-inline:14px;border-radius:14px}.card form input,.card form select,.card form textarea{max-width:100%}
@media(max-width:1080px){.tw-admin-grid{grid-template-columns:1fr}.tw-table{min-width:720px}.tw-filterbar{grid-template-columns:1fr 1fr}}@media(max-width:620px){.tw-card{padding:17px;border-radius:22px}.tw-form-grid{grid-template-columns:1fr}.tw-filterbar{grid-template-columns:1fr}.tw-table{min-width:660px}.tw-card-head{flex-direction:column}.tw-btn{width:100%}}


/* Release manager polish: consistent service spacing, contained quick actions, no overflow */
.service-detail-page.clean-service-detail{
  display:grid!important;
  gap:16px!important;
}
.service-detail-page.clean-service-detail > .service-summary{
  margin:0!important;
}
.service-page-columns{
  margin-top:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;
  gap:22px!important;
  align-items:start!important;
}
.service-left-stack,.service-right-stack{
  gap:16px!important;
  min-width:0!important;
}
.service-left-stack > .card,.service-right-stack > .card{
  margin:0!important;
}
.service-page-columns .clean-panel,
.service-page-columns .side-card{
  padding:22px!important;
}
.service-right-stack{
  position:sticky!important;
  top:92px!important;
}

/* Keep expanded dashboard/service actions inside their cards */
.compact-service-details,
.expanded-grid,
.expanded-panel{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.expanded-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.expanded-actions{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.expanded-actions .server-actions,
.expanded-actions .server-actions:not(.compact){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:hidden!important;
}
.expanded-actions .action-form,
.expanded-actions .server-actions > button.action-btn{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.expanded-actions .action-btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
.expanded-actions .action-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.expanded-actions .action-icon{
  flex:0 0 auto!important;
  line-height:1!important;
  margin:0!important;
}

/* Compact rows: prevent action/status/location overlap */
.compact-service-main{
  grid-template-columns:42px minmax(260px,1.5fr) minmax(108px,.5fr) minmax(150px,.75fr) minmax(116px,.55fr) 132px!important;
  gap:14px!important;
  align-items:center!important;
}
.compact-location,.compact-status,.compact-actions{
  min-width:0!important;
  overflow:hidden!important;
}
.compact-actions{
  justify-self:end!important;
  width:132px!important;
  max-width:132px!important;
  overflow:visible!important;
}
.compact-actions .server-actions.compact{
  display:grid!important;
  grid-template-columns:repeat(3,36px)!important;
  gap:6px!important;
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  justify-content:end!important;
}
.compact-actions .action-btn.icon-only{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
.compact-actions .action-btn.icon-only .action-icon{margin:0!important;line-height:1!important;display:block!important}

/* Customer activity should look like product activity, internal admin-only syncs are filtered server-side. */
.activity-note{font-size:.84rem;color:var(--muted)}

@media(max-width:1240px){
  .expanded-grid{grid-template-columns:1fr!important;overflow:visible!important}
  .expanded-panel{overflow:visible!important}
  .expanded-actions .server-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .compact-service-main{grid-template-columns:36px minmax(0,1fr) 132px!important}
  .compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2/-1!important;justify-self:start!important;width:auto!important;max-width:100%!important}
  .compact-actions .server-actions.compact{justify-content:start!important}
}
@media(max-width:1180px){
  .service-page-columns{grid-template-columns:1fr!important;gap:16px!important}
  .service-right-stack{position:static!important}
}
@media(max-width:720px){
  .service-page-columns .clean-panel,.service-page-columns .side-card{padding:18px!important}
  .expanded-actions .server-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* === Production release final alignment pass === */
.service-left-stack{padding:0!important;margin:0!important;}
.service-page-columns{align-items:start!important;}
.service-left-stack,.service-right-stack{align-self:start!important;}
.clean-service-detail .service-left-stack > .card:first-child,
.clean-service-detail .service-right-stack > .card:first-child{margin-top:0!important;}
.clean-service-detail .service-left-stack{display:flex!important;flex-direction:column!important;gap:16px!important;}
.clean-service-detail .service-right-stack{display:flex!important;flex-direction:column!important;gap:16px!important;}
.clean-service-detail .access-panel{height:auto!important;min-height:0!important;}
.clean-service-detail .billing-side{height:auto!important;min-height:0!important;}
.production-legal{max-width:980px;margin:0 auto;line-height:1.78;}
.production-legal h1{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.06em;margin:.1rem 0 1rem;}
.production-legal h2{margin:2rem 0 .6rem;font-size:1.22rem;letter-spacing:-.025em;color:var(--navy,#07172f);}
.production-legal p{color:#30415e;}
.production-legal .legal-kicker{display:inline-flex;width:max-content;margin:0 0 .6rem;padding:.38rem .65rem;border-radius:999px;background:#eef6ff;color:#006fc9;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;}
@media(min-width:1181px){
  .service-page-columns{grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important;gap:24px!important;}
}

/* Package change production flow */
.danger-note{border:1px solid #fecaca;background:#fff7f7;color:#7f1d1d;border-radius:14px;padding:14px 16px;margin:4px 0 2px;line-height:1.45}
.danger-note strong{display:block;margin-bottom:4px;color:#991b1b}
.danger-note p{margin:0;color:#7f1d1d;font-size:.92rem}
.check-line{display:flex!important;align-items:flex-start;gap:10px;padding:10px 0;color:#334155;font-weight:600}
.check-line input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}

/* Embedded Proxmox console */
.console-side{display:flex;flex-direction:column;gap:12px;}
.console-side .btn{width:100%;justify-content:center;min-height:44px;}
.console-open-link{margin-top:-4px;}
.console-modal{padding:18px!important;}
.console-modal-panel{width:min(1180px,98vw)!important;height:min(820px,92vh)!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden!important;border-radius:24px!important;background:#071426!important;color:#eaf2ff!important;border-color:#1e3554!important;}
.console-modal-head{padding:14px 16px!important;margin:0!important;border-bottom:1px solid #1e3554;background:#0b1a2f;color:#eaf2ff;}
.console-modal-head h3{color:#eaf2ff!important;font-size:18px!important;}
.console-modal-head .muted{color:#9fb1ca!important;margin:3px 0 0;}
.console-modal .modal-close{background:#10233d!important;border-color:#284569!important;color:#eaf2ff!important;}
.console-embed-frame{width:100%;height:100%;border:0;display:block;background:#050b16;}
.console-page-shell{padding:24px!important;}
.console-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.console-page-head h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;}
.console-frame-wrap{height:min(760px,78vh);border:1px solid #dbe6f2;border-radius:22px;overflow:hidden;background:#050b16;box-shadow:0 20px 70px rgba(24,60,104,.16);}
.console-frame{width:100%;height:100%;border:0;display:block;background:#050b16;}
@media(max-width:760px){.console-page-head{flex-direction:column}.console-modal{padding:8px!important}.console-modal-panel{height:96vh!important;width:98vw!important;border-radius:18px!important}.console-frame-wrap{height:72vh}}

/* Custom ISO library */
.iso-library-layout .card { align-self: stretch; }
.iso-side .notice.soft { background:#f7fbff; border:1px solid #d7e9ff; border-radius:14px; padding:12px 14px; margin:10px 0 12px; }
.iso-action-form { margin-top:12px; }
.status-pill.status-pending { background:#fff7ed; color:#9a3412; border-color:#fed7aa; }
.status-pill.status-approved, .status-pill.status-synced { background:#ecfdf5; color:#047857; border-color:#a7f3d0; }
.status-pill.status-blocked, .status-pill.status-deleted, .status-pill.status-failed { background:#fef2f2; color:#b91c1c; border-color:#fecaca; }
.status-pill.status-syncing { background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.sync-line { padding:6px 0; border-bottom:1px solid var(--border); }
.sync-line:last-child { border-bottom:0; }
.admin-actions-cell .action-grid-form { display:grid; grid-template-columns:1fr auto auto auto; gap:8px; align-items:center; }
.admin-actions-cell .mini-input { min-width:150px; }
.mt-2 { margin-top:8px; }
.danger-text { color:#b91c1c; }
@media (max-width: 900px) { .admin-actions-cell .action-grid-form { grid-template-columns:1fr; } }
/* Release fix: custom ISO quota and service removal polish */
.quota-meter{height:10px;border-radius:999px;background:#e8eef8;overflow:hidden;margin:14px 0 8px;border:1px solid #dbe6f3}
.quota-meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4)}
.compact-service-card[data-removing="1"]{opacity:.45;pointer-events:none;transition:opacity .18s ease}

/* === Public launch polish: homepage, packages, status, FAQ, contact === */
.public-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:34px;align-items:center;padding:72px 0 38px}.public-hero.small{grid-template-columns:minmax(0,1fr) minmax(300px,430px);padding:54px 0 26px}.public-hero h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.92;letter-spacing:-.075em;margin:.25rem 0 1.15rem;color:#07172f}.public-hero .lead{max-width:760px;font-size:clamp(1.05rem,1.7vw,1.28rem);color:#42536d}.hero-actions{margin:26px 0 20px}.btn.big{min-height:50px;padding:0 22px;border-radius:14px;font-weight:900}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{display:inline-flex;gap:6px;align-items:center;padding:9px 12px;border-radius:999px;background:#f4f8fd;border:1px solid #dfe9f6;color:#52627a;font-size:.92rem}.trust-row strong{color:#07172f}.hero-product-card{border:1px solid #dbe6f3;border-radius:30px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 30px 80px rgba(26,66,114,.14)}.mini-dashboard-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#eef7ff;color:#0f335c}.live-dot{width:10px;height:10px;border-radius:50%;background:#93a4b9;display:inline-block;box-shadow:0 0 0 4px rgba(147,164,185,.14)}.live-dot.ok{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.14)}.live-dot.warn{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.16)}.hero-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.hero-metric-grid div{padding:16px;border:1px solid #e1eaf6;border-radius:18px;background:#fff}.hero-metric-grid span{display:block;color:#6b7890;font-size:.8rem;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.hero-metric-grid strong{display:block;font-size:1.45rem;color:#07172f;margin:4px 0}.hero-metric-grid small{color:#60708a}.hero-terminal{display:grid;gap:8px;background:#071426;color:#dff3ff;border-radius:18px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.hero-terminal span:nth-child(n+2){color:#9ee8b5}.public-section{padding:44px 0}.section-title.wide{max-width:860px}.featured-packages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.featured-card{position:relative;padding:22px;border:1px solid #dfe8f5;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(23,60,106,.08);display:flex;flex-direction:column;gap:14px}.featured-card.featured{border-color:#7cc6ff;transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,111,201,.18)}.plan-tag,.plan-kind{width:max-content;padding:6px 9px;border-radius:999px;background:#eaf5ff;color:#006fc9;font-weight:900;font-size:.72rem;letter-spacing:.08em}.featured-card h3{font-size:1.25rem;margin:0}.featured-card p{color:#60708a;margin:0;min-height:66px}.price-line strong{font-size:1.8rem;color:#07172f}.price-line span{color:#7a8aa0}.featured-card ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}.featured-card li:before{content:'✓';color:#16a34a;font-weight:900;margin-right:8px}.split-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:28px;align-items:center}.split-feature h2,.public-section h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.06em}.feature-list-clean{display:grid;gap:14px;margin-top:24px}.feature-list-clean div{padding:16px 18px;border:1px solid #dfe8f5;border-radius:18px;background:#fff}.feature-list-clean b{display:block;color:#07172f}.feature-list-clean span{color:#60708a}.feature-card-stack{padding:24px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-grid span{padding:12px;border:1px solid #dfe8f5;background:#f8fbff;border-radius:14px;text-align:center;font-weight:800;color:#30415e}.cta-band{border:1px solid #dbe6f3;border-radius:28px;padding:28px;background:linear-gradient(135deg,#eef7ff,#fff);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.cta-band h2{margin:0}.cta-band p{margin:6px 0 0;color:#60708a}
.packages-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:56px 0 24px}.packages-hero h1{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.07em;line-height:.95;margin:.25rem 0}.pill-tabs{padding:6px;border:1px solid #dbe6f3;background:#f8fbff;border-radius:999px;display:flex;gap:4px}.pill-tabs a{padding:11px 16px;border-radius:999px;color:#516079;font-weight:900;text-decoration:none}.pill-tabs a.active{background:#006fc9;color:white;box-shadow:0 10px 24px rgba(0,111,201,.22)}.plan-carousel-section{padding:14px 0 42px}.carousel-hint{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;color:#65758e}.carousel-hint span{font-weight:900;color:#07172f}.plan-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(310px,380px);gap:18px;overflow-x:auto;padding:4px 4px 22px;scroll-snap-type:x mandatory}.plan-carousel::-webkit-scrollbar{height:10px}.plan-carousel::-webkit-scrollbar-thumb{background:#cddbea;border-radius:999px}.plan-card{position:relative;scroll-snap-align:start;background:#fff;border:1px solid #dfe8f5;border-radius:28px;padding:24px;box-shadow:0 20px 60px rgba(23,60,106,.1);display:flex;flex-direction:column;gap:16px}.plan-card.popular{border-color:#76c7ff;box-shadow:0 28px 75px rgba(0,111,201,.18)}.popular-ribbon{position:absolute;top:16px;right:16px;background:#07172f;color:white;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:900}.plan-card h2{margin:0;font-size:1.6rem}.package-price.clean{display:flex;align-items:baseline;gap:3px}.package-price.clean strong{font-size:2.4rem}.plan-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-spec-grid div{padding:14px;border-radius:16px;background:#f8fbff;border:1px solid #e0eaf6}.plan-spec-grid b{display:block;color:#07172f}.plan-spec-grid span{color:#6b7890;font-size:.85rem}.package-features.clean{list-style:none;margin:0;padding:0;display:grid;gap:10px}.package-features.clean li{color:#42536d}.package-features.clean li:before{content:'✓';color:#16a34a;font-weight:900;margin-right:9px}.btn.full{width:100%;justify-content:center}.compare-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dbe6f3;border-radius:24px;background:#f8fbff;padding:22px}.compare-strip strong{display:block;font-size:1.15rem;color:#07172f}.compare-strip span{color:#60708a}
.status-grid{display:grid;grid-template-columns:1.25fr .875fr;gap:18px;align-items:start}.status-card.wide{grid-column:1/-1}.status-summary-card{padding:26px;border:1px solid #dfe8f5;border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(23,60,106,.1)}.status-big-dot{width:52px;height:52px;border-radius:50%;margin-bottom:16px;background:#16a34a;box-shadow:0 0 0 12px rgba(22,163,74,.12)}.status-big-dot.warn{background:#f59e0b;box-shadow:0 0 0 12px rgba(245,158,11,.14)}.card-head-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.latency-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.latency-panel{padding:18px;border-radius:20px;border:1px solid #dfe8f5;background:#fbfdff}.latency-panel>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.latency-panel strong{color:#07172f}.latency-panel span{display:block;color:#6b7890}.latency-panel b{font-size:1.9rem;color:#006fc9}.latency-panel canvas{width:100%;height:90px;margin-top:8px}.event-item{padding:14px 0;border-bottom:1px solid #edf2f8}.event-item:last-child{border-bottom:0}.event-item strong{display:block;color:#07172f}.event-item span{font-size:.86rem;color:#60708a}.event-item p{margin:8px 0 0;color:#42536d}.severity-critical strong{color:#b91c1c}.severity-major strong{color:#c2410c}.empty-state.small{padding:18px;border:1px dashed #d5e1ef;border-radius:18px;background:#fbfdff}.empty-state.small strong{display:block;color:#07172f}.empty-state.small span{color:#60708a}.node-status-list{display:grid;gap:10px}.node-status-row{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(180px,.5fr);align-items:center;gap:16px;padding:16px 18px;border:1px solid #dfe8f5;border-radius:18px;background:#fff}.node-status-row>div{display:flex;align-items:center;gap:10px}.node-status-row small{display:block;color:#60708a;margin-left:4px}.status-pill.status-online{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-pill.status-maintenance{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.faq-hero{display:block}.faq-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 0 52px}.faq-group h2{margin:0 0 12px}.faq-group details{border-top:1px solid #e5edf7;padding:14px 0}.faq-group summary{cursor:pointer;font-weight:900;color:#07172f;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq-group summary:after{content:'+';font-weight:900;color:#006fc9}.faq-group details[open] summary:after{content:'–'}.faq-group p{margin:10px 0 0;color:#53657e;line-height:1.65}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;padding:22px 0 52px}.contact-form-card{padding:26px}.stack-form{display:grid;gap:16px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack-form label{display:grid;gap:7px;font-weight:800;color:#273850}.stack-form input,.stack-form textarea,.stack-form select{width:100%;border:1px solid #d9e5f2;border-radius:14px;padding:13px 14px;background:#fff;color:#07172f}.stack-form textarea{resize:vertical}.contact-side{display:grid;gap:14px;align-content:start}.success-box{padding:22px;border-radius:18px;background:#f0fdf4;border:1px solid #bbf7d0}.alert.danger{padding:12px 14px;border-radius:14px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.tw-mt{margin-top:18px}.tw-metric-line{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid #edf2f8}.tw-metric-line small{grid-column:1/-1;color:#7a8aa0}.inline-form{display:inline-block;margin-left:6px}
@media(max-width:1100px){.public-hero,.public-hero.small,.split-feature,.contact-layout,.status-grid{grid-template-columns:1fr}.featured-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.packages-hero{align-items:flex-start;flex-direction:column}.latency-panels{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr}.node-status-row{grid-template-columns:1fr}.node-status-row>div{align-items:flex-start}.cta-band,.compare-strip{flex-direction:column;align-items:flex-start}.form-grid-2{grid-template-columns:1fr}}
@media(max-width:680px){.public-hero{padding-top:38px}.hero-metric-grid,.featured-packages{grid-template-columns:1fr}.plan-carousel{grid-auto-columns:86vw}.module-grid{grid-template-columns:1fr 1fr}.status-hero h1,.public-hero h1{font-size:3rem}.topbar .public-nav{display:none}}


/* Packages page polish: match homepage package cards, no dark/yellow pricing style */
.packages-side-card{border:1px solid #dbe6f3;border-radius:28px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 24px 70px rgba(26,66,114,.12);display:grid;gap:16px;align-self:stretch;min-width:0}.packages-side-card p{margin:0;color:#60708a;line-height:1.55}.packages-side-card .package-tabs{width:100%;justify-content:center}.packages-showcase{padding-top:28px}.packages-grid-clean{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.packages-grid-clean .featured-card{min-height:100%;transform:none}.packages-grid-clean .featured-card.featured{transform:none}.package-card-clean{gap:15px}.plan-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.soft-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef7ff;color:#006fc9;border:1px solid #cfe8ff;font-size:.72rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.homepage-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.homepage-spec-grid div{padding:13px;border-radius:16px;border:1px solid #e0eaf6;background:#f8fbff}.homepage-spec-grid b{display:block;color:#07172f;font-size:1rem}.homepage-spec-grid span{display:block;margin-top:3px;color:#6b7890;font-size:.82rem;font-weight:750}.package-card-clean .price-line strong{color:#07172f;text-shadow:none}.package-card-clean .btn{margin-top:auto;justify-content:center}.package-card-clean ul{min-height:142px}.package-card-clean li{color:#42536d}@media(max-width:1100px){.packages-side-card{width:100%}}@media(max-width:680px){.packages-grid-clean{grid-template-columns:1fr}.homepage-spec-grid{grid-template-columns:1fr 1fr}}

/* Public release typography and spacing polish */
.public-hero h1,
.public-section h2,
.split-feature h2,
.packages-hero h1,
.status-hero h1{line-height:1.06;letter-spacing:-.055em;margin-bottom:18px;overflow:visible}
.public-hero .lead,
.public-section p,
.split-feature p,
.packages-side-card p,
.feature-list-clean span,
.contact-side p{line-height:1.65}
.split-feature{align-items:start}.split-feature h2 + p{margin-top:16px;margin-bottom:0;max-width:720px}.public-section .section-title p,.section-title.wide p{margin-top:14px;line-height:1.7}.feature-list-clean{margin-top:28px}.featured-card p{min-height:0;line-height:1.55}.featured-card h3{line-height:1.2}.module-grid span{line-height:1.25}.cta-band p{line-height:1.55}.hero-copy{min-width:0}.public-section{padding-top:52px;padding-bottom:52px}

/* Contact form checkbox alignment */
.stack-form .check-line{display:flex!important;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dbe6f3;border-radius:16px;background:#f8fbff;font-weight:800;color:#273850;line-height:1.35}
.stack-form .check-line input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px;margin:0;accent-color:#006fc9;flex:0 0 auto}.stack-form .check-line span{display:block}.stack-form .btn.big{width:max-content;min-width:168px}

/* Public status component overview */
.component-status-list{display:grid;gap:12px;margin-top:18px}.component-status-row{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(120px,.35fr);align-items:center;gap:16px;padding:16px 18px;border:1px solid #dfe8f5;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(23,60,106,.045)}.component-main{display:flex;align-items:center;gap:12px;min-width:0}.component-main strong{display:block;color:#07172f}.component-main small{display:block;color:#60708a;line-height:1.45;margin-top:3px}.live-dot.down{background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.14)}.status-pill.status-up{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-pill.status-degraded{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.status-pill.status-down{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.latency-panels{grid-template-columns:repeat(4,minmax(0,1fr))}.latency-panel{min-width:0}.latency-panel b{font-size:clamp(1.35rem,2.3vw,1.9rem)}

@media(max-width:1200px){.latency-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.component-status-row{grid-template-columns:1fr auto}}
@media(max-width:680px){.public-hero h1,.packages-hero h1,.status-hero h1{font-size:2.75rem;line-height:1.08}.public-section{padding-top:34px;padding-bottom:34px}.latency-panels{grid-template-columns:1fr}.component-status-row{grid-template-columns:1fr;align-items:flex-start}.stack-form .btn.big{width:100%}}


/* Public marketing polish: homepage map + refined packages page */
.public-section h2,
.split-feature h2,
.packages-hero-pro h1{margin:0 0 18px;line-height:1.05;letter-spacing:-.055em;}
.public-section p,
.split-feature p,
.packages-hero-pro .lead{line-height:1.72;margin-top:0;}
.platform-map-section{align-items:start;gap:34px;}
.platform-map-section h2 + p{margin-top:0;margin-bottom:0;}
.datacenter-map-card{border:1px solid #dbe6f3;border-radius:30px;padding:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 24px 70px rgba(23,60,106,.1);overflow:hidden;}
.map-card-head h3{margin:6px 0 10px;font-size:1.45rem;letter-spacing:-.025em;color:#07172f;line-height:1.18;}
.map-card-head p{margin:0;color:#60708a;line-height:1.62;}
.dotted-world-map{position:relative;margin-top:20px;border:1px solid #e1eaf6;border-radius:24px;background:linear-gradient(180deg,#f7fbff,#eef6ff);min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dotted-world-map svg{width:100%;height:auto;display:block;}
.map-marker{animation:mapPulse 2.4s ease-in-out infinite;}
@keyframes mapPulse{0%,100%{opacity:1;transform:translate(382px,128px) scale(1)}50%{opacity:.85;transform:translate(382px,128px) scale(1.12)}}
.map-location-label{position:absolute;left:50%;top:32%;transform:translate(18px,-10px);background:#fff;border:1px solid #dbe6f3;border-radius:16px;padding:10px 12px;box-shadow:0 16px 38px rgba(23,60,106,.16);min-width:150px;}
.map-location-label strong{display:block;color:#07172f;font-size:.95rem;line-height:1.2;}
.map-location-label span{display:block;color:#60708a;font-size:.82rem;margin-top:2px;}
.packages-hero-pro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;padding:58px 0 28px;border-bottom:1px solid #e6eef8;margin-bottom:8px;}
.packages-hero-copy{max-width:850px;min-width:0;}
.packages-hero-pro h1{font-size:clamp(2.7rem,5.8vw,5.2rem);margin-top:8px;}
.packages-hero-pro .lead{max-width:760px;color:#42536d;font-size:clamp(1.03rem,1.5vw,1.2rem);margin-bottom:0;}
.packages-toolbar{display:grid;gap:14px;justify-items:end;align-self:center;}
.pill-tabs.compact{border-radius:18px;padding:6px;background:#fff;box-shadow:0 14px 36px rgba(23,60,106,.08);}
.pill-tabs.compact a{padding:10px 14px;border-radius:14px;white-space:nowrap;}
.packages-mini-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:420px;}
.packages-mini-meta span{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border:1px solid #dfe8f5;border-radius:999px;background:#f8fbff;color:#60708a;font-size:.82rem;font-weight:800;}
.packages-showcase{padding-top:36px;}
.packages-showcase .section-title h2{margin-bottom:14px;}
.package-card-clean p{line-height:1.58;}
.package-card-clean .btn{min-height:44px;padding:0 16px;border-radius:14px;}
.package-card-clean ul{min-height:0;}

@media(max-width:1100px){
  .packages-hero-pro{grid-template-columns:1fr;align-items:start;}
  .packages-toolbar{justify-items:start;}
  .packages-mini-meta{justify-content:flex-start;}
}
@media(max-width:680px){
  .datacenter-map-card{padding:18px;border-radius:24px;}
  .dotted-world-map{min-height:210px;}
  .map-location-label{left:44%;top:30%;transform:translate(14px,-8px);}
  .packages-hero-pro{padding:38px 0 22px;}
  .packages-hero-pro h1{font-size:2.65rem;line-height:1.04;}
  .pill-tabs.compact{width:100%;}
  .pill-tabs.compact a{flex:1;text-align:center;}
}

/* === Release manager public polish: clearer map, spacing and SEO content blocks === */
.public-section .section-title h2,
.platform-map-section h2,
.packages-hero-pro h1,
.faq-hero h1,
.status-hero h1{line-height:1.04!important;}
.public-section p,
.platform-map-section p,
.faq-layout p,
.status-card p{line-height:1.68!important;}
.enhanced-map{min-height:320px!important;background:linear-gradient(180deg,#f8fbff,#edf6ff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.enhanced-map svg{min-height:270px;}
.map-location-label.enhanced{left:auto!important;right:18px!important;top:22px!important;transform:none!important;min-width:210px!important;padding:14px 16px!important;border-radius:18px!important;}
.map-location-label.enhanced:before{content:'';display:inline-block;width:10px;height:10px;border-radius:999px;background:#006fc9;box-shadow:0 0 0 8px rgba(0,111,201,.12);margin-right:8px;vertical-align:middle;}
.map-location-label.enhanced strong{display:inline;color:#07172f;font-size:1rem;}
.map-location-label.enhanced span{display:block;margin-top:6px;color:#52657d;font-size:.86rem;}
.map-meta-row{position:absolute;left:18px;right:18px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap;}
.map-meta-row span{display:inline-flex;align-items:center;border:1px solid #dbe6f3;background:rgba(255,255,255,.86);border-radius:999px;padding:8px 10px;color:#42536d;font-size:.78rem;font-weight:850;box-shadow:0 10px 24px rgba(23,60,106,.08);}
.status-card .latency-panel span[data-hidden-ip],
.latency-panel span{line-height:1.35;}
@media(max-width:760px){.map-location-label.enhanced{position:relative!important;right:auto!important;top:auto!important;margin:12px 14px 0!important}.map-meta-row{position:relative;left:auto;right:auto;bottom:auto;margin:12px 14px 16px}.enhanced-map{display:block!important;}.enhanced-map svg{min-height:220px}}

/* Packages page - provider comparison style, inspired by compact hosting plan cards without copying vendor design */
.packages-page-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:stretch;padding:58px 0 30px;border-bottom:1px solid #e5eef8;margin-bottom:8px}
.packages-page-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.packages-page-copy h1{font-size:clamp(2.65rem,5.4vw,5.25rem);line-height:1.03;letter-spacing:-.06em;margin:10px 0 18px;color:#07172f}
.packages-page-copy .lead{max-width:850px;color:#40526c;font-size:clamp(1.03rem,1.5vw,1.22rem);line-height:1.72;margin:0}
.package-head-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.package-head-trust span{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce8f6;background:#fff;border-radius:999px;padding:9px 12px;color:#52637a;font-weight:800;font-size:.9rem;box-shadow:0 8px 24px rgba(23,60,106,.05)}
.package-head-trust span:before{content:'✓';width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf7ef;color:#16a34a;font-size:.72rem;font-weight:950}
.packages-page-panel{border:1px solid #dbe6f3;border-radius:28px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 22px 70px rgba(23,60,106,.12);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
.packages-page-panel span{display:block;color:#6b7890;font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
.packages-page-panel strong{display:block;margin-top:6px;font-size:2.35rem;letter-spacing:-.04em;color:#07172f}
.packages-page-panel small{display:block;color:#60708a;margin-top:2px}
.package-toggle-clean{display:grid;grid-template-columns:1fr 1fr;padding:6px;border:1px solid #dbe6f3;border-radius:16px;background:#f4f8fd;gap:6px}
.package-toggle-clean a{text-align:center;text-decoration:none;border-radius:12px;padding:11px 10px;color:#516079;font-weight:950}
.package-toggle-clean a.active{background:#006fc9;color:#fff;box-shadow:0 10px 24px rgba(0,111,201,.18)}
.plan-comparison-section{padding-top:32px}
.packages-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;max-width:none;margin-bottom:18px}
.packages-title-row h2{margin-bottom:8px}
.packages-title-row p{max-width:760px;line-height:1.7;margin:0;color:#60708a}
.plan-scroll-shell{position:relative;overflow:hidden;margin-left:-6px;margin-right:-6px;padding:6px}
.plan-scroll-shell:after{content:'';position:absolute;right:0;top:0;bottom:14px;width:70px;pointer-events:none;background:linear-gradient(90deg,rgba(248,251,255,0),#fff)}
.plan-card-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,386px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 6px 22px;scrollbar-width:thin;scrollbar-color:#cbd9e9 transparent}
.plan-card-row::-webkit-scrollbar{height:10px}.plan-card-row::-webkit-scrollbar-thumb{background:#cbd9e9;border-radius:999px}.plan-card-row::-webkit-scrollbar-track{background:transparent}
.provider-plan-card{position:relative;scroll-snap-align:start;background:#fff;border:1px solid #dfe8f5;border-radius:26px;box-shadow:0 18px 52px rgba(23,60,106,.09);padding:22px;display:flex;flex-direction:column;gap:16px;min-height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.provider-plan-card:hover{transform:translateY(-4px);box-shadow:0 26px 78px rgba(23,60,106,.14);border-color:#b8d9f6}
.provider-plan-card.is-popular{border-color:#73c2ff;box-shadow:0 28px 78px rgba(0,111,201,.16)}
.plan-ribbon-soft{position:absolute;top:16px;right:16px;border:1px solid #cfe8ff;background:#eef7ff;color:#006fc9;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.provider-plan-head{padding-right:76px}.provider-kind{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf5ff;color:#006fc9;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.provider-plan-head h3{margin:12px 0 8px;color:#07172f;font-size:1.42rem;letter-spacing:-.03em}.provider-plan-head p{margin:0;color:#60708a;line-height:1.58;min-height:52px}
.provider-location-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #e3edf8;background:#f8fbff;border-radius:15px;padding:10px 12px;color:#53647c;font-size:.88rem;font-weight:800}.location-pill{width:34px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d8e5f3;color:#006fc9;font-weight:950}.dot-sep{width:5px;height:5px;border-radius:50%;background:#b8c7d8}
.provider-spec-list{display:grid;border:1px solid #dfe8f5;border-radius:18px;overflow:hidden;background:#fff}.provider-spec-item{display:grid;grid-template-columns:98px 1fr;gap:12px;padding:13px 14px;align-items:center}.provider-spec-item+.provider-spec-item{border-top:1px solid #edf3fa}.provider-spec-item span{color:#6b7890;font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.provider-spec-item strong{color:#07172f;font-size:1.02rem;text-align:right}
.provider-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.provider-feature-list li{color:#42536d;line-height:1.45}.provider-feature-list li:before{content:'✓';display:inline-flex;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;background:#eaf7ef;color:#16a34a;font-size:.72rem;font-weight:950;margin-right:8px;vertical-align:1px}
.provider-plan-footer{margin-top:auto;padding-top:2px;display:grid;gap:14px}.provider-price{display:flex;align-items:baseline;gap:6px}.provider-price strong{font-size:2.2rem;line-height:1;color:#07172f;letter-spacing:-.05em}.provider-price span{color:#708096;font-weight:800}.provider-plan-footer .btn.full{min-height:46px;border-radius:14px}
.package-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:18px}.package-process-grid article{border:1px solid #dfe8f5;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(23,60,106,.07);padding:22px}.package-process-grid span{display:inline-flex;width:34px;height:34px;border-radius:12px;background:#eaf5ff;color:#006fc9;align-items:center;justify-content:center;font-weight:950}.package-process-grid h3{margin:14px 0 8px;color:#07172f;font-size:1.2rem}.package-process-grid p{margin:0;color:#60708a;line-height:1.65}.packages-final-cta .inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.no-packages-card{padding:28px}.no-packages-card .btn{margin-top:12px}
@media(max-width:1020px){.packages-page-head{grid-template-columns:1fr}.packages-page-panel{max-width:520px}.packages-title-row{align-items:flex-start;flex-direction:column}.package-process-grid{grid-template-columns:1fr}}
@media(max-width:680px){.packages-page-head{padding-top:38px}.packages-page-copy h1{font-size:2.7rem}.plan-card-row{grid-auto-columns:86vw}.provider-plan-head{padding-right:0}.plan-ribbon-soft{position:static;width:max-content;margin-bottom:-6px}.provider-spec-item{grid-template-columns:1fr}.provider-spec-item strong{text-align:left}.plan-scroll-shell:after{display:none}.packages-page-panel strong{font-size:2rem}}

/* One.com-inspired package presentation, rebuilt in cybaaspace style */
.one-packages-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:34px;align-items:stretch;padding:60px 0 32px;border-bottom:1px solid #e6eef8;margin-bottom:20px}
.one-packages-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.one-packages-copy h1{font-size:clamp(2.85rem,5.6vw,5.8rem);line-height:.98;letter-spacing:-.075em;margin:10px 0 18px;color:#07172f;max-width:980px}.one-packages-copy p{font-size:clamp(1.03rem,1.45vw,1.24rem);line-height:1.72;color:#40526c;max-width:900px;margin:0}.one-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.one-packages-summary{border:1px solid #dbe7f5;border-radius:32px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 24px 80px rgba(24,60,104,.12);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:290px}.one-summary-price span{display:block;color:#6b7890;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.one-summary-price strong{display:block;font-size:2.8rem;line-height:1;margin:10px 0 4px;color:#07172f;letter-spacing:-.05em}.one-summary-price small{color:#60708a}.one-summary-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.one-summary-split div{border:1px solid #e1ebf7;background:#fff;border-radius:18px;padding:14px}.one-summary-split b{display:block;color:#07172f;font-size:1.05rem}.one-summary-split span{display:block;margin-top:4px;color:#6b7890;font-size:.86rem;font-weight:800}.one-summary-note{border:1px solid #cfe8ff;background:#eef7ff;color:#0b5e9e;border-radius:18px;padding:13px 14px;font-weight:800;line-height:1.45}.one-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 54px}.one-feature-strip article{border:1px solid #dfe8f5;background:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(23,60,106,.08)}.one-feature-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#eef7ff;color:#006fc9;font-weight:950;font-size:1.2rem}.one-feature-strip h3{margin:14px 0 7px;color:#07172f;font-size:1.08rem;letter-spacing:-.025em}.one-feature-strip p{margin:0;color:#60708a;line-height:1.58}.one-plan-section{padding:42px 0 56px}.one-plan-section-alt{border-top:1px solid #e6eef8}.one-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px}.one-section-head h2{font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.02;letter-spacing:-.06em;margin:8px 0 10px;color:#07172f}.one-section-head p{max-width:780px;margin:0;color:#52647e;line-height:1.68}.one-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;align-items:stretch}.one-plan-card{position:relative;border:1px solid #dfe8f5;background:#fff;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 22px 64px rgba(23,60,106,.09);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-width:0}.one-plan-card:hover{transform:translateY(-4px);box-shadow:0 30px 84px rgba(23,60,106,.14);border-color:#b8d9f6}.one-plan-popular{border-color:#73c2ff;box-shadow:0 30px 84px rgba(0,111,201,.15)}.one-popular-label{position:absolute;right:18px;top:18px;background:#eaf5ff;color:#006fc9;border:1px solid #cfe8ff;border-radius:999px;padding:7px 11px;font-size:.73rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.one-plan-title{padding-right:88px}.one-plan-title span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f7fd;color:#4c617d;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.one-plan-title h3{margin:12px 0 9px;color:#07172f;font-size:1.48rem;letter-spacing:-.035em}.one-plan-title p{margin:0;color:#60708a;line-height:1.58;min-height:50px}.one-plan-price{display:flex;align-items:baseline;gap:6px;padding-top:2px}.one-plan-price strong{font-size:2.4rem;line-height:1;color:#07172f;letter-spacing:-.06em}.one-plan-price span{color:#708096;font-weight:850}.one-resource-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.one-resource-list li{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:'icon main' 'icon sub';column-gap:10px;align-items:center;padding:12px 13px;border:1px solid #e4edf7;background:#f9fcff;border-radius:16px}.one-check{grid-area:icon;width:24px;height:24px;border-radius:999px;background:#e7f8ef;color:#128043;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.one-resource-list b{grid-area:main;color:#07172f;font-size:1rem}.one-resource-list small{grid-area:sub;color:#6b7890;font-weight:780;margin-top:2px}.one-plan-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.one-plan-benefits div{border:1px solid #e4edf7;border-radius:16px;padding:12px;background:#fff}.one-plan-benefits span{display:block;color:#6b7890;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.one-plan-benefits strong{display:block;margin-top:4px;color:#07172f}.one-configure{min-height:48px;border-radius:15px;margin-top:auto}.one-package-faq-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0 60px;border:1px solid #dce7f5;background:linear-gradient(90deg,#f8fbff,#fff);border-radius:28px;padding:26px;box-shadow:0 20px 60px rgba(23,60,106,.08)}.one-package-faq-cta h2{margin:0 0 6px;color:#07172f;font-size:1.45rem;letter-spacing:-.03em}.one-package-faq-cta p{margin:0;color:#60708a;line-height:1.58}.packages-page-head,.plan-comparison-section,.package-process-grid,.packages-final-cta{display:none!important}

/* Payment methods */
.payment-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);gap:32px;align-items:stretch;padding:62px 0 42px}.payment-hero h1{font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:.98;letter-spacing:-.075em;margin:10px 0 18px;color:#07172f}.payment-hero p{font-size:1.12rem;line-height:1.72;color:#40526c;max-width:850px;margin:0}.payment-settlement-card{border:1px solid #dbe7f5;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:30px;padding:26px;box-shadow:0 24px 80px rgba(24,60,104,.12);display:flex;flex-direction:column;justify-content:center}.payment-settlement-card span{color:#6b7890;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.payment-settlement-card strong{display:block;margin:12px 0;font-size:2rem;letter-spacing:-.04em;color:#07172f}.payment-settlement-card p{font-size:1rem;color:#60708a;line-height:1.62}.payment-title-row{align-items:flex-start}.coin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.coin-card{border:1px solid #dfe8f5;background:#fff;border-radius:22px;padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 18px 52px rgba(23,60,106,.08)}.coin-icon{width:48px;height:48px;border-radius:16px;background:#eef7ff;color:#006fc9;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:-.04em;flex:0 0 auto}.coin-card h3{margin:0;color:#07172f;font-size:1.05rem}.coin-card strong{display:block;color:#006fc9;margin:3px 0 7px}.coin-card p{margin:0;color:#60708a;line-height:1.52;font-size:.92rem}.payment-flow-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:38px 0 58px}.payment-flow-section article{border:1px solid #dfe8f5;background:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 52px rgba(23,60,106,.08)}.payment-flow-section span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:13px;background:#eef7ff;color:#006fc9;font-weight:950}.payment-flow-section h3{margin:14px 0 8px;color:#07172f}.payment-flow-section p{margin:0;color:#60708a;line-height:1.58}
@media(max-width:1040px){.one-packages-hero,.payment-hero{grid-template-columns:1fr}.one-packages-summary,.payment-settlement-card{max-width:560px}.one-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.one-section-head{align-items:flex-start;flex-direction:column}.one-package-faq-cta{align-items:flex-start;flex-direction:column}.payment-flow-section{grid-template-columns:1fr}}
@media(max-width:680px){.one-packages-hero,.payment-hero{padding-top:38px}.one-packages-copy h1,.payment-hero h1{font-size:2.65rem}.one-feature-strip,.one-plans-grid,.coin-grid{grid-template-columns:1fr}.one-plan-title{padding-right:0}.one-popular-label{position:static;width:max-content;margin-bottom:-6px}.one-plan-benefits,.one-summary-split{grid-template-columns:1fr}.one-plan-card{padding:20px;border-radius:24px}.one-package-faq-cta{padding:20px}.one-section-head h2{font-size:2.2rem}}

/* === cybaaspace production UI refresh: one.com-inspired structure, cybaaspace branding === */
:root{
  --ui-bg:#f6f8fc;
  --ui-hero:#eaf5ff;
  --ui-hero-2:#f3f8ff;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fbff;
  --ui-border:#dbe7f3;
  --ui-border-strong:#c9d9ec;
  --ui-text:#102033;
  --ui-muted:#56677d;
  --ui-muted-soft:#728198;
  --ui-brand:#006fc9;
  --ui-brand-dark:#0058a8;
  --ui-brand-soft:#e5f2ff;
  --ui-green:#0d9b63;
  --ui-orange:#d98900;
  --ui-red:#d64045;
  --ui-radius-xl:32px;
  --ui-radius-lg:24px;
  --ui-radius-md:18px;
  --ui-shadow:0 18px 54px rgba(16,45,82,.10);
  --ui-shadow-soft:0 8px 28px rgba(16,45,82,.07);
}
html{font-size:16px} body{background:linear-gradient(180deg,#f8fbff 0%,#fff 42%,#f5f8fc 100%); color:var(--ui-text); line-height:1.55;}
.container,.wrap{width:min(1220px,calc(100% - 44px)); margin-inline:auto;}
.topbar{background:rgba(255,255,255,.92)!important; border-bottom:1px solid var(--ui-border)!important; box-shadow:0 4px 22px rgba(16,45,82,.04);}
.topbar-inner{width:min(1240px,calc(100% - 36px)); margin-inline:auto; min-height:76px; display:flex; align-items:center; gap:22px; justify-content:space-between;}
.brand-logo{height:42px; width:auto; display:block}.brand-link{display:flex; align-items:center; min-width:max-content}
.public-nav{display:flex; align-items:center; justify-content:center; gap:6px; flex:1}.top-link{display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; color:#52647a; font-weight:750; font-size:.95rem; white-space:nowrap;}.top-link:hover,.top-link.active{background:var(--ui-brand-soft); color:var(--ui-brand)}.nav-ico,.side-ico{display:inline-grid; place-items:center; width:18px; height:18px; line-height:1}.top-actions{display:flex; align-items:center; gap:10px; min-width:max-content}.wallet-chip{display:inline-flex; align-items:center; min-height:38px; border-radius:999px; padding:0 13px; background:#eef7ff; color:#005da8; border:1px solid #d1e8ff; font-weight:800}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:999px;background:#fff;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-soft);font-weight:900}.icon-btn:hover{background:var(--ui-brand-soft); color:var(--ui-brand)}
.btn{min-height:42px; padding:11px 18px; border-radius:999px; border:1px solid var(--ui-border); background:#fff; color:var(--ui-text); font-weight:800; letter-spacing:-.01em; box-shadow:none; line-height:1.1; text-align:center;}.btn:hover{transform:translateY(-1px); box-shadow:0 12px 28px rgba(16,45,82,.12)}.btn.primary{background:var(--ui-brand); color:#fff; border-color:var(--ui-brand);}.btn.primary:hover{background:var(--ui-brand-dark)}.btn.ghost{background:#fff;color:var(--ui-brand);border-color:#cfe4fa}.btn.big{min-height:50px; padding:14px 22px; font-size:1rem}.btn.small{min-height:34px; padding:8px 12px; font-size:.84rem}.btn.full{width:100%}.btn.danger{background:#fff0f1;color:#b8262c;border-color:#f5c8cb}.btn.danger:hover{background:#ffe3e5}.actions,.inline-actions,.hero-actions,.one-hero-actions{display:flex; align-items:center; flex-wrap:wrap; gap:10px}.inline-actions form{display:inline-flex; flex-wrap:wrap; gap:8px; margin:0}.inline-actions .btn{margin:0}.card,.panel,.clean-panel,.auth-card,.status-card,.contact-form-card,.contact-side .card,.one-plan-card,.featured-card,.payment-settlement-card,.coin-card,.payment-flow-section article,.hero-product-card,.one-packages-summary,.datacenter-map-card{background:#fff; border:1px solid var(--ui-border); border-radius:var(--ui-radius-lg); box-shadow:var(--ui-shadow-soft);}.card,.panel,.clean-panel{padding:24px}.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3{margin-top:0; letter-spacing:-.035em; line-height:1.08}.card p,.panel p{line-height:1.72;color:var(--ui-muted)}
.public-hero,.home-hero,.one-packages-hero,.payment-hero,.contact-hero,.status-hero{position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); gap:36px; align-items:center; margin:34px auto 40px; padding:48px; border-radius:36px; background:linear-gradient(135deg,#e9f6ff 0%,#f8fbff 52%,#eef5ff 100%); border:1px solid #d6e9fb; box-shadow:0 24px 70px rgba(16,72,130,.12); overflow:hidden}.public-hero.small,.contact-hero.public-hero.small,.status-hero.public-hero.small{grid-template-columns:minmax(0,1fr) minmax(270px,.42fr); padding:42px}.public-hero:before,.one-packages-hero:before,.payment-hero:before{content:""; position:absolute; inset:auto -8% -38% auto; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(0,111,201,.14),transparent 68%); pointer-events:none}.hero-copy,.one-packages-copy,.payment-hero>div,.status-hero>div{position:relative; z-index:1}.eyebrow{display:inline-flex; align-items:center; gap:8px; margin:0 0 16px; padding:7px 12px; border:1px solid #cfe4fa; border-radius:999px; background:#fff; color:var(--ui-brand); font-size:.78rem; line-height:1.2; text-transform:uppercase; letter-spacing:.08em; font-weight:900}.public-hero h1,.home-hero h1,.one-packages-hero h1,.payment-hero h1,.status-hero h1{font-size:clamp(2.5rem,5.5vw,5.4rem); line-height:.98; letter-spacing:-.07em; margin:0 0 20px; max-width:900px}.lead,.one-packages-copy p,.payment-hero p,.contact-hero .lead,.status-hero .lead{font-size:1.12rem; line-height:1.75; color:var(--ui-muted); margin:0 0 28px; max-width:720px}.trust-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:28px}.trust-row span{display:inline-flex; gap:6px; align-items:center; padding:9px 12px; background:#fff; border:1px solid var(--ui-border); border-radius:999px; color:var(--ui-muted); font-size:.92rem}.trust-row strong{color:var(--ui-text)}
.public-section,section{padding-block:42px}.section-title,.section-title.wide,.one-section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:24px}.section-title h2,.one-section-head h2,.public-section h2,.cta-band h2{font-size:clamp(2rem,3.8vw,3.6rem); line-height:1.04; letter-spacing:-.06em; margin:0 0 12px}.section-title p,.one-section-head p{font-size:1rem; line-height:1.75; color:var(--ui-muted); max-width:650px; margin:0}.split-feature{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); gap:28px; align-items:start}.split-feature>div:first-child{padding:8px 0}.split-feature h2{margin-bottom:18px}.split-feature p{line-height:1.8; margin:0 0 22px}.feature-list-clean{display:grid; gap:12px}.feature-list-clean>div{display:grid; gap:5px; padding:16px 18px; background:#fff; border:1px solid var(--ui-border); border-radius:20px}.feature-list-clean b{font-size:1rem}.feature-list-clean span{color:var(--ui-muted); line-height:1.65}.hero-product-card{padding:24px; position:relative; z-index:1}.mini-dashboard-head,.card-head-row,.card-head{display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px}.hero-metric-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}.hero-metric-grid>div{padding:16px; border-radius:20px; background:#f8fbff; border:1px solid var(--ui-border)}.hero-metric-grid span{display:block;color:var(--ui-muted);font-size:.84rem}.hero-metric-grid strong{display:block;margin:3px 0;font-size:1.22rem}.hero-metric-grid small{color:var(--ui-muted-soft); line-height:1.5}.hero-terminal{margin-top:14px; display:grid; gap:8px; padding:16px; border-radius:20px; background:#112033; color:#d9e9ff; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.86rem}.hero-terminal span:nth-child(n+2){color:#92f2bd}.featured-packages,.one-plans-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch}.featured-card,.one-plan-card{padding:24px; display:flex; flex-direction:column; min-height:100%; position:relative; overflow:hidden}.featured-card.featured,.one-plan-popular{border-color:#98cdf9; box-shadow:0 18px 54px rgba(0,111,201,.14)}.featured-card h3,.one-plan-title h3{font-size:1.45rem; margin:8px 0 10px}.featured-card p,.one-plan-title p{line-height:1.65; color:var(--ui-muted); margin:0 0 16px}.plan-tag,.one-plan-title span,.one-popular-label{display:inline-flex; width:max-content; padding:6px 10px; border-radius:999px; background:var(--ui-brand-soft); color:var(--ui-brand); font-weight:900; font-size:.76rem; letter-spacing:.04em; text-transform:uppercase}.one-popular-label{position:absolute; right:18px; top:18px}.price-line,.one-plan-price{margin:14px 0 18px; display:flex; align-items:flex-end; gap:6px}.price-line strong,.one-plan-price strong{font-size:2.4rem; letter-spacing:-.06em}.price-line span,.one-plan-price span,.one-plan-price small{color:var(--ui-muted)}.featured-card ul,.one-resource-list{list-style:none; padding:0; margin:0 0 18px; display:grid; gap:10px}.featured-card li,.one-resource-list li{display:flex; align-items:center; gap:10px; color:var(--ui-muted); min-width:0}.one-resource-list li{padding:10px 0;border-bottom:1px solid #edf3f9}.one-resource-list li b{color:var(--ui-text); margin-left:2px}.one-resource-list li small{margin-left:auto; color:var(--ui-muted-soft)}.one-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e9f8f1;color:var(--ui-green);font-weight:900;flex:0 0 auto}.one-plan-benefits,.one-summary-split{display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:8px 0 18px}.one-plan-benefits>div,.one-summary-split>div{background:#f7fbff;border:1px solid var(--ui-border);border-radius:16px;padding:12px}.one-plan-benefits span,.one-summary-split span{display:block;color:var(--ui-muted-soft);font-size:.82rem}.one-plan-benefits strong,.one-summary-split b{display:block;margin-top:2px}.one-packages-hero{grid-template-columns:minmax(0,1fr) 360px}.one-packages-summary{padding:24px}.one-summary-price span,.one-summary-price small{display:block;color:var(--ui-muted)}.one-summary-price strong{font-size:2.7rem;letter-spacing:-.06em;display:block}.one-summary-note{padding:14px;border-radius:18px;background:#eef7ff;color:#225b88;line-height:1.55}.one-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 36px}.one-feature-strip article{padding:22px;border:1px solid var(--ui-border);border-radius:24px;background:#fff;box-shadow:var(--ui-shadow-soft)}.one-feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:var(--ui-brand-soft);color:var(--ui-brand);font-weight:900;margin-bottom:14px}.one-feature-strip h3{margin:0 0 8px}.one-feature-strip p{margin:0;color:var(--ui-muted);line-height:1.6}.one-plan-section{padding-block:44px}.one-plan-section-alt{background:linear-gradient(180deg,transparent,#f8fbff);border-radius:32px;padding:34px 24px}.one-package-faq-cta,.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:30px;background:#102033;color:#fff;margin:42px 0}.one-package-faq-cta h2,.cta-band h2{color:#fff;margin:0 0 8px}.one-package-faq-cta p,.cta-band p{color:#c9d7e8;margin:0;line-height:1.65}.one-package-faq-cta .btn.ghost,.cta-band .btn.ghost{background:rgba(255,255,255,.10); color:#fff; border-color:rgba(255,255,255,.24)}
.datacenter-map-card{padding:24px}.map-card-head h3{font-size:1.7rem;letter-spacing:-.04em;margin:0 0 8px}.map-card-head p{margin:0 0 16px;color:var(--ui-muted);line-height:1.65}.dotted-world-map{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--ui-border);background:#f8fbff}.dotted-world-map svg{display:block;width:100%;height:auto}.map-location-label{position:absolute;right:18px;top:18px;background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:12px 14px;box-shadow:var(--ui-shadow-soft)}.map-location-label strong{display:block}.map-location-label span{display:block;color:var(--ui-muted);font-size:.86rem}.map-meta-row{display:flex;gap:8px;flex-wrap:wrap;padding:12px}.map-meta-row span{display:inline-flex;background:#fff;border:1px solid var(--ui-border);border-radius:999px;padding:7px 10px;color:var(--ui-muted);font-size:.82rem}
.payment-hero{grid-template-columns:minmax(0,1fr) 380px}.payment-settlement-card{padding:24px}.payment-settlement-card span{color:var(--ui-muted)}.payment-settlement-card strong{display:block;font-size:2rem;line-height:1.05;letter-spacing:-.05em;margin:8px 0 12px}.coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.coin-card{padding:18px;display:flex;gap:14px;align-items:flex-start}.coin-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand);font-weight:950;font-size:.86rem;flex:0 0 auto}.coin-card h3{margin:0 0 2px;line-height:1.2}.coin-card strong{color:var(--ui-brand);font-size:.85rem}.coin-card p{margin:8px 0 0;color:var(--ui-muted);line-height:1.55;font-size:.92rem}.payment-flow-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.payment-flow-section article{padding:24px}.payment-flow-section article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#102033;color:#fff;font-weight:900;margin-bottom:14px}.payment-flow-section h3{margin:0 0 8px}.payment-flow-section p{margin:0;color:var(--ui-muted);line-height:1.65}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.contact-form-card{padding:28px}.contact-side{display:grid;gap:16px}.stack-form,.form,.admin-form-grid{display:grid;gap:16px}.form-grid-2,.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stack-form label,.admin-form-grid label,.form label,.field label{display:grid;gap:7px;font-weight:850;color:var(--ui-text);font-size:.92rem}.stack-form input,.stack-form select,.stack-form textarea,.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.form input,.form select,.form textarea,.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{width:100%;border:1px solid var(--ui-border-strong);border-radius:16px;background:#fff;color:var(--ui-text);min-height:46px;padding:12px 14px;font:inherit;outline:none;box-shadow:0 1px 0 rgba(16,45,82,.02)}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#8bc7fa;box-shadow:0 0 0 4px rgba(0,111,201,.10)}.check-line,.switch-line{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px;border:1px solid var(--ui-border);border-radius:16px;background:#f8fbff;font-weight:750!important}.check-line input,.switch-line input{width:18px;height:18px;flex:0 0 auto;margin:0}.check-line span{line-height:1.45}.alert,.success-box,.notice{border-radius:18px;padding:16px 18px;border:1px solid var(--ui-border);background:#f8fbff}.alert.danger{background:#fff0f1;border-color:#f0c6cb;color:#9d252b}.success-box{background:#eefaf4;border-color:#bdebd5}.success-box h2{margin:0 0 8px}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.status-card.wide{grid-column:1/-1}.status-summary-card{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-soft)}.status-big-dot{width:54px;height:54px;border-radius:50%;background:var(--ui-orange);box-shadow:0 0 0 12px rgba(217,137,0,.12);margin-bottom:16px}.status-big-dot.ok{background:var(--ui-green);box-shadow:0 0 0 12px rgba(13,155,99,.12)}.latency-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.latency-panel{background:#f8fbff;border:1px solid var(--ui-border);border-radius:20px;padding:16px;display:grid;gap:10px}.latency-panel>div{display:flex;justify-content:space-between;gap:10px}.latency-panel strong{display:block}.latency-panel span{display:block;color:var(--ui-muted);font-size:.84rem}.latency-panel b{font-size:1.55rem;color:var(--ui-brand)}.component-status-list{display:grid;gap:10px}.component-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border:1px solid var(--ui-border);border-radius:18px;padding:14px;background:#fff}.component-main{display:flex;align-items:center;gap:12px;min-width:0}.component-main strong,.component-main small{display:block}.component-main small{color:var(--ui-muted);line-height:1.45}.live-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--ui-muted-soft);box-shadow:0 0 0 5px rgba(114,129,152,.12);flex:0 0 auto}.live-dot.ok{background:var(--ui-green);box-shadow:0 0 0 5px rgba(13,155,99,.13)}.live-dot.warn{background:var(--ui-orange);box-shadow:0 0 0 5px rgba(217,137,0,.12)}.live-dot.down{background:var(--ui-red);box-shadow:0 0 0 5px rgba(214,64,69,.12)}.status-pill,.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:900;border:1px solid var(--ui-border);background:#fff;color:var(--ui-muted)}.status-pill.status-up,.status-pill.online,.pill.ok{background:#eefaf4;color:var(--ui-green);border-color:#bee9d2}.status-pill.status-degraded,.status-pill.suspended{background:#fff8e9;color:var(--ui-orange);border-color:#f4ddb0}.status-pill.status-down{background:#fff0f1;color:var(--ui-red);border-color:#f1c4c7}.event-item{border:1px solid var(--ui-border);border-radius:18px;padding:16px;background:#fff;margin-top:10px}.event-item strong,.event-item span{display:block}.event-item span{color:var(--ui-muted);font-size:.86rem;margin-top:3px}.event-item p{margin:10px 0 0;color:var(--ui-muted);line-height:1.6}.empty-state{display:grid;gap:4px;padding:18px;border:1px dashed var(--ui-border-strong);border-radius:18px;color:var(--ui-muted)}.empty-state strong{color:var(--ui-text)}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--ui-border);border-radius:20px;padding:0;box-shadow:var(--ui-shadow-soft);overflow:hidden}.faq summary{padding:18px 20px;font-weight:900;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 20px 18px;margin:0;color:var(--ui-muted);line-height:1.72}.legal-page{max-width:980px;margin:34px auto;padding:36px}.legal-page h1{font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:-.07em;line-height:1;margin-bottom:10px}.legal-page h2{font-size:1.3rem;margin:30px 0 10px}.legal-page p{line-height:1.85}.legal-kicker{font-weight:900;color:var(--ui-brand);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.app-shell{width:min(1440px,calc(100% - 30px));margin:24px auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.app-content{min-width:0;padding:0!important}.dashboard-sidebar{position:sticky;top:96px;padding:16px;border-radius:28px}.sidebar-title{display:flex;gap:12px;align-items:center;padding:8px 8px 16px;border-bottom:1px solid var(--ui-border);margin-bottom:10px}.sidebar-title strong,.sidebar-title span{display:block}.sidebar-title span{color:var(--ui-muted);font-size:.86rem}.icon.sm{width:40px;height:40px;margin:0;border-radius:14px}.side-nav{display:grid;gap:4px}.side-link{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:11px 12px;border-radius:16px;color:var(--ui-muted);font-weight:800}.side-link.active,.side-link:hover{background:var(--ui-brand-soft);color:var(--ui-brand)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border:1px solid var(--ui-border);border-radius:22px;background:#fff;padding:20px;box-shadow:var(--ui-shadow-soft)}.metric b{display:block;font-size:1.8rem;letter-spacing:-.04em}.metric span{display:block;color:var(--ui-muted);margin-top:4px}.table,.admin-modern-table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th,.admin-modern-table th{text-align:left;color:var(--ui-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;padding:0 12px}.table td,.admin-modern-table td{padding:14px 12px;background:#fff;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);vertical-align:middle}.table td:first-child,.admin-modern-table td:first-child{border-left:1px solid var(--ui-border);border-radius:16px 0 0 16px}.table td:last-child,.admin-modern-table td:last-child{border-right:1px solid var(--ui-border);border-radius:0 16px 16px 0}.service-list,.compact-service-list{display:grid;gap:12px}.service-row,.compact-service-row{border:1px solid var(--ui-border);border-radius:24px;background:#fff;box-shadow:var(--ui-shadow-soft);padding:14px;overflow:hidden}.service-row-main,.compact-service-main{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(170px,1fr) minmax(130px,.75fr) minmax(130px,.75fr) minmax(120px,.65fr) minmax(210px,.95fr);gap:14px;align-items:center}.actions-grid,.service-actions-grid{display:grid!important;grid-template-columns:repeat(3,42px);gap:8px;justify-content:end;align-items:center}.actions-grid .btn,.service-actions-grid .btn,.action-icon-btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important;display:inline-grid!important;place-items:center!important}.service-row details,.compact-service-row details{margin-top:12px}.service-row summary,.compact-service-row summary{cursor:pointer;font-weight:900;color:var(--ui-brand)}.service-row-expanded,.compact-service-expanded{margin-top:12px;border-top:1px solid var(--ui-border);padding-top:14px}.mini-chart,canvas{max-width:100%}.copy-btn,.reveal-btn{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:12px!important}.credential-row,.access-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.resource-usage-grid,.server-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-detail-grid,.service-detail-top,.service-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.service-detail-main{display:grid;gap:18px}.service-detail-side{display:grid;gap:18px}.service-detail-main>.card,.service-detail-side>.card{margin:0}.quick-actions,.manage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-actions .btn,.manage-actions .btn{border-radius:16px;min-height:44px}.modal,.modal-panel{border-radius:26px!important}.admin-editor-grid{align-items:start}.admin-form-grid .wide{grid-column:1/-1}.admin-table-card{overflow-x:auto}.admin-modern-table{min-width:850px}
.footer{margin:56px auto 0; width:min(1240px,calc(100% - 36px)); border-top:1px solid var(--ui-border); padding:28px 0 38px; color:var(--ui-muted); display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}.footer a{color:var(--ui-muted);font-weight:750}.footer a:hover{color:var(--ui-brand)}
@media(max-width:1100px){.public-hero,.home-hero,.one-packages-hero,.payment-hero,.status-hero,.split-feature,.contact-layout,.service-detail-grid,.service-detail-top,.service-overview-grid{grid-template-columns:1fr}.featured-packages,.one-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.one-feature-strip,.coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.dashboard-sidebar{position:relative;top:auto}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.service-row-main,.compact-service-main{grid-template-columns:1fr 1fr}.actions-grid,.service-actions-grid{justify-content:start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.container,.wrap,.topbar-inner,.footer,.app-shell{width:min(100% - 24px,1220px)}.topbar-inner{flex-wrap:wrap;min-height:auto;padding:14px 0}.public-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.top-link{padding:9px 12px}.public-hero,.home-hero,.one-packages-hero,.payment-hero,.status-hero{padding:28px;border-radius:28px;margin-top:20px}.public-hero h1,.home-hero h1,.one-packages-hero h1,.payment-hero h1,.status-hero h1{font-size:2.65rem}.featured-packages,.one-plans-grid,.one-feature-strip,.coin-grid,.payment-flow-section,.latency-panels,.status-grid,.form-grid-2,.admin-form-grid,.metric-grid,.resource-usage-grid,.server-resource-grid{grid-template-columns:1fr}.one-section-head,.section-title{display:grid;gap:14px}.one-package-faq-cta,.cta-band{display:grid}.hero-metric-grid,.one-plan-benefits,.one-summary-split{grid-template-columns:1fr}.component-status-row{grid-template-columns:1fr}.service-row-main,.compact-service-main{grid-template-columns:1fr}.actions-grid,.service-actions-grid{grid-template-columns:repeat(3,42px)}.footer{display:grid}.side-nav{grid-template-columns:1fr}.quick-actions,.manage-actions{grid-template-columns:1fr}.legal-page{padding:26px}}

/* Extra IPv4 add-on management */
.network-panel .compact-head{align-items:flex-start;gap:18px;flex-wrap:wrap}.network-panel .compact-head form{margin-left:auto;display:flex;align-items:center}.network-ip-table td,.network-ip-table th{vertical-align:middle}.network-ip-table form{display:inline-flex;margin:0}.btn.small{min-height:34px;padding:8px 12px;font-size:13px;border-radius:10px}.btn.danger{background:#fff;border-color:#fecaca;color:#b91c1c}.btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.network-ip-table .copy-btn{margin-left:8px}.network-ip-table .mono{white-space:nowrap}.network-ip-table td:last-child{text-align:right;min-width:92px}@media(max-width:760px){.network-panel .compact-head form{margin-left:0;width:100%}.network-panel .compact-head .btn{width:100%;justify-content:center}.network-ip-table{display:block;overflow-x:auto;white-space:nowrap}}

/* Extra IP confirmation modals */
.confirm-modal .modal-panel{width:min(560px,96vw)!important;}
.confirm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;}
.confirm-summary>div{border:1px solid var(--ui-border,#dbe5f2);background:#f8fbff;border-radius:16px;padding:12px;min-width:0;}
.confirm-summary span{display:block;color:var(--ui-muted,#64748b);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;}
.confirm-summary strong{display:block;font-size:.94rem;line-height:1.25;overflow-wrap:anywhere;}
.check-row{display:flex!important;align-items:flex-start!important;gap:10px!important;font-weight:800;color:#1d2b45;margin:0;line-height:1.35;}
.check-row input{width:18px!important;height:18px!important;margin:1px 0 0!important;flex:0 0 18px;}
.notice.warn{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;border-radius:16px;padding:14px;margin:14px 0;}
.notice.soft{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e3a8a!important;border-radius:16px;padding:14px;margin:14px 0;}
@media(max-width:680px){.confirm-summary{grid-template-columns:1fr}.confirm-modal .modal-panel{padding:18px!important}.network-panel .compact-head{align-items:flex-start!important}}

/* Release fix: keep confirmation modals above all service cards, charts and side panels. */
html.modal-lock, body.modal-lock{overflow:hidden!important;}
.modal{position:fixed!important;inset:0!important;z-index:2147483000!important;isolation:isolate!important;align-items:center!important;justify-content:center!important;padding:24px!important;}
.modal.is-open{display:flex!important;}
.modal-backdrop{position:absolute!important;inset:0!important;z-index:0!important;background:rgba(7,18,38,.56)!important;backdrop-filter:blur(8px)!important;}
.modal-panel{position:relative!important;z-index:2!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;overscroll-behavior:contain!important;}
.confirm-modal .modal-panel{width:min(580px,calc(100vw - 32px))!important;padding:26px!important;}
.confirm-modal .modal-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 38%);padding-top:14px;margin-top:12px;}
@media(max-width:680px){.modal{padding:14px!important}.confirm-modal .modal-panel{width:calc(100vw - 24px)!important;padding:20px!important}}

/* Release UI cleanup: icon-only controls should render as plain icons, not rounded pills/circles. */
.icon-btn,
.modal-close,
.copy-btn,
.reveal-btn,
.tw-icon-btn,
.action-btn.icon-only,
.action-icon-btn,
.actions-grid .btn,
.service-actions-grid .btn,
.server-actions.compact .action-btn,
.server-actions.compact > button.action-btn,
.compact-actions .action-btn.icon-only{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  outline-offset:4px!important;
}

.icon-btn:hover,
.modal-close:hover,
.copy-btn:hover,
.reveal-btn:hover,
.tw-icon-btn:hover,
.action-btn.icon-only:hover:not(:disabled),
.action-icon-btn:hover:not(:disabled),
.actions-grid .btn:hover:not(:disabled),
.service-actions-grid .btn:hover:not(:disabled),
.server-actions.compact .action-btn:hover:not(:disabled),
.server-actions.compact > button.action-btn:hover:not(:disabled),
.compact-actions .action-btn.icon-only:hover:not(:disabled){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  color:var(--ui-brand,var(--brand,#006fc9))!important;
}

.icon-btn,
.modal-close,
.copy-btn,
.reveal-btn,
.tw-icon-btn,
.action-btn.icon-only,
.action-icon-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
}

.icon-btn{width:auto!important;height:auto!important;min-width:28px!important;min-height:28px!important;padding:4px!important;color:var(--ui-text,var(--text,#07172f))!important;}
.icon-btn.dashboard-shortcut{background:transparent!important;color:var(--ui-brand,var(--brand,#006fc9))!important;border-color:transparent!important;}
.icon-btn.logout{color:var(--danger,#d94b4b)!important;}
.icon-btn span{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:18px!important;}

.modal-close{width:auto!important;height:auto!important;min-width:30px!important;min-height:30px!important;font-size:28px!important;font-weight:800!important;color:var(--ui-text,var(--text,#07172f))!important;}
.console-modal .modal-close{background:transparent!important;border-color:transparent!important;color:#eaf2ff!important;}

.copy-btn,.reveal-btn{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex:0 0 28px!important;margin-left:6px!important;color:var(--ui-brand,var(--brand,#006fc9))!important;font-size:0!important;
}
.copy-btn::before{font-size:15px!important;line-height:1!important;display:block!important;}
.copy-btn.reveal-btn::before{font-size:14px!important;}
.copy-btn.copied,.copy-btn.copied:hover{background:transparent!important;color:var(--ok,#0f9f68)!important;border-color:transparent!important;}
.copy-btn.copy-failed,.copy-btn.copy-failed:hover{background:transparent!important;color:var(--danger,#d94b4b)!important;border-color:transparent!important;}
.copy-btn.reveal-btn.active,.copy-btn.reveal-btn.active:hover{background:transparent!important;color:var(--ui-brand,var(--brand,#006fc9))!important;border-color:transparent!important;}
.read-field .copy-btn,.read-field .reveal-btn{margin-left:6px!important;}
.read-field .copy-btn:first-of-type{margin-left:auto!important;}

.action-btn.icon-only,
.action-icon-btn,
.actions-grid .btn,
.service-actions-grid .btn,
.server-actions.compact .action-btn,
.server-actions.compact > button.action-btn,
.compact-actions .action-btn.icon-only{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;color:var(--ui-text,var(--text,#07172f))!important;
}
.action-btn.icon-only.primary,.action-icon-btn.primary,.actions-grid .btn.primary,.service-actions-grid .btn.primary{color:var(--ui-brand,var(--brand,#006fc9))!important;}
.action-btn.icon-only.success,.action-icon-btn.success,.actions-grid .btn.success,.service-actions-grid .btn.success{color:var(--ok,#0f9f68)!important;}
.action-btn.icon-only.danger,.action-icon-btn.danger,.actions-grid .btn.danger,.service-actions-grid .btn.danger{color:var(--danger,#d94b4b)!important;}
.action-btn.icon-only:disabled,.action-icon-btn:disabled,.actions-grid .btn:disabled,.service-actions-grid .btn:disabled{opacity:.28!important;}
.action-icon{font-size:16px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
.actions-grid,.service-actions-grid{grid-template-columns:repeat(3,32px)!important;gap:10px!important;}
.server-actions.compact{gap:10px!important;}

.tw-icon-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;color:var(--ui-brand,var(--brand,#006fc9))!important;}
.tw-icon-danger{color:var(--danger,#dc2626)!important;background:transparent!important;border-color:transparent!important;}

.btn .btn-icon,.add-balance-btn .btn-icon{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}

/* Release UI cleanup v2: remove icon circles from top menu, footer and sidebars. */
.top-link .nav-ico,
.footer .nav-ico,
.side-link .side-ico,
.dashboard-sidebar .side-ico,
.admin-side .side-ico,
.sidebar-title .icon.sm,
.dashboard-sidebar .sidebar-title .icon,
.admin-side .sidebar-title .icon{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  color:currentColor!important;
  font-size:1em!important;
}

.top-link{gap:7px!important;}
.top-link .nav-ico{font-size:.95em!important;color:inherit!important;opacity:.82!important;}
.top-link:hover .nav-ico,.top-link.active .nav-ico{opacity:1!important;color:inherit!important;}

.footer .nav-ico{font-size:.92em!important;opacity:.75!important;margin-right:3px!important;}
.footer a:hover .nav-ico{opacity:1!important;}

.side-link{grid-template-columns:18px 1fr!important;gap:10px!important;}
.side-link .side-ico{font-size:1rem!important;color:inherit!important;opacity:.78!important;}
.side-link:hover .side-ico,.side-link.active .side-ico{opacity:1!important;color:inherit!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.admin-side .side-link.active .side-ico,.side-link.active .side-ico{background:transparent!important;color:inherit!important;border-color:transparent!important;}

.sidebar-title{gap:10px!important;}
.sidebar-title .icon.sm,.dashboard-sidebar .sidebar-title .icon,.admin-side .sidebar-title .icon{font-size:1.15rem!important;color:var(--ui-brand,var(--brand,#006fc9))!important;}

/* IP management transfer page */
.ipam-overview-card,.ip-transfer-card{overflow:hidden;}
.ip-address-list{display:grid;gap:10px;margin-top:18px;}
.ip-address-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ui-border,#dbe5f2);border-radius:18px;padding:14px 16px;background:#fff;}
.ip-address-row strong{display:block;color:var(--ui-text,#07172f);font-weight:900;}
.ip-address-row .muted{display:block;margin-top:4px;line-height:1.45;}
.ip-row-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.pill.info{background:#eff6ff;color:#075da8;border-color:#bfdbfe;}
.pill.soft{background:#f8fbff;color:#536782;border-color:var(--ui-border,#dbe5f2);}
.ip-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;}
.ip-transfer-card{border:1px solid var(--ui-border,#dbe5f2);border-radius:22px;background:#fff;box-shadow:var(--ui-shadow-soft,0 18px 50px rgba(31,67,112,.08));padding:18px;display:grid;gap:16px;}
.transfer-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.transfer-card-main h3{margin:4px 0 6px;font-size:1.35rem;letter-spacing:-.02em;}
.transfer-price{text-align:right;min-width:92px;}
.transfer-price strong{display:block;font-size:1.2rem;color:var(--ui-text,#07172f);}
.transfer-price span{display:block;color:var(--ui-muted,#60708a);font-size:.86rem;}
.transfer-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;border-top:1px solid var(--ui-border,#dbe5f2);padding-top:14px;}
.notice.info{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e3a8a!important;border-radius:16px;padding:14px;margin:14px 0;line-height:1.6;}
.check-row{display:flex!important;align-items:flex-start!important;gap:10px!important;font-weight:850!important;line-height:1.45!important;}
.check-row input{width:18px!important;height:18px!important;min-height:18px!important;margin-top:2px!important;flex:0 0 auto!important;}
@media(max-width:900px){.ip-transfer-grid{grid-template-columns:1fr}.ip-address-row,.transfer-card-main{flex-direction:column;align-items:flex-start}.ip-row-meta,.transfer-card-actions{justify-content:flex-start}.transfer-price{text-align:left}}
/* Payment methods public page polish */
.streamlined-payment-hero{align-items:stretch}.payment-highlight-card{position:relative;z-index:1;border:1px solid var(--ui-border);background:#fff;border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-soft);padding:28px;display:flex;flex-direction:column;justify-content:center;gap:14px}.payment-highlight-card strong{font-size:clamp(1.7rem,2vw,2.25rem);line-height:1.05;letter-spacing:-.05em;color:var(--ui-text)}.payment-highlight-card p{margin:0;color:var(--ui-muted);line-height:1.7}.payment-highlight-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--ui-brand-soft);color:var(--ui-brand);font-weight:950}.payment-highlight-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.payment-highlight-badges span{font-size:.82rem;font-weight:850;color:var(--ui-brand);background:#f4f9ff;border:1px solid #d8eafe;border-radius:999px;padding:7px 10px}.compact-public-section{margin-top:24px}.featured-coin-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-coin-card{border:1px solid var(--ui-border);background:#fff;border-radius:22px;box-shadow:var(--ui-shadow-soft);padding:18px;display:flex;gap:14px;align-items:center}.featured-coin-card h3{margin:0;line-height:1.05;color:var(--ui-text);font-size:1.08rem}.featured-coin-card p{margin:4px 0 0;color:var(--ui-muted);line-height:1.35}.coin-logo-wrap{width:50px;height:50px;border-radius:16px;background:#f5f9ff;border:1px solid #dfeaf7;display:grid;place-items:center;flex:0 0 auto;overflow:hidden}.coin-logo-wrap.small{width:46px;height:46px;border-radius:14px}.coin-logo-wrap img{width:30px;height:30px;object-fit:contain}.coin-logo-wrap span{width:100%;height:100%;align-items:center;justify-content:center;font-size:.74rem;font-weight:950;color:var(--ui-brand)}.coin-search-box{min-width:min(360px,100%)}.coin-search-box input{width:100%;min-height:46px;border-radius:999px;border:1px solid #cfe2f5;background:#fff;padding:0 18px;font-weight:750;box-shadow:0 12px 34px rgba(15,54,98,.08)}.live-coin-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));max-height:none}.live-coin-card{min-height:112px}.live-coin-card p{word-break:break-word}.payment-settlement-card{display:none!important}@media(max-width:1100px){.featured-coin-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.streamlined-payment-hero{grid-template-columns:1fr}}@media(max-width:720px){.featured-coin-strip{grid-template-columns:1fr}.payment-highlight-card{padding:22px}.coin-search-box{min-width:0;width:100%}}

/* Payment methods cache/list polish */
.payment-route-stats{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 18px}
.payment-route-stats span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:13px;font-weight:700}
.live-coin-grid .coin-card{min-height:92px}
.coin-logo-wrap span{place-items:center;width:100%;height:100%;font-size:12px;font-weight:800;color:var(--brand);background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:14px}

/* API system */
.api-docs-head{background:linear-gradient(135deg,#f7fbff 0%,#eef6ff 100%);border:1px solid #dcecff;border-radius:28px;padding:42px;margin-bottom:24px;}
.api-doc-card{margin-bottom:18px;}
.api-endpoint-list{display:grid;gap:18px;min-width:0;}
.api-endpoint,.api-doc-card{padding:24px;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;}
.api-endpoint-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;min-width:0;}
.api-endpoint-head code{flex:1 1 320px;min-width:0;max-width:100%;background:#f4f8fc;border:1px solid #dbe7f3;border-radius:12px;padding:8px 10px;color:#12324d;word-break:break-word;overflow-wrap:anywhere;white-space:normal;}
.method{display:inline-flex;align-items:center;justify-content:center;min-width:66px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.08em;padding:8px 10px;flex:0 0 auto;}
.method.get{background:#e9f8ef;color:#0f7a3a;}.method.post{background:#eaf2ff;color:#0b62c4;}.method.delete{background:#ffecec;color:#b52222;}
.api-endpoint pre,.api-doc-card pre,.card.api-api-compact pre{display:block;max-width:100%;background:#071426;color:#eaf2ff;border-radius:18px;padding:16px;overflow:auto;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;}
.api-endpoint pre code,.api-doc-card pre code,.card.api-api-compact pre code{white-space:inherit;overflow-wrap:inherit;word-break:inherit;}
.secret-row{display:flex;align-items:center;gap:10px;background:#f6f9fd;border:1px solid #dce7f3;border-radius:16px;padding:12px;margin-top:10px;min-width:0;}
.secret-row code{flex:1;min-width:0;overflow:auto;white-space:nowrap;}
.success-card{border-color:#b9e7cc;background:#f4fff8;}
.form-card label{display:grid;gap:7px;margin-bottom:14px;}
.btn.small{padding:8px 12px;min-height:36px;font-size:13px;}
.api-api-compact{margin-top:18px;}
@media(max-width:760px){.api-docs-head{padding:28px}.secret-row{align-items:stretch;flex-direction:column}.api-endpoint,.api-doc-card{padding:18px}.api-endpoint-head code{flex-basis:100%}}

/* Custom crypto payment UI */
.copy-row{display:flex;gap:10px;align-items:center}.copy-row input{flex:1;min-width:0}.mini-stat{border:1px solid var(--line);background:var(--panel-soft);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}.mini-stat .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}.coin-payment-logo{width:76px;height:76px;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:#fff;padding:10px;margin-bottom:10px}.text-warning{color:#d97706}.text-ok{color:#16a34a}@media(max-width:720px){.copy-row{flex-direction:column;align-items:stretch}}

/* Site settings, language selector and affiliate additions */
.language-switcher{display:inline-flex;align-items:center;margin:0 6px 0 0}.language-switcher select{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);color:var(--text);font-weight:800;padding:9px 12px;min-width:112px;outline:none}.copy-wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.copy-wrap input{flex:1;min-width:260px;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#fff;color:var(--text);font:inherit}.affiliate-hero{margin-top:24px}.big{font-size:2.35rem;font-weight:900;letter-spacing:-.04em;margin:10px 0}.text-red-600{color:#dc2626}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.language-switcher{order:-1}.copy-wrap input{min-width:100%}.admin-form-grid{grid-template-columns:1fr}}

/* FlagCDN language selector */
.language-switcher.flag-language-switcher{display:inline-flex;align-items:center;gap:6px;margin:0 8px 0 0;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(18,32,51,.06)}
.language-switcher.flag-language-switcher .language-flag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.05em;line-height:1;transition:.16s ease}
.language-switcher.flag-language-switcher .language-flag img{display:block;border-radius:3px;box-shadow:0 0 0 1px rgba(18,32,51,.12)}
.language-switcher.flag-language-switcher .language-flag.active{background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(79,70,229,.12));color:var(--brand);box-shadow:inset 0 0 0 1px rgba(0,111,201,.18)}
.language-switcher.flag-language-switcher .language-flag:hover{background:rgba(0,111,201,.08);color:var(--brand)}
@media(max-width:760px){.language-switcher.flag-language-switcher{order:-1}.language-switcher.flag-language-switcher .language-flag span{display:none}.language-switcher.flag-language-switcher .language-flag{padding:7px}}

/* Private VLAN management */
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.private-vlan-note code,.clean-panel code{white-space:nowrap}

/* Logical status colors: success = green, pending/running/manual = orange, error/failed = red. */
.status-badge,.badge.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.8rem;border:1px solid transparent;}
.status-badge.status-success,.badge.status-success,.badge.success,.badge.applied,.badge.ok,.status-pill.success,.status-pill.completed,.status-pill.active{background:#eefaf4!important;color:var(--ui-green,#0d9b63)!important;border-color:#bee9d2!important;}
.status-badge.status-pending,.badge.status-pending,.badge.pending,.badge.queued,.badge.running,.badge.manual,.status-pill.pending,.status-pill.provisioning,.status-pill.queued,.status-pill.running{background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;}
.status-badge.status-error,.badge.status-error,.badge.failed,.badge.error,.status-pill.failed,.status-pill.error{background:#fff0f1!important;color:var(--ui-red,#d64045)!important;border-color:#f1c4c7!important;}
.status-badge.status-muted,.badge.status-muted,.badge.detached,.badge.disabled,.status-pill.detached,.status-pill.deleted{background:#f1f5f9!important;color:#64748b!important;border-color:#e2e8f0!important;}
.private-vlan-flash{margin:0 0 18px;border-radius:18px;padding:14px 16px;font-weight:850;border:1px solid var(--ui-border,#dbe5f2);background:#f8fbff;}
.private-vlan-flash.ok{background:#eefaf4;color:var(--ui-green,#0d9b63);border-color:#bee9d2;}
.private-vlan-flash.error{background:#fff0f1;color:var(--ui-red,#d64045);border-color:#f1c4c7;}
.private-vlan-members tr[data-pending="1"]{background:#fffaf0;}
.private-vlan-members .actions-cell{min-width:120px;text-align:right;}
.private-vlan-card[data-vlan-pending="1"]{border-color:#f4ddb0;box-shadow:0 14px 38px rgba(217,137,0,.08);}
button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none;}

/* Unified status badge colors: green = healthy/success, orange = pending/in progress, red = error/blocking. */
.status-pill.success,.status-pill.active,.status-pill.online,.status-pill.available,.status-pill.applied,.status-pill.completed,.status-pill.accepted,.status-pill.paid,.status-pill.up,.status-pill.running,.status-pill.allow,.status-pill.allowed,.status-pill.enabled,.status-pill.synced,.status-pill.approved,.status-pill.delivered,.status-pill.sent,.pill.success,.badge.success,.badge.ok{background:#eefaf4!important;color:var(--ui-green,#0d9b63)!important;border-color:#bee9d2!important;}
.status-pill.warn,.status-pill.pending,.status-pill.queued,.status-pill.processing,.status-pill.provisioning,.status-pill.creating,.status-pill.scheduled,.status-pill.unpaid,.status-pill.unknown,.status-pill.maintenance,.status-pill.degraded,.status-pill.investigating,.status-pill.action-required,.status-pill.manual,.status-pill.manual-required,.pill.warn,.badge.pending,.badge.queued,.badge.running,.badge.manual{background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;}
.status-pill.danger,.status-pill.failed,.status-pill.error,.status-pill.suspended,.status-pill.cancelled,.status-pill.void,.status-pill.terminated,.status-pill.deleted,.status-pill.banned,.status-pill.offline,.status-pill.rejected,.status-pill.disabled,.status-pill.down,.status-pill.blocked,.status-pill.high,.status-pill.critical,.status-pill.deny,.status-pill.denied,.status-pill.expired,.pill.danger,.badge.failed,.badge.error{background:#fff0f1!important;color:var(--ui-red,#d64045)!important;border-color:#f1c4c7!important;}
.status-pill.job-running,.status-pill.job-queued,.status-pill.job-pending{background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;}
.invoice-pdf-hint{font-size:.86rem;color:var(--muted);margin-top:8px}


/* Final unified status badge palette across admin, client and public pages.
   Green = ready/healthy/success, orange = queued/pending/in progress, red = missing/failed/blocked. */
.status-pill.success,.status-pill.active,.status-pill.online,.status-pill.available,.status-pill.applied,.status-pill.completed,.status-pill.accepted,.status-pill.paid,.status-pill.up,.status-pill.running,.status-pill.ready,.status-pill.synced,.status-pill.enabled,.status-pill.approved,.status-pill.delivered,.status-pill.sent,.status-pill.low,
.status-pill.status-success,.status-pill.status-active,.status-pill.status-online,.status-pill.status-available,.status-pill.status-applied,.status-pill.status-completed,.status-pill.status-accepted,.status-pill.status-paid,.status-pill.status-up,.status-pill.status-running,.status-pill.status-ready,.status-pill.status-synced,.status-pill.status-enabled,.status-pill.status-approved,.status-pill.status-delivered,.status-pill.status-sent,.status-pill.status-low,
.badge.success,.badge.ok,.badge.online,.badge.ready,.badge.status-success,.badge.status-ready,.badge.status-active,.badge.status-online,.badge.status-synced,.status-badge.status-success,.status-badge.status-ready{
  background:#eefaf4!important;color:var(--ui-green,#0d9b63)!important;border-color:#bee9d2!important;
}
.status-pill.warn,.status-pill.pending,.status-pill.queued,.status-pill.processing,.status-pill.provisioning,.status-pill.creating,.status-pill.scheduled,.status-pill.unpaid,.status-pill.unknown,.status-pill.maintenance,.status-pill.degraded,.status-pill.investigating,.status-pill.action-required,.status-pill.manual,.status-pill.manual-required,.status-pill.exporting,.status-pill.syncing,.status-pill.skipped,
.status-pill.status-warn,.status-pill.status-pending,.status-pill.status-queued,.status-pill.status-processing,.status-pill.status-provisioning,.status-pill.status-creating,.status-pill.status-scheduled,.status-pill.status-unpaid,.status-pill.status-unknown,.status-pill.status-maintenance,.status-pill.status-degraded,.status-pill.status-investigating,.status-pill.status-action-required,.status-pill.status-manual,.status-pill.status-manual-required,.status-pill.status-exporting,.status-pill.status-syncing,.status-pill.status-skipped,
.badge.pending,.badge.queued,.badge.running,.badge.manual,.badge.warn,.badge.status-pending,.badge.status-queued,.badge.status-running,.badge.status-exporting,.badge.status-syncing,.status-badge.status-pending,.status-badge.status-warn,.status-badge.status-neutral{
  background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;
}
.status-pill.danger,.status-pill.failed,.status-pill.error,.status-pill.suspended,.status-pill.cancelled,.status-pill.canceled,.status-pill.void,.status-pill.terminated,.status-pill.deleted,.status-pill.banned,.status-pill.offline,.status-pill.rejected,.status-pill.disabled,.status-pill.down,.status-pill.blocked,.status-pill.high,.status-pill.critical,.status-pill.deny,.status-pill.denied,.status-pill.expired,.status-pill.missing,.status-pill.retired,
.status-pill.status-danger,.status-pill.status-failed,.status-pill.status-error,.status-pill.status-suspended,.status-pill.status-cancelled,.status-pill.status-canceled,.status-pill.status-void,.status-pill.status-terminated,.status-pill.status-deleted,.status-pill.status-banned,.status-pill.status-offline,.status-pill.status-rejected,.status-pill.status-disabled,.status-pill.status-down,.status-pill.status-blocked,.status-pill.status-high,.status-pill.status-critical,.status-pill.status-deny,.status-pill.status-denied,.status-pill.status-expired,.status-pill.status-missing,.status-pill.status-retired,
.badge.failed,.badge.error,.badge.danger,.badge.offline,.badge.missing,.badge.status-error,.badge.status-failed,.badge.status-missing,.badge.status-danger,.status-badge.status-error,.status-badge.status-danger,.status-badge.status-missing{
  background:#fff0f1!important;color:var(--ui-red,#d64045)!important;border-color:#f1c4c7!important;
}

/* --------------------------------------------------------------------------
   1VPS.nl dark blue visual system
   Applies the dark navy / blue VPS look globally across public pages,
   client dashboards and admin dashboards without changing page markup.
   -------------------------------------------------------------------------- */
:root{
  --bg:#06101f!important;
  --bg-2:#0b1b33!important;
  --surface:rgba(10,24,45,.86)!important;
  --surface-strong:#0f223d!important;
  --line:rgba(123,190,255,.16)!important;
  --text:#edf6ff!important;
  --muted:#9eb4d4!important;
  --muted-2:#7288aa!important;
  --brand:#2f9cff!important;
  --brand-2:#0d5cff!important;
  --ok:#38f078!important;
  --warn:#ffd166!important;
  --danger:#ff5c7a!important;
  --shadow:0 24px 90px rgba(0,0,0,.42)!important;
  color-scheme:dark!important;
}
html,body{background:#06101f!important;color:var(--text)!important;}
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(47,156,255,.26),transparent 34rem),
    radial-gradient(circle at 78% 10%,rgba(13,92,255,.20),transparent 32rem),
    radial-gradient(circle at 50% 100%,rgba(15,34,61,.70),transparent 42rem),
    linear-gradient(180deg,#06101f 0%,#071426 48%,#050b16 100%)!important;
}
.noise{opacity:.055!important;mix-blend-mode:screen!important;}
header,.topbar,.public-topbar,.app-topbar{
  background:rgba(6,16,31,.84)!important;
  border-bottom:1px solid rgba(123,190,255,.16)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
}
.brand,.footer h4,.hero h1,.section-title h2,.page-heading h1,.auth-card h1,.card h1,.card h2,.card h3,
.clean-hero-title,.service-title,.dashboard-title{color:#f4f9ff!important;}
.brand-mark,.icon,.panel-icon,.avatar,.btn.primary,.package-tabs a.active,.package-tabs a:hover{
  background:linear-gradient(135deg,#2f9cff,#0d5cff)!important;
  color:#fff!important;
  box-shadow:0 18px 45px rgba(47,156,255,.28)!important;
}
.gradient{background:linear-gradient(135deg,#bfe6ff,#2f9cff 44%,#0d5cff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.card,.panel,.stat,.auth-card,.dashboard-sidebar,.clean-panel,.side-card,.service-table-card,.admin-table-card,.admin-form-card,
.private-vlan-card,.service-card,.metric,.kpi,.bubble,.faq details,.modal-content,.modal-card,.dropdown-menu{
  background:linear-gradient(180deg,rgba(15,34,61,.92),rgba(8,21,40,.88))!important;
  border:1px solid rgba(123,190,255,.16)!important;
  box-shadow:var(--shadow)!important;
  color:var(--text)!important;
}
.card::before,.panel::before,.clean-panel::before,.service-card::before{border-color:rgba(47,156,255,.16)!important;}
.muted,.stat span,.section-title p,.lead,.card p,.features,.table th,.side-link,.top-link,.nav-links,.footer,.footer a,
.meta,.field small,.help-text,.invoice-pdf-hint{color:var(--muted)!important;}
.nav-links a:hover,.nav-links a.active,.top-link:hover,.top-link.active,.side-link.active,.side-link:hover{
  background:rgba(47,156,255,.12)!important;
  color:#dff3ff!important;
}
.side-ico,.nav-ico{background:rgba(47,156,255,.11)!important;color:#83caff!important;border-color:rgba(123,190,255,.16)!important;}
.btn,.action-btn,.copy-btn,.package-order{
  background:rgba(14,31,56,.92)!important;
  color:#eaf6ff!important;
  border:1px solid rgba(123,190,255,.18)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.26)!important;
}
.btn:hover,.action-btn:hover:not(:disabled),.copy-btn:hover,.package-order:hover{
  background:linear-gradient(135deg,rgba(47,156,255,.95),rgba(13,92,255,.95))!important;
  color:#fff!important;
  border-color:transparent!important;
}
.btn.ghost{background:rgba(255,255,255,.03)!important;box-shadow:none!important;}
.btn.danger,.action-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#ff4775,#ff7a59)!important;color:#fff!important;}
.table td,.admin-modern-table td,.admin-modern-table th,.service-row,.expanded-panel,
.usage-stat-box,.usage-network-card,.admin-stat-list>div,.ticket-message,.mini-chart,.terminal,
.secret,.kbd,.pill,.tag,.upload-box,.resource-box,.read-field code,.copy-wrap input,
.package-tabs,.language-switcher.flag-language-switcher{
  background:rgba(7,18,35,.86)!important;
  border-color:rgba(123,190,255,.16)!important;
  color:var(--text)!important;
}
.table td:first-child,.table td:last-child{border-color:rgba(123,190,255,.16)!important;}
.term-line{color:#c9def8!important;}.term-line b{color:var(--ok)!important;}.term-dots i{background:rgba(123,190,255,.28)!important;}
.field input,.field select,.field textarea,.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,
.stacked-form input,.stacked-form select,.stacked-form textarea,.compact-select,input,select,textarea{
  background:#081a31!important;
  color:#f4f9ff!important;
  border:1px solid rgba(123,190,255,.20)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{
  border-color:rgba(47,156,255,.72)!important;
  box-shadow:0 0 0 4px rgba(47,156,255,.13)!important;
  outline:none!important;
}
::placeholder{color:#6f86a7!important;}
.pricing-grid{background:#08101c!important;border-color:rgba(123,190,255,.16)!important;box-shadow:0 30px 110px rgba(0,0,0,.55)!important;}
.pricing-card{background:linear-gradient(180deg,#0d1d35,#08111f)!important;color:#fff!important;}
.pricing-card:not(:last-child){border-color:rgba(123,190,255,.16)!important;}
.package-price strong,.package-price span{color:#67c7ff!important;text-shadow:0 4px 0 rgba(0,38,86,.45)!important;}
.package-price em,.package-features{color:#b5c7e3!important;}
.service-badge,.invoice-status,.status-pill,.badge,.status-badge,.pill.success,.pill.warn,.pill.danger{
  border-width:1px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.status-pill.success,.status-pill.active,.status-pill.online,.status-pill.available,.status-pill.applied,.status-pill.completed,.status-pill.accepted,.status-pill.paid,.status-pill.up,.status-pill.running,.status-pill.ready,.status-pill.synced,.status-pill.enabled,.status-pill.approved,.status-pill.delivered,.status-pill.sent,.status-pill.low,
.status-pill.status-success,.status-pill.status-active,.status-pill.status-online,.status-pill.status-available,.status-pill.status-applied,.status-pill.status-completed,.status-pill.status-accepted,.status-pill.status-paid,.status-pill.status-up,.status-pill.status-running,.status-pill.status-ready,.status-pill.status-synced,.status-pill.status-enabled,.status-pill.status-approved,.status-pill.status-delivered,.status-pill.status-sent,.status-pill.status-low,
.badge.success,.badge.ok,.badge.online,.badge.ready,.badge.status-success,.badge.status-ready,.badge.status-active,.badge.status-online,.badge.status-synced,.status-badge.status-success,.status-badge.status-ready{
  background:rgba(56,240,120,.12)!important;color:#73ffac!important;border-color:rgba(56,240,120,.28)!important;
}
.status-pill.warn,.status-pill.pending,.status-pill.queued,.status-pill.processing,.status-pill.provisioning,.status-pill.creating,.status-pill.scheduled,.status-pill.unpaid,.status-pill.unknown,.status-pill.maintenance,.status-pill.degraded,.status-pill.investigating,.status-pill.action-required,.status-pill.manual,.status-pill.manual-required,.status-pill.exporting,.status-pill.syncing,.status-pill.skipped,
.status-pill.status-warn,.status-pill.status-pending,.status-pill.status-queued,.status-pill.status-processing,.status-pill.status-provisioning,.status-pill.status-creating,.status-pill.status-scheduled,.status-pill.status-unpaid,.status-pill.status-unknown,.status-pill.status-maintenance,.status-pill.status-degraded,.status-pill.status-investigating,.status-pill.status-action-required,.status-pill.status-manual,.status-pill.status-manual-required,.status-pill.status-exporting,.status-pill.status-syncing,.status-pill.status-skipped,
.badge.pending,.badge.queued,.badge.running,.badge.manual,.badge.warn,.badge.status-pending,.badge.status-queued,.badge.status-running,.badge.status-exporting,.badge.status-syncing,.status-badge.status-pending,.status-badge.status-warn,.status-badge.status-neutral{
  background:rgba(255,209,102,.13)!important;color:#ffd166!important;border-color:rgba(255,209,102,.30)!important;
}
.status-pill.danger,.status-pill.failed,.status-pill.error,.status-pill.suspended,.status-pill.cancelled,.status-pill.canceled,.status-pill.void,.status-pill.terminated,.status-pill.deleted,.status-pill.banned,.status-pill.offline,.status-pill.rejected,.status-pill.disabled,.status-pill.down,.status-pill.blocked,.status-pill.high,.status-pill.critical,.status-pill.deny,.status-pill.denied,.status-pill.expired,.status-pill.missing,.status-pill.retired,
.status-pill.status-danger,.status-pill.status-failed,.status-pill.status-error,.status-pill.status-suspended,.status-pill.status-cancelled,.status-pill.status-canceled,.status-pill.status-void,.status-pill.status-terminated,.status-pill.status-deleted,.status-pill.status-banned,.status-pill.status-offline,.status-pill.status-rejected,.status-pill.status-disabled,.status-pill.status-down,.status-pill.status-blocked,.status-pill.status-high,.status-pill.status-critical,.status-pill.status-deny,.status-pill.status-denied,.status-pill.status-expired,.status-pill.status-missing,.status-pill.status-retired,
.badge.failed,.badge.error,.badge.danger,.badge.offline,.badge.missing,.badge.status-error,.badge.status-failed,.badge.status-missing,.badge.status-danger,.status-badge.status-error,.status-badge.status-danger,.status-badge.status-missing{
  background:rgba(255,92,122,.13)!important;color:#ff8aa0!important;border-color:rgba(255,92,122,.30)!important;
}
.provision-progress,.usage-bar{background:rgba(123,190,255,.11)!important;border-color:rgba(123,190,255,.16)!important;}
.provision-progress-bar span,.usage-bar span,.bars i{background:linear-gradient(180deg,#5bc5ff,#0d5cff)!important;}
.alert,.private-vlan-flash{background:rgba(47,156,255,.10)!important;color:#dff3ff!important;border-color:rgba(47,156,255,.24)!important;}
.alert.danger,.private-vlan-flash.error{background:rgba(255,92,122,.12)!important;color:#ff9db0!important;border-color:rgba(255,92,122,.26)!important;}
.private-vlan-flash.ok{background:rgba(56,240,120,.12)!important;color:#73ffac!important;border-color:rgba(56,240,120,.26)!important;}
.footer{border-top-color:rgba(123,190,255,.14)!important;background:linear-gradient(180deg,transparent,rgba(5,11,22,.78))!important;}
svg text{fill:currentColor;}
hr{border-color:rgba(123,190,255,.14)!important;}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#071426}::-webkit-scrollbar-thumb{background:#18395f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2f9cff}

/* --------------------------------------------------------------------------
   1VPS dark-blue hardening pass
   Some older pages use very specific light-card CSS or inline white backgrounds.
   This final pass forces all card/panel/table/dashboard containers into one
   readable dark-blue visual system.
   -------------------------------------------------------------------------- */
html body,
html body .page,
html body main,
html body .app-shell,
html body .admin-shell,
html body .dashboard-main,
html body .dashboard-content{
  background-color:#06101f!important;
  color:#edf6ff!important;
}
html body :not(img)[style*="background:#fff"],
html body :not(img)[style*="background: #fff"],
html body :not(img)[style*="background:#ffffff"],
html body :not(img)[style*="background: #ffffff"],
html body :not(img)[style*="background:white"],
html body :not(img)[style*="background: white"],
html body .bg-white,
html body .bg-light,
html body .table-light,
html body .tw-card,
html body .tw-filterbar,
html body .tw-field,
html body .card,
html body .panel,
html body .clean-panel,
html body .clean-cloud-card,
html body .auth-card,
html body .status-card,
html body .status-summary-card,
html body .contact-form-card,
html body .contact-side .card,
html body .one-plan-card,
html body .one-packages-summary,
html body .one-package-faq-cta,
html body .one-summary-note,
html body .featured-card,
html body .featured-coin-card,
html body .payment-highlight-card,
html body .payment-settlement-card,
html body .payment-flow-section article,
html body .coin-card,
html body .hero-product-card,
html body .datacenter-map-card,
html body .map-card-head,
html body .package-card-clean,
html body .package-toggle-clean,
html body .packages-page-panel,
html body .provider-plan-card,
html body .provider-spec-item,
html body .metric,
html body .metric-chart-tile,
html body .kpi,
html body .mini-stat,
html body .latency-panel,
html body .side-card,
html body .dashboard-sidebar,
html body .admin-modern-table,
html body .admin-table-card,
html body .admin-form-card,
html body .admin-toolbar,
html body .admin-stat-list > div,
html body .admin-service-row,
html body .private-vlan-card,
html body .private-vlan-members,
html body .private-vlan-note,
html body .cloud-service-row,
html body .clean-cloud-card .card-head,
html body .cloud-table,
html body .cloud-table th,
html body .cloud-table td,
html body .compact-service-card,
html body .compact-service-row,
html body .service-card,
html body .service-row,
html body .service-table-card,
html body .expanded-panel,
html body .usage-stat-box,
html body .usage-network-card,
html body .usage-row,
html body .ip-address-row,
html body .ip-transfer-card,
html body .transfer-card-main,
html body .transfer-card-actions,
html body .ticket-message,
html body .bubble,
html body .modal-content,
html body .modal-card,
html body .modal-panel,
html body .console-modal-panel,
html body .dropdown-menu,
html body .faq details,
html body .notice,
html body .alert,
html body .success-box,
html body .success-card,
html body .confirm-summary,
html body .secret-row,
html body .resource-box,
html body .read-field code,
html body .terminal,
html body .mini-chart,
html body .package-tabs,
html body .language-switcher,
html body .language-switcher.flag-language-switcher,
html body .payment-route-stats span,
html body .hardware-item,
html body .node-status-row,
html body .event-item,
html body .component-main,
html body .component-status-row,
html body .compare-strip,
html body .empty-state{
  background:linear-gradient(180deg,rgba(15,34,61,.96),rgba(7,18,35,.94))!important;
  background-color:#0b1b33!important;
  border-color:rgba(123,190,255,.18)!important;
  color:#edf6ff!important;
  box-shadow:0 24px 90px rgba(0,0,0,.42)!important;
}
html body table,
html body thead,
html body tbody,
html body tr,
html body th,
html body td,
html body .table,
html body .table td,
html body .table th,
html body .tw-table,
html body .tw-table td,
html body .tw-table th,
html body .network-ip-table td,
html body .network-ip-table th,
html body .private-vlan-members td,
html body .private-vlan-members th,
html body .admin-modern-table td,
html body .admin-modern-table th{
  background-color:rgba(7,18,35,.92)!important;
  color:#edf6ff!important;
  border-color:rgba(123,190,255,.16)!important;
}
html body tr:hover td,
html body .cloud-table tr:hover td,
html body .admin-modern-table tr:hover td{
  background-color:rgba(13,36,66,.96)!important;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body label,
html body .server-title,
html body .service-title,
html body .dashboard-title,
html body .billing-cell strong,
html body .transfer-title strong,
html body .provider-price strong,
html body .one-plan-title,
html body .one-summary-price strong,
html body .api-endpoint-head code,
html body .secret-row code,
html body .read-field code,
html body .mono,
html body .secret{
  color:#f4f9ff!important;
}
html body p,
html body small,
html body .muted,
html body .meta,
html body .server-meta,
html body .detail-lines,
html body .billing-cell span,
html body .billing-cell small,
html body .location-cell,
html body .feature-list-clean,
html body .features,
html body .one-plan-benefits,
html body .provider-feature-list,
html body .provider-spec-list,
html body .packages-mini-meta,
html body .payment-highlight-card p,
html body .featured-coin-card p,
html body .card p,
html body .panel p,
html body .help-text,
html body .field small,
html body .footer,
html body .footer a{
  color:#a8bddc!important;
}
html body input,
html body select,
html body textarea,
html body .compact-select,
html body .coin-search-box input,
html body .copy-wrap input,
html body .copy-row input,
html body .tw-field input,
html body .tw-field select,
html body .tw-field textarea{
  background:#081a31!important;
  color:#f4f9ff!important;
  border-color:rgba(123,190,255,.22)!important;
}
html body input:disabled,
html body select:disabled,
html body textarea:disabled{
  background:#071426!important;
  color:#7790b4!important;
  opacity:1!important;
}
html body .btn,
html body .tw-btn,
html body .tw-btn-light,
html body .action-btn,
html body .icon-btn,
html body .icon-only,
html body .row-expand-btn,
html body .modal-close,
html body .copy-btn,
html body button:not(.btn-icon):not(.copy-btn){
  background:rgba(14,31,56,.94)!important;
  color:#eaf6ff!important;
  border-color:rgba(123,190,255,.20)!important;
}
html body .btn.primary,
html body .tw-btn.primary,
html body .btn:hover,
html body .tw-btn:hover,
html body .action-btn:hover:not(:disabled),
html body .icon-btn:hover:not(:disabled),
html body .copy-btn:hover{
  background:linear-gradient(135deg,#2f9cff,#0d5cff)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html body .btn.danger,
html body .tw-icon-danger,
html body .action-btn.danger,
html body button.danger{
  background:rgba(255,92,122,.13)!important;
  color:#ff9db0!important;
  border-color:rgba(255,92,122,.30)!important;
}
html body .pill,
html body .tag,
html body .soft-badge,
html body .location-pill,
html body .wallet-chip,
html body .live-chip,
html body .kbd,
html body .badge:not(.success):not(.ok):not(.pending):not(.queued):not(.running):not(.manual):not(.failed):not(.error):not(.danger),
html body .status-pill:not(.success):not(.active):not(.online):not(.paid):not(.warn):not(.pending):not(.queued):not(.running):not(.failed):not(.error):not(.danger):not(.offline){
  background:rgba(47,156,255,.10)!important;
  color:#cfeeff!important;
  border-color:rgba(47,156,255,.24)!important;
}
html body .notice.warn,
html body .alert.warn,
html body .private-vlan-flash.warn,
html body .status-pill.warn,
html body .status-pill.pending,
html body .status-pill.queued,
html body .status-pill.running,
html body .status-pill.provisioning,
html body .badge.pending,
html body .badge.queued,
html body .badge.running,
html body .tw-pill-warn{
  background:rgba(255,209,102,.13)!important;
  color:#ffd166!important;
  border-color:rgba(255,209,102,.30)!important;
}
html body .notice.info,
html body .alert.info,
html body .tw-pill-muted{
  background:rgba(47,156,255,.11)!important;
  color:#dff3ff!important;
  border-color:rgba(47,156,255,.25)!important;
}
html body .alert.ok,
html body .private-vlan-flash.ok,
html body .status-pill.success,
html body .status-pill.active,
html body .status-pill.online,
html body .status-pill.paid,
html body .badge.success,
html body .badge.ok,
html body .tw-pill-ok,
html body .invoice-status.paid{
  background:rgba(56,240,120,.12)!important;
  color:#73ffac!important;
  border-color:rgba(56,240,120,.28)!important;
}
html body .alert.error,
html body .alert.danger,
html body .notice.danger,
html body .private-vlan-flash.error,
html body .status-pill.failed,
html body .status-pill.error,
html body .status-pill.danger,
html body .status-pill.offline,
html body .badge.failed,
html body .badge.error,
html body .badge.danger,
html body .tw-pill-danger,
html body .invoice-status.overdue{
  background:rgba(255,92,122,.13)!important;
  color:#ff8aa0!important;
  border-color:rgba(255,92,122,.30)!important;
}
html body .coin-logo-wrap,
html body .coin-logo-wrap span,
html body .coin-payment-logo,
html body .server-os-icon,
html body .one-feature-icon,
html body .icon,
html body .panel-icon{
  background:linear-gradient(135deg,rgba(47,156,255,.20),rgba(13,92,255,.16))!important;
  border-color:rgba(123,190,255,.18)!important;
  color:#dff3ff!important;
}
html body .provision-progress-bar,
html body .usage-bar{
  background:rgba(123,190,255,.12)!important;
  border-color:rgba(123,190,255,.18)!important;
}
html body .provision-progress-bar span,
html body .usage-bar span,
html body .bars i{
  background:linear-gradient(90deg,#2f9cff,#0d5cff)!important;
}
html body a:not(.btn):not(.side-link):not(.top-link){color:#7bc8ff;}
html body .text-dark{color:#f4f9ff!important;}
html body .text-muted{color:#a8bddc!important;}

/* --------------------------------------------------------------------------
   1VPS final strict dark pass
   Fixes remaining light public/package sections and unreadable white-on-light
   areas by forcing the page-specific wrappers used by packages/home dashboards
   into the same dark navy/blue system.
   -------------------------------------------------------------------------- */
html body .public-hero,
html body .home-hero,
html body .one-packages-hero,
html body .payment-hero,
html body .contact-hero,
html body .status-hero,
html body .packages-hero,
html body .pricing-landing,
html body .public-section,
html body .one-plan-section,
html body .one-plan-section-alt,
html body .plan-comparison-section,
html body .package-process-grid,
html body .packages-final-cta,
html body .cta-band,
html body .one-package-faq-cta{
  background:
    radial-gradient(circle at 14% 0%, rgba(47,156,255,.22), transparent 30rem),
    radial-gradient(circle at 84% 12%, rgba(13,92,255,.18), transparent 28rem),
    linear-gradient(135deg, rgba(8,22,42,.98) 0%, rgba(6,16,31,.98) 48%, rgba(3,9,18,.98) 100%) !important;
  background-color:#06101f!important;
  border-color:rgba(123,190,255,.16)!important;
  color:#edf6ff!important;
  box-shadow:0 26px 90px rgba(0,0,0,.42)!important;
}
html body .public-section,
html body .one-plan-section,
html body .pricing-landing{
  box-shadow:none!important;
  border-color:transparent!important;
}
html body .public-hero:before,
html body .home-hero:before,
html body .one-packages-hero:before,
html body .payment-hero:before,
html body .contact-hero:before,
html body .status-hero:before{
  background:radial-gradient(circle, rgba(47,156,255,.24), transparent 68%)!important;
  opacity:1!important;
}
html body .public-hero h1,
html body .home-hero h1,
html body .one-packages-hero h1,
html body .payment-hero h1,
html body .status-hero h1,
html body .one-section-head h2,
html body .public-section h2,
html body .one-package-faq-cta h2,
html body .cta-band h2,
html body .featured-card h3,
html body .one-plan-title h3,
html body .one-resource-list b,
html body .one-plan-benefits strong,
html body .one-summary-split b,
html body .one-feature-strip h3,
html body .feature-list-clean b,
html body .hero-metric-grid strong,
html body .trust-row strong{
  color:#f7fbff!important;
  text-shadow:none!important;
}
html body .public-hero p,
html body .home-hero p,
html body .one-packages-copy p,
html body .payment-hero p,
html body .status-hero .lead,
html body .lead,
html body .one-section-head p,
html body .public-section p,
html body .featured-card p,
html body .one-plan-title p,
html body .one-feature-strip p,
html body .feature-list-clean span,
html body .hero-metric-grid span,
html body .hero-metric-grid small,
html body .one-plan-benefits span,
html body .one-summary-split span,
html body .one-summary-price span,
html body .one-summary-price small,
html body .price-line span,
html body .one-plan-price span,
html body .one-resource-list small,
html body .trust-row span{
  color:#a8bddc!important;
}
html body .one-feature-strip article,
html body .feature-list-clean > div,
html body .hero-metric-grid > div,
html body .trust-row span,
html body .one-summary-split > div,
html body .one-plan-benefits > div,
html body .one-resource-list li,
html body .featured-card,
html body .one-plan-card,
html body .one-packages-summary,
html body .hero-product-card,
html body .datacenter-map-card,
html body .payment-settlement-card,
html body .payment-highlight-card,
html body .coin-card,
html body .payment-flow-section article,
html body .packages-page-panel,
html body .package-card-clean,
html body .provider-plan-card,
html body .provider-spec-item,
html body .clean-cloud-card,
html body .service-table-card,
html body .service-card,
html body .compact-service-card,
html body .admin-table-card,
html body .admin-form-card,
html body .modal-content,
html body .modal-card,
html body .panel,
html body .card{
  background:linear-gradient(180deg, rgba(13,33,60,.98), rgba(6,18,34,.96))!important;
  background-color:#0b1b33!important;
  border-color:rgba(123,190,255,.18)!important;
  color:#edf6ff!important;
  box-shadow:0 24px 82px rgba(0,0,0,.40)!important;
}
html body .one-summary-note,
html body .plan-tag,
html body .one-plan-title span,
html body .one-popular-label,
html body .eyebrow,
html body .tag,
html body .pill,
html body .package-tabs,
html body .location-pill,
html body .wallet-chip{
  background:rgba(47,156,255,.12)!important;
  color:#bfe6ff!important;
  border-color:rgba(47,156,255,.28)!important;
}
html body .one-feature-icon,
html body .one-check,
html body .icon,
html body .panel-icon,
html body .server-os-icon,
html body .coin-logo-wrap{
  background:linear-gradient(135deg, rgba(47,156,255,.24), rgba(13,92,255,.18))!important;
  color:#dff3ff!important;
  border:1px solid rgba(123,190,255,.18)!important;
}
html body .one-check{color:#73ffac!important;background:rgba(56,240,120,.14)!important;border-color:rgba(56,240,120,.25)!important;}
html body .one-resource-list li{border-bottom:1px solid rgba(123,190,255,.14)!important;}
html body .hero-terminal,
html body .terminal,
html body .mini-chart{
  background:#061222!important;
  color:#dbeafe!important;
  border:1px solid rgba(123,190,255,.16)!important;
}
html body .btn.ghost,
html body a.btn.ghost{
  background:rgba(255,255,255,.04)!important;
  color:#cfeeff!important;
  border-color:rgba(123,190,255,.22)!important;
}
html body .btn.ghost:hover,
html body a.btn.ghost:hover{
  background:linear-gradient(135deg,#2f9cff,#0d5cff)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html body .public-hero .btn,
html body .one-packages-hero .btn,
html body .one-feature-strip .btn,
html body .one-plan-section .btn,
html body .public-section .btn{
  opacity:1!important;
  filter:none!important;
}
html body svg rect[fill="#fff"],
html body svg rect[fill="#ffffff"],
html body svg circle[fill="#fff"],
html body svg circle[fill="#ffffff"]{
  fill:#0b1b33!important;
}
html body svg [fill="#f8fbff"],
html body svg [fill="#eef6ff"],
html body svg [fill="#d7e6f4"],
html body svg [fill="#b9cce4"]{
  fill:#17345a!important;
}

/* --------------------------------------------------------------------------
   1VPS dark layout + readability final pass
   Removes boxed page backgrounds, improves text contrast and normalizes
   spacing/padding across public pages, status pages and app dashboards.
   -------------------------------------------------------------------------- */
:root{
  --bg:#06101f!important;
  --bg-2:#07182d!important;
  --surface:rgba(11,27,51,.94)!important;
  --surface-strong:#0f2440!important;
  --line:rgba(112,184,255,.22)!important;
  --text:#f4f9ff!important;
  --muted:#c3d4ec!important;
  --muted-2:#8fa8c9!important;
  --brand:#2f9cff!important;
  --brand-2:#0d5cff!important;
  --shadow:0 22px 70px rgba(0,0,0,.32)!important;
  color-scheme:dark!important;
}
html,
html body{
  background:
    radial-gradient(circle at 8% -8%,rgba(47,156,255,.18),transparent 34rem),
    radial-gradient(circle at 94% 8%,rgba(13,92,255,.13),transparent 34rem),
    linear-gradient(135deg,#07182d 0%,#06101f 42%,#020812 100%)!important;
  background-color:#06101f!important;
  color:#f4f9ff!important;
}
html body main,
html body main.container,
html body .container,
html body .page,
html body .app-shell,
html body .app-content,
html body .dashboard-main,
html body .dashboard-content,
html body .admin-shell{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#f4f9ff!important;
}
html body main.container,
html body .container{
  width:min(1480px,calc(100% - clamp(32px,5vw,96px)))!important;
  padding:40px 0 76px!important;
}
html body .app-shell{
  width:min(1480px,calc(100% - clamp(32px,5vw,96px)))!important;
  margin:32px auto 76px!important;
  padding:0!important;
  gap:20px!important;
}
html body section{
  background:transparent!important;
  background-color:transparent!important;
}
html body .public-hero,
html body .home-hero,
html body .one-packages-hero,
html body .payment-hero,
html body .contact-hero,
html body .status-hero,
html body .packages-hero{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:46px 0 34px!important;
  margin:0 0 32px!important;
  overflow:visible!important;
}
html body .one-plan-section,
html body .one-plan-section-alt,
html body .public-section,
html body .pricing-landing,
html body .status-grid,
html body .payment-flow-section,
html body .coin-section,
html body .plan-comparison-section{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body .one-plan-section{
  padding:42px 0 58px!important;
}
html body .one-plan-section-alt{
  padding:48px 0 62px!important;
  margin-top:6px!important;
}
html body .topline,
html body .card-head,
html body .card-head-row,
html body .one-section-head,
html body .compact-head{
  gap:18px!important;
  margin-bottom:20px!important;
}
html body .topline h1,
html body .app-content > h1:first-child,
html body .public-hero h1,
html body .home-hero h1,
html body .one-packages-copy h1,
html body .payment-hero h1,
html body .contact-hero h1,
html body .status-hero h1,
html body .one-section-head h2,
html body .section-title h2{
  color:#f7fbff!important;
  text-shadow:0 18px 60px rgba(47,156,255,.10)!important;
  line-height:1.05!important;
  letter-spacing:-.055em!important;
  margin-top:0!important;
  margin-bottom:14px!important;
  opacity:1!important;
}
html body .one-packages-copy h1{
  font-size:clamp(3.2rem,5.3vw,5.8rem)!important;
  max-width:900px!important;
}
html body .public-hero p,
html body .home-hero p,
html body .one-packages-copy p,
html body .payment-hero p,
html body .status-hero p,
html body .lead,
html body p,
html body .muted,
html body small,
html body .empty,
html body .empty-state span,
html body .card p,
html body .panel p,
html body .topline p,
html body .one-section-head p{
  color:#c3d4ec!important;
  opacity:1!important;
}
html body .card,
html body .panel,
html body .dashboard-sidebar,
html body .kpi,
html body .metric,
html body .status-card,
html body .status-summary-card,
html body .one-plan-card,
html body .one-packages-summary,
html body .one-feature-strip article,
html body .one-package-faq-cta,
html body .payment-highlight-card,
html body .payment-settlement-card,
html body .coin-card,
html body .admin-table-card,
html body .admin-form-card,
html body .service-table-card,
html body .clean-cloud-card,
html body .service-card,
html body .compact-service-card,
html body .service-row,
html body .compact-service-row,
html body .latency-panel,
html body .event-item,
html body .empty-state,
html body .modal-content,
html body .modal-card,
html body .modal-panel{
  background:linear-gradient(180deg,rgba(13,33,60,.96),rgba(7,18,35,.96))!important;
  background-color:#0b1b33!important;
  color:#f4f9ff!important;
  border:1px solid rgba(112,184,255,.20)!important;
  box-shadow:0 20px 62px rgba(0,0,0,.30)!important;
}
html body .card,
html body .panel,
html body .status-card,
html body .one-plan-card,
html body .one-packages-summary,
html body .one-feature-strip article,
html body .one-package-faq-cta,
html body .service-table-card,
html body .clean-cloud-card,
html body .admin-table-card,
html body .admin-form-card{
  padding:clamp(20px,2vw,30px)!important;
  border-radius:26px!important;
}
html body .one-plans-grid,
html body .featured-packages,
html body .status-grid,
html body .kpi-grid,
html body .metric-grid,
html body .grid-2,
html body .grid-3{
  gap:18px!important;
}
html body .one-plan-card{
  min-height:0!important;
  gap:15px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
}
html body .one-plan-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(47,156,255,.48)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.38)!important;
}
html body .one-plan-title{
  padding-right:0!important;
}
html body .one-plan-popular .one-plan-title{
  padding-right:116px!important;
}
html body .one-plan-title h3,
html body .one-plan-title b,
html body .one-plan-benefits strong,
html body .one-summary-split b,
html body .one-resource-list b,
html body .card h2,
html body .card h3,
html body .component-main strong,
html body .empty-state strong,
html body .kpi strong,
html body .metric b{
  color:#f7fbff!important;
  opacity:1!important;
}
html body .one-plan-title p{
  min-height:0!important;
  margin:0!important;
  color:#c3d4ec!important;
  line-height:1.58!important;
}
html body .one-plan-price,
html body .price-line,
html body .one-summary-price{
  margin:8px 0 10px!important;
  padding:0!important;
}
html body .one-plan-price strong,
html body .price-line strong,
html body .one-summary-price strong,
html body .package-price strong,
html body .package-price span,
html body .wallet-balance{
  color:#f8fbff!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body .one-plan-price span,
html body .price-line span,
html body .one-summary-price span,
html body .one-summary-price small{
  color:#c3d4ec!important;
  opacity:1!important;
}
html body .one-resource-list{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
html body .one-resource-list li{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  grid-template-areas:none!important;
  column-gap:12px!important;
  align-items:center!important;
  min-height:48px!important;
  padding:11px 13px!important;
  background:rgba(6,18,35,.70)!important;
  border:1px solid rgba(112,184,255,.16)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  color:#f4f9ff!important;
}
html body .one-check{
  grid-area:auto!important;
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(56,240,120,.14)!important;
  border:1px solid rgba(56,240,120,.28)!important;
  color:#73ffac!important;
  flex:0 0 auto!important;
}
html body .one-resource-list b{
  grid-area:auto!important;
  min-width:0!important;
  font-size:1rem!important;
  font-weight:900!important;
}
html body .one-resource-list small{
  grid-area:auto!important;
  margin:0!important;
  color:#b7c8e1!important;
  font-weight:800!important;
  text-align:right!important;
  white-space:nowrap!important;
}
html body .one-plan-benefits,
html body .one-summary-split{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:4px 0 8px!important;
}
html body .one-plan-benefits > div,
html body .one-summary-split > div,
html body .one-summary-note{
  background:rgba(6,18,35,.70)!important;
  border:1px solid rgba(112,184,255,.16)!important;
  color:#f4f9ff!important;
  border-radius:16px!important;
  padding:13px!important;
  box-shadow:none!important;
}
html body .one-plan-benefits span,
html body .one-summary-split span,
html body .one-summary-note{
  color:#c3d4ec!important;
}
html body .one-popular-label,
html body .one-plan-title span,
html body .eyebrow,
html body .tag,
html body .pill,
html body .status-pill,
html body .invoice-status,
html body .badge{
  background:rgba(47,156,255,.14)!important;
  color:#dff3ff!important;
  border:1px solid rgba(47,156,255,.28)!important;
  box-shadow:none!important;
}
html body .btn,
html body button,
html body .action-btn,
html body .icon-btn{
  color:#f4f9ff!important;
  border-color:rgba(112,184,255,.22)!important;
}
html body .btn.primary,
html body button.primary,
html body .action-btn.primary{
  background:linear-gradient(135deg,#2f9cff,#0d5cff)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 16px 40px rgba(47,156,255,.25)!important;
}
html body .btn:not(.primary):not(.danger),
html body .action-btn:not(.primary):not(.danger),
html body .icon-btn{
  background:rgba(13,33,60,.76)!important;
  color:#dff3ff!important;
}
html body .btn.ghost,
html body a.btn.ghost{
  background:rgba(6,18,35,.55)!important;
  color:#dff3ff!important;
  border-color:rgba(112,184,255,.22)!important;
}
html body .component-status-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:15px 17px!important;
  background:rgba(13,33,60,.72)!important;
  border:1px solid rgba(112,184,255,.18)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
html body .component-main{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .component-main small,
html body .latency-panel span,
html body .empty-state span{
  color:#b7c8e1!important;
  opacity:1!important;
}
html body .empty-state,
html body .empty-state.small{
  padding:18px 20px!important;
  border-style:dashed!important;
  background:rgba(6,18,35,.58)!important;
}
html body table,
html body .table,
html body .admin-modern-table{
  background:transparent!important;
  box-shadow:none!important;
}
html body .table td,
html body .table th,
html body .admin-modern-table td,
html body .admin-modern-table th{
  padding:13px 14px!important;
  color:#edf6ff!important;
}
html body input,
html body select,
html body textarea,
html body .compact-select,
html body .read-field,
html body code,
html body pre{
  background:#071426!important;
  color:#edf6ff!important;
  border-color:rgba(112,184,255,.22)!important;
}
html body input::placeholder,
html body textarea::placeholder{color:#7891b4!important;}
html body .dashboard-sidebar{
  padding:18px!important;
}
html body .side-link{
  color:#c3d4ec!important;
  padding:12px 14px!important;
}
html body .side-link.active,
html body .side-link:hover{
  background:rgba(47,156,255,.16)!important;
  color:#fff!important;
}
html body .kpi,
html body .metric{
  padding:22px 24px!important;
}
html body .kpi small,
html body .metric small{
  color:#b7c8e1!important;
  letter-spacing:.08em!important;
}
html body .kpi-icon,
html body .icon,
html body .one-feature-icon,
html body .panel-icon{
  background:rgba(47,156,255,.18)!important;
  color:#dff3ff!important;
  border:1px solid rgba(47,156,255,.22)!important;
}
html body .footer{
  background:transparent!important;
  border-top:1px solid rgba(112,184,255,.14)!important;
  color:#c3d4ec!important;
}
@media(max-width:1100px){
  html body .one-packages-hero{grid-template-columns:1fr!important;}
  html body .one-plan-popular .one-plan-title{padding-right:0!important;}
  html body .one-popular-label{position:static!important;width:max-content!important;}
  html body .component-status-row{grid-template-columns:1fr!important;align-items:start!important;}
}
@media(max-width:720px){
  html body main.container,
  html body .container,
  html body .app-shell{width:min(100% - 24px,1480px)!important;}
  html body .one-resource-list li{grid-template-columns:28px 1fr!important;}
  html body .one-resource-list small{grid-column:2!important;text-align:left!important;white-space:normal!important;}
  html body .one-plan-benefits,
  html body .one-summary-split{grid-template-columns:1fr!important;}
}


/* --------------------------------------------------------------------------
   1VPS page-by-page dark audit pass
   Fixes remaining low-contrast text, white dropdown/detail panels, checkbox
   rows, FAQ/status/contact readability and dashboard/service spacing.
   -------------------------------------------------------------------------- */
html body{
  --csp-bg:#06101f!important;
  --csp-bg-soft:#07182d!important;
  --csp-panel:#0b1b33!important;
  --csp-panel-2:#0f2440!important;
  --csp-line:rgba(123,190,255,.22)!important;
  --csp-line-soft:rgba(123,190,255,.14)!important;
  --csp-text:#f4f9ff!important;
  --csp-muted:#c8d8ee!important;
  --csp-subtle:#93abc9!important;
  --csp-brand:#2f9cff!important;
  --csp-brand-2:#0d5cff!important;
  color:#f4f9ff!important;
}
html body main.container,
html body .app-shell{
  width:min(1500px,calc(100% - clamp(32px,5vw,86px)))!important;
}
html body .app-shell{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:22px!important;
  margin:28px auto 78px!important;
  padding:0!important;
}
html body .app-content{
  min-width:0!important;
  padding:18px 0 64px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .topline{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:24px!important;
  margin:0 0 22px!important;
  padding:0!important;
}
html body .topline h1{
  font-size:clamp(2rem,3.2vw,3rem)!important;
  margin:0 0 10px!important;
}
html body .topline p{max-width:850px!important;margin:0!important;}

/* readable text everywhere, including summaries/details/components */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body label,
html body summary,
html body strong,
html body b,
html body th,
html body .section-label,
html body .card-head h2,
html body .card-head-row h2,
html body .latency-panel strong,
html body .component-main strong,
html body .faq-group h2,
html body .faq-group summary,
html body .contact-form-card label,
html body .ip-address-row strong,
html body .private-vlan-card h2,
html body .private-vlan-card h3,
html body .expanded-panel h3,
html body .compact-server-cell .server-title,
html body .resource-box strong,
html body .hardware-grid.slim > div strong{
  color:var(--csp-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body p,
html body small,
html body span,
html body td,
html body .muted,
html body .lead,
html body .help-text,
html body .meta,
html body .server-meta,
html body .latency-panel span,
html body .component-main small,
html body .event-item span,
html body .event-item p,
html body .faq-group p,
html body .contact-side p,
html body .check-line span,
html body .check-row span,
html body .ip-address-row .muted,
html body .private-vlan-card .muted,
html body .resource-box small,
html body .hardware-grid.slim > div,
html body .expanded-lines span:first-child,
html body .compact-billing small,
html body .compact-billing span,
html body .location-row,
html body .detail-lines,
html body .side-card p{
  color:var(--csp-muted)!important;
  opacity:1!important;
}
html body a:not(.btn):not(.top-link):not(.side-link):not(.icon-btn):not(.wallet-chip){
  color:#8fd0ff!important;
}

/* card/panel language: only real content blocks get a surface */
html body .card,
html body .panel,
html body .clean-panel,
html body .side-card,
html body .status-card,
html body .status-summary-card,
html body .contact-form-card,
html body .contact-side .card,
html body .faq-group,
html body .kpi,
html body .metric,
html body .service-table-card,
html body .clean-cloud-card,
html body .compact-service-card,
html body .service-card,
html body .expanded-panel,
html body .access-panel,
html body .usage-stat-box,
html body .usage-network-card,
html body .resource-box,
html body .hardware-grid.slim > div,
html body .ip-address-row,
html body .ip-transfer-card,
html body .private-vlan-card,
html body .private-vlan-members,
html body .event-item,
html body .latency-panel,
html body .component-status-row,
html body .empty-state,
html body .notice,
html body .alert,
html body .success-box,
html body .modal-panel,
html body .dropdown-menu{
  background:linear-gradient(180deg,rgba(13,33,60,.97),rgba(7,18,35,.96))!important;
  background-color:var(--csp-panel)!important;
  border:1px solid var(--csp-line)!important;
  color:var(--csp-text)!important;
  box-shadow:0 18px 56px rgba(0,0,0,.32)!important;
}
html body .card,
html body .panel,
html body .clean-panel,
html body .side-card,
html body .status-card,
html body .contact-form-card,
html body .faq-group,
html body .service-table-card,
html body .clean-cloud-card,
html body .private-vlan-card{
  border-radius:26px!important;
  padding:clamp(22px,2vw,30px)!important;
}

/* Public page grids */
html body .status-grid,
html body .faq-layout,
html body .contact-layout,
html body .grid-2,
html body .grid-3,
html body .latency-panels,
html body .kpi-grid,
html body .dashboard-kpis,
html body .resource-grid,
html body .hardware-grid.slim,
html body .ip-transfer-grid{
  gap:18px!important;
}
html body .status-grid,
html body .faq-layout,
html body .contact-layout{
  margin-top:22px!important;
}

/* Status page */
html body .latency-panels{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .latency-panel{
  padding:18px!important;
  min-height:220px!important;
  border-radius:20px!important;
}
html body .latency-panel > div{
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  align-items:flex-start!important;
  margin-bottom:12px!important;
}
html body .latency-panel b,
html body [data-latency-value]{
  color:var(--csp-brand)!important;
  font-size:clamp(1.45rem,2vw,1.9rem)!important;
  letter-spacing:.03em!important;
  text-shadow:0 0 24px rgba(47,156,255,.22)!important;
}
html body .latency-panel canvas{filter:brightness(1.25) saturate(1.12)!important;opacity:1!important;}
html body .component-status-list{display:grid!important;gap:12px!important;margin-top:18px!important;}
html body .component-status-row{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  min-height:72px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
}
html body .component-main{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

/* FAQ page */
html body .faq-layout{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
}
html body .faq-group{display:grid!important;gap:8px!important;}
html body .faq-group h2{font-size:1.05rem!important;margin:0 0 10px!important;}
html body .faq-group details{
  background:rgba(6,18,35,.56)!important;
  border:1px solid var(--csp-line-soft)!important;
  border-radius:16px!important;
  padding:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body .faq-group summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:15px 18px!important;
  cursor:pointer!important;
  font-weight:900!important;
}
html body .faq-group summary::after{content:'+';color:var(--csp-brand)!important;font-weight:900!important;}
html body .faq-group details[open] summary::after{content:'-';}
html body .faq-group details p{
  margin:0!important;
  padding:0 18px 18px!important;
  line-height:1.7!important;
}

/* Contact page/forms */
html body .stack-form,
html body .form-stack,
html body .stacked-form{gap:16px!important;}
html body .form-grid-2{gap:16px!important;}
html body input,
html body select,
html body textarea,
html body .read-field,
html body .copy-wrap input,
html body .copy-row input{
  background:#071426!important;
  color:var(--csp-text)!important;
  border:1px solid rgba(123,190,255,.25)!important;
  border-radius:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body textarea{min-height:140px!important;}
html body input::placeholder,
html body textarea::placeholder{color:#7f98bb!important;opacity:1!important;}
html body .check-line,
html body .check-row,
html body label.check-line,
html body label.check-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  background:rgba(7,20,38,.92)!important;
  border:1px solid rgba(123,190,255,.20)!important;
  border-radius:16px!important;
  color:var(--csp-text)!important;
  box-shadow:none!important;
}
html body input[type="checkbox"],
html body input[type="radio"]{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  accent-color:var(--csp-brand)!important;
  background:#071426!important;
  flex:0 0 auto!important;
}

/* Dashboard spacing and service dropdown */
html body .dashboard-kpis,
html body .kpi-grid{
  margin:22px 0 22px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body .kpi{
  min-height:140px!important;
  padding:26px 26px 22px!important;
  position:relative!important;
  overflow:hidden!important;
}
html body .kpi small{display:block!important;color:var(--csp-muted)!important;margin-bottom:10px!important;}
html body .kpi strong{display:block!important;font-size:2.2rem!important;line-height:1!important;color:var(--csp-text)!important;}
html body .kpi p{margin:10px 0 0!important;color:var(--csp-muted)!important;}
html body .service-table-card .card-head{
  padding:24px 26px!important;
  margin:-30px -30px 20px!important;
  border-bottom:1px solid var(--csp-line-soft)!important;
  background:rgba(13,33,60,.42)!important;
  border-radius:26px 26px 0 0!important;
}
html body .compact-service-card{overflow:hidden!important;padding:0!important;}
html body .compact-service-main{
  padding:20px 22px!important;
  gap:18px!important;
  background:rgba(13,33,60,.58)!important;
  border-bottom:1px solid transparent!important;
}
html body .compact-service-details{
  background:linear-gradient(180deg,rgba(8,21,40,.98),rgba(5,13,25,.98))!important;
  border-top:1px solid var(--csp-line-soft)!important;
  padding:18px!important;
  color:var(--csp-text)!important;
}
html body .expanded-grid{gap:14px!important;align-items:start!important;}
html body .expanded-panel{padding:18px!important;border-radius:18px!important;}
html body .expanded-lines{display:grid!important;gap:10px!important;}
html body .expanded-lines > div{
  background:rgba(5,14,28,.65)!important;
  border:1px solid var(--csp-line-soft)!important;
  border-radius:14px!important;
  padding:10px 12px!important;
}

/* Service detail: hardware/resource/info boxes */
html body .service-summary.card{padding:28px!important;}
html body .service-page-columns,
html body .service-top-panels,
html body .clean-lower-grid{gap:22px!important;}
html body .resource-grid,
html body .hardware-grid.slim{display:grid!important;gap:12px!important;}
html body .resource-box,
html body .hardware-grid.slim > div{
  min-height:92px!important;
  padding:18px!important;
  border-radius:16px!important;
  background:rgba(7,20,38,.80)!important;
  border:1px solid rgba(123,190,255,.18)!important;
  color:var(--csp-text)!important;
  box-shadow:none!important;
}
html body .location-row{margin-top:18px!important;gap:10px!important;}

/* IP management and private VLAN pages */
html body .ip-address-list{display:grid!important;gap:12px!important;}
html body .ip-address-row{
  padding:16px 18px!important;
  background:rgba(7,20,38,.82)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
html body .ip-row-meta{gap:8px!important;}
html body .private-vlan-card .grid-2{gap:18px!important;}
html body .private-vlan-members tr[data-pending="1"] td{background:rgba(255,209,102,.08)!important;}
html body .private-vlan-card table code,
html body .ip-address-row code,
html body .expanded-panel code{
  background:rgba(47,156,255,.10)!important;
  color:#dff3ff!important;
  border:1px solid rgba(47,156,255,.18)!important;
  border-radius:8px!important;
  padding:3px 6px!important;
}

/* remove accidental light panels that still appear after dynamic JS updates */
html body .bg-white,
html body .bg-light,
html body .table-light,
html body .white,
html body [class*="card"][style*="background:#fff"],
html body [class*="panel"][style*="background:#fff"],
html body [style*="background: white"],
html body [style*="background:#ffffff"],
html body [style*="background: #ffffff"]{
  background:linear-gradient(180deg,rgba(13,33,60,.97),rgba(7,18,35,.96))!important;
  color:var(--csp-text)!important;
  border-color:var(--csp-line)!important;
}

@media(max-width:1180px){
  html body .app-shell{grid-template-columns:1fr!important;width:min(100% - 28px,1500px)!important;}
  html body .dashboard-sidebar{position:relative!important;top:auto!important;}
  html body .dashboard-kpis,html body .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .faq-layout,html body .latency-panels{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  html body main.container,html body .app-shell{width:min(100% - 24px,1500px)!important;}
  html body .topline{display:grid!important;}
  html body .dashboard-kpis,html body .kpi-grid{grid-template-columns:1fr!important;}
  html body .card,html body .panel,html body .clean-panel,html body .status-card,html body .contact-form-card,html body .faq-group{padding:20px!important;border-radius:22px!important;}
  html body .service-table-card .card-head{margin:-20px -20px 18px!important;padding:20px!important;}
}

/* --------------------------------------------------------------------------
   1VPS production polish pass
   Release-manager CSS pass: matches the provided dark brand sheet, fixes
   lingering low-contrast text, removes unwanted wrapper panels, and normalizes
   spacing across public pages, dashboard, service details, IP management and
   private VLAN pages.
   -------------------------------------------------------------------------- */
:root{
  --csp-bg:#050b13!important;
  --csp-bg-2:#081426!important;
  --csp-bg-3:#0b1b33!important;
  --csp-panel:#0B1020!important;
  --csp-card:#0D1B3D!important;
  --csp-card-2:#0a1830!important;
  --csp-line:rgba(72,139,214,.34)!important;
  --csp-line-soft:rgba(72,139,214,.22)!important;
  --csp-text:#f7fbff!important;
  --csp-text-soft:#dce9fb!important;
  --csp-muted:#aabbd4!important;
  --csp-muted-2:#8197b7!important;
  --csp-brand:#2563FF!important;
  --csp-brand-soft:#2f9cff!important;
  --csp-cyan:#00E5FF!important;
  --csp-green:#38f078!important;
  --csp-yellow:#ffd166!important;
  --csp-red:#ff5c7a!important;
  --csp-radius:24px!important;
  --csp-shadow:0 22px 70px rgba(0,0,0,.34)!important;
  --csp-font-body:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  --csp-font-heading:'Space Grotesk','Inter',ui-sans-serif,system-ui,sans-serif!important;
}

html,body{
  color-scheme:dark!important;
  background:
    radial-gradient(circle at 10% -10%,rgba(37,99,255,.18),transparent 34rem),
    radial-gradient(circle at 92% 8%,rgba(0,229,255,.10),transparent 30rem),
    linear-gradient(135deg,#081426 0%,#050b13 58%,#02060d 100%)!important;
  color:var(--csp-text)!important;
  font-family:var(--csp-font-body)!important;
  letter-spacing:-.01em!important;
}
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 32px)!important;
}
html body *{box-sizing:border-box!important;}

/* Typography: Space Grotesk display + readable Inter body */
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
html body .section-label,html body .eyebrow,html body .btn,html body button,
html body .top-link,html body .side-link,html body .status-pill,html body .badge,
html body .wallet-chip,html body .package-card h2,html body .one-plan-card h2,
html body .server-title,html body .kpi small,html body .kpi strong{
  font-family:var(--csp-font-heading)!important;
}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
html body strong,html body b,html body summary,html body label{
  color:var(--csp-text)!important;
}
html body p,html body small,html body span,html body li,html body td,html body th,
html body .muted,html body .lead,html body .server-meta,html body .card p,html body .panel p{
  color:var(--csp-muted)!important;
}
html body a{color:inherit!important;}
html body .section-label,html body .eyebrow{
  color:#74bfff!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:.74rem!important;font-weight:800!important;
}
html body .public-hero h1,html body .home-hero h1,html body .one-packages-hero h1,
html body .status-hero h1,html body .faq-hero h1,html body .contact-hero h1,
html body .topline h1,html body .page-heading h1{
  color:#f7fbff!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:1.02!important;text-shadow:0 16px 60px rgba(0,0,0,.38)!important;
}
html body .lead{color:#c6d7ef!important;line-height:1.72!important;}

/* Page layout: no unwanted middle background blocks */
html body main,html body main.container,html body .container,html body .wrap,
html body .app-shell,html body .app-content,html body .dashboard-main,html body .dashboard-content,
html body .page,html body section{
  background:transparent!important;background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
html body main.container,html body .container{width:min(1500px,calc(100% - 72px))!important;margin-inline:auto!important;padding:44px 0 84px!important;}
html body .app-shell{width:min(1500px,calc(100% - 72px))!important;margin:34px auto 84px!important;padding:0!important;display:grid!important;gap:24px!important;}
html body .app-content{padding:0!important;min-width:0!important;}

/* Navbar polish */
html body .topbar{
  background:rgba(5,11,19,.88)!important;border-bottom:1px solid rgba(72,139,214,.22)!important;backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
}
html body .topbar-inner{min-height:68px!important;gap:24px!important;}
html body .brand-logo{height:42px!important;max-width:210px!important;object-fit:contain!important;filter:drop-shadow(0 0 16px rgba(255,255,255,.08))!important;}
html body .public-nav{gap:10px!important;}
html body .top-link{min-height:42px!important;padding:10px 14px!important;border-radius:999px!important;color:#c9d8ef!important;font-weight:800!important;}
html body .top-link.active,html body .top-link:hover{background:rgba(37,99,255,.18)!important;color:#fff!important;border-color:rgba(72,139,214,.26)!important;}
html body .wallet-chip,html body .language-switcher.flag-language-switcher,html body .icon-btn{
  background:rgba(13,27,61,.82)!important;border:1px solid rgba(72,139,214,.28)!important;color:#eaf5ff!important;box-shadow:none!important;
}
html body .icon-btn span,html body .wallet-chip span{color:inherit!important;}

/* True cards and panels only */
html body :where(.card,.panel,.clean-panel,.status-card,.contact-form-card,.contact-side .card,.faq-group,
  .latency-panel,.component-status-row,.dashboard-sidebar,.kpi,.metric,.one-plan-card,.one-packages-summary,
  .one-package-faq-cta,.hero-product-card,.featured-card,.resource-box,.hardware-item,.hardware-grid.slim>div,
  .usage-stat-box,.usage-network-card,.access-panel,.side-card,.admin-form-card,.admin-table-card,.private-vlan-card,
  .modal-card,.modal-content,.auth-card,.payment-highlight-card,.coin-card,.live-coin-card,.mini-stat,.empty,.empty-state){
  background:linear-gradient(180deg,rgba(13,27,61,.94),rgba(7,20,38,.96))!important;
  border:1px solid var(--csp-line-soft)!important;
  box-shadow:0 20px 62px rgba(0,0,0,.28)!important;
  color:var(--csp-text)!important;
}
html body :where(.card,.panel,.clean-panel,.status-card,.contact-form-card,.faq-group,.private-vlan-card){
  border-radius:26px!important;padding:28px!important;
}
html body :where(.card,.panel,.clean-panel,.status-card,.contact-form-card,.faq-group,.private-vlan-card) :where(h1,h2,h3,h4,strong,b,summary,label){color:#f8fbff!important;}
html body :where(.card,.panel,.clean-panel,.status-card,.contact-form-card,.faq-group,.private-vlan-card) :where(p,small,span,li){color:#c6d7ef!important;}

/* Containers that should NOT create a big extra panel behind child cards */
html body .service-table-card,html body .clean-cloud-card,html body .compact-services-list,
html body .cloud-table,html body .table-scroll{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;
}
html body .service-table-card .card-head,html body .clean-cloud-card .card-head,
html body .card-head,html body .card-head-row{
  background:transparent!important;border:0!important;box-shadow:none!important;margin:0 0 18px!important;padding:0!important;border-radius:0!important;
}
html body .service-table-card .card-head h2,html body .card-head-row h2{color:#f8fbff!important;}

/* Dashboard KPI cards: icon no longer overlaps label */
html body .dashboard-kpis,html body .kpi-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;margin:28px 0 28px!important;
}
html body .dashboard-kpis .kpi,html body .kpi{
  position:relative!important;min-height:134px!important;padding:26px 26px 24px 88px!important;border-radius:22px!important;overflow:hidden!important;
}
html body .kpi::after{content:'';position:absolute;inset:auto -32px -42px auto;width:110px;height:110px;border-radius:50%;background:rgba(37,99,255,.08)!important;pointer-events:none;}
html body .kpi-icon{
  position:absolute!important;left:28px!important;top:28px!important;width:44px!important;height:44px!important;border-radius:16px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,rgba(37,99,255,.28),rgba(0,229,255,.10))!important;border:1px solid rgba(72,139,214,.28)!important;color:#78c8ff!important;
  font-weight:900!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;margin:0!important;line-height:1!important;
}
html body .kpi small{display:block!important;margin:0 0 10px!important;color:#c4d6ee!important;letter-spacing:.14em!important;font-size:.75rem!important;line-height:1.1!important;}
html body .kpi strong{display:block!important;color:#fff!important;font-size:2.05rem!important;line-height:.98!important;letter-spacing:-.045em!important;}
html body .kpi p{margin:10px 0 0!important;color:#bfd0e8!important;}

/* Service overview rows / dropdown */
html body .compact-service-card{
  border-radius:22px!important;background:linear-gradient(180deg,rgba(13,27,61,.94),rgba(7,20,38,.96))!important;border:1px solid var(--csp-line-soft)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.24)!important;overflow:hidden!important;margin-bottom:14px!important;
}
html body .compact-service-main{
  display:grid!important;grid-template-columns:42px minmax(280px,1.6fr) minmax(110px,.55fr) minmax(145px,.72fr) minmax(120px,.62fr) 132px!important;
  gap:16px!important;align-items:center!important;padding:22px 24px!important;background:transparent!important;min-height:118px!important;
}
html body .row-expand-btn,html body .server-os-icon{
  background:rgba(37,99,255,.14)!important;color:#dff4ff!important;border:1px solid rgba(72,139,214,.32)!important;border-radius:15px!important;box-shadow:none!important;
}
html body .compact-server-cell .server-title{font-size:1rem!important;color:#9fd5ff!important;letter-spacing:.01em!important;}
html body .compact-server-cell .server-meta{gap:8px 12px!important;color:#c6d7ef!important;line-height:1.55!important;}
html body .compact-billing strong,html body .compact-location,html body .compact-status{color:#f7fbff!important;}
html body .compact-billing span,html body .compact-billing small{color:#c6d7ef!important;}
html body .compact-actions{width:132px!important;max-width:132px!important;justify-content:flex-end!important;}
html body .compact-actions .server-actions.compact{width:120px!important;min-width:120px!important;max-width:120px!important;gap:7px!important;grid-template-columns:repeat(3,34px)!important;}
html body .compact-actions .action-btn.icon-only{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:12px!important;background:rgba(7,20,38,.9)!important;}
html body .compact-service-details{
  background:linear-gradient(180deg,rgba(5,11,19,.96),rgba(7,20,38,.98))!important;border-top:1px solid var(--csp-line-soft)!important;padding:22px!important;color:#f7fbff!important;
}
html body .expanded-grid{gap:16px!important;}
html body .expanded-panel{background:rgba(13,27,61,.88)!important;border:1px solid var(--csp-line-soft)!important;border-radius:20px!important;padding:18px!important;}
html body .expanded-lines>div,.read-field,.access-row,.credential-row{
  background:rgba(5,11,19,.58)!important;border:1px solid rgba(72,139,214,.22)!important;border-radius:14px!important;padding:10px 12px!important;color:#f7fbff!important;
}

/* Service detail / resources / hardware / private VLAN summary cards */
html body .resource-grid,html body .hardware-grid.slim,html body .usage-stats-grid,html body .access-grid{gap:16px!important;}
html body .resource-box,html body .hardware-grid.slim>div,html body .usage-stat-box,html body .usage-network-card,
html body .ip-address-row,html body .private-vlan-card table td,html body .private-vlan-card table th{
  background:linear-gradient(180deg,rgba(10,24,45,.92),rgba(5,14,28,.92))!important;border:1px solid rgba(72,139,214,.25)!important;color:#f7fbff!important;
}
html body .resource-box{min-height:100px!important;display:grid!important;place-items:center!important;text-align:center!important;gap:8px!important;}
html body .resource-box span{font-size:1.2rem!important;color:#35b7ff!important;}
html body .resource-box strong,html body .hardware-grid.slim>div strong{color:#fff!important;}
html body .resource-box small,html body .hardware-grid.slim>div,html body .usage-stat-box>span{color:#c6d7ef!important;}
html body .location-row{margin-top:18px!important;color:#c6d7ef!important;}

/* Status page */
html body .latency-panels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;}
html body .latency-panel{padding:20px!important;border-radius:22px!important;min-height:215px!important;}
html body .latency-panel strong,html body .latency-panel span{color:#cfe1f6!important;}
html body .latency-panel strong{font-weight:800!important;}
html body [data-latency-value]{color:#25a8ff!important;font-weight:800!important;text-shadow:0 0 26px rgba(0,229,255,.18)!important;}
html body .component-status-row{min-height:78px!important;padding:18px!important;border-radius:20px!important;}
html body .component-main strong{color:#f8fbff!important;}
html body .component-main small{color:#c6d7ef!important;}
html body .live-dot.ok{background:#12c978!important;box-shadow:0 0 0 6px rgba(18,201,120,.12)!important;}
html body .live-dot.warn{background:#ffd166!important;box-shadow:0 0 0 6px rgba(255,209,102,.14)!important;}

/* FAQ */
html body .faq-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:start!important;}
html body .faq-group{display:grid!important;gap:10px!important;}
html body .faq-group h2{font-size:1.05rem!important;letter-spacing:-.02em!important;margin:0 0 10px!important;color:#fff!important;}
html body .faq-group details{background:rgba(5,11,19,.36)!important;border:1px solid rgba(72,139,214,.24)!important;border-radius:16px!important;overflow:hidden!important;}
html body .faq-group summary{padding:16px 18px!important;color:#f8fbff!important;font-weight:700!important;line-height:1.35!important;}
html body .faq-group summary::after{color:#00e5ff!important;}
html body .faq-group details p{padding:0 18px 18px!important;color:#cbdcf2!important;line-height:1.72!important;}

/* Contact + forms */
html body input,html body select,html body textarea,html body .field input,html body .field select,html body .field textarea{
  background:#071426!important;color:#f7fbff!important;border:1px solid rgba(72,139,214,.32)!important;border-radius:14px!important;box-shadow:none!important;
}
html body textarea{min-height:148px!important;}
html body input::placeholder,html body textarea::placeholder{color:#8ba2c0!important;opacity:1!important;}
html body .check-line,html body .check-row,html body label.check-line,html body label.check-row{
  background:rgba(7,20,38,.82)!important;color:#f7fbff!important;border:1px solid rgba(72,139,214,.26)!important;border-radius:16px!important;padding:13px 16px!important;
}
html body input[type=checkbox],html body input[type=radio]{accent-color:var(--csp-brand-soft)!important;background:#071426!important;}

/* Tables, rows, IP management, VLANs */
html body table,html body .table,html body .admin-modern-table{background:transparent!important;color:#f7fbff!important;border-collapse:separate!important;border-spacing:0 10px!important;}
html body .table th,html body .admin-modern-table th{color:#aecaeb!important;background:transparent!important;padding:0 14px 6px!important;}
html body .table td,html body .admin-modern-table td,html body .cloud-table td{
  background:rgba(10,24,45,.88)!important;color:#f7fbff!important;border-top:1px solid rgba(72,139,214,.22)!important;border-bottom:1px solid rgba(72,139,214,.22)!important;padding:15px 14px!important;
}
html body .table td:first-child,html body .admin-modern-table td:first-child{border-left:1px solid rgba(72,139,214,.22)!important;border-radius:16px 0 0 16px!important;}
html body .table td:last-child,html body .admin-modern-table td:last-child{border-right:1px solid rgba(72,139,214,.22)!important;border-radius:0 16px 16px 0!important;}
html body .ip-address-list{display:grid!important;gap:12px!important;}
html body .ip-address-row{padding:18px!important;border-radius:18px!important;}
html body .ip-address-row code,html body code,html body .mono,html body .secret{
  color:#eaf7ff!important;background:rgba(37,99,255,.12)!important;border:1px solid rgba(72,139,214,.25)!important;border-radius:9px!important;padding:3px 7px!important;
}
html body .hardware-grid.slim>div{border-radius:14px!important;padding:16px!important;}

/* Buttons and badges */
html body .btn,html body .action-btn,html body .copy-btn,html body .row-expand-btn,html body .package-order{
  background:rgba(10,24,45,.92)!important;color:#f7fbff!important;border:1px solid rgba(72,139,214,.30)!important;box-shadow:none!important;
}
html body .btn.primary{background:linear-gradient(135deg,#2f9cff,#2563ff)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 16px 44px rgba(37,99,255,.28)!important;}
html body .btn.ghost{background:rgba(10,24,45,.34)!important;color:#eaf7ff!important;}
html body .btn:hover,html body .action-btn:hover:not(:disabled),html body .copy-btn:hover{background:linear-gradient(135deg,#2f9cff,#2563ff)!important;color:#fff!important;border-color:transparent!important;}
html body .status-pill,html body .badge,html body .pill,html body .tag{
  background:rgba(37,99,255,.14)!important;color:#dff4ff!important;border:1px solid rgba(72,139,214,.30)!important;border-radius:999px!important;
}
html body .status-pill.active,html body .status-pill.online,html body .status-pill.up,html body .status-pill.running,
html body .pill.ok,html body .badge.ok,html body .badge.online{background:rgba(56,240,120,.13)!important;color:#8dffbd!important;border-color:rgba(56,240,120,.32)!important;}
html body .status-pill.degraded,html body .status-pill.warn,html body .pill.warn{background:rgba(255,209,102,.13)!important;color:#ffe199!important;border-color:rgba(255,209,102,.32)!important;}
html body .status-pill.failed,html body .status-pill.danger,html body .status-pill.offline,html body .pill.danger{background:rgba(255,92,122,.13)!important;color:#ff9db0!important;border-color:rgba(255,92,122,.32)!important;}

/* Tailwind/bootstrap remnants and inline white panels */
html body :where(.bg-white,.bg-light,.text-dark,.text-black,.text-slate-900,.text-gray-900,.text-neutral-900,
  [style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"],[style*="background:white"],[style*="background: white"]){
  background:linear-gradient(180deg,rgba(13,27,61,.94),rgba(7,20,38,.96))!important;color:#f7fbff!important;border-color:var(--csp-line-soft)!important;
}
html body :where(.text-slate-500,.text-gray-500,.text-muted,.text-secondary){color:#c6d7ef!important;}
html body .flag-dot{color:transparent!important;}
html body svg text{fill:#dce9fb!important;}
html body hr{border-color:rgba(72,139,214,.24)!important;}

@media(max-width:1180px){
  html body main.container,html body .container,html body .app-shell{width:min(100% - 32px,1500px)!important;}
  html body .dashboard-kpis,html body .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .compact-service-main{grid-template-columns:42px minmax(0,1fr) 120px!important;}
  html body .compact-billing,html body .compact-location,html body .compact-status,html body .compact-actions{grid-column:2/-1!important;justify-self:start!important;width:auto!important;max-width:100%!important;}
  html body .compact-actions .server-actions.compact{justify-content:start!important;}
  html body .faq-layout,html body .latency-panels{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  html body main.container,html body .container,html body .app-shell{width:min(100% - 22px,1500px)!important;padding-top:26px!important;}
  html body .dashboard-kpis,html body .kpi-grid{grid-template-columns:1fr!important;}
  html body :where(.card,.panel,.clean-panel,.status-card,.contact-form-card,.faq-group,.private-vlan-card){padding:20px!important;border-radius:22px!important;}
  html body .compact-service-main{grid-template-columns:36px 1fr!important;padding:16px!important;}
  html body .public-hero h1,html body .home-hero h1,html body .one-packages-hero h1{font-size:2.7rem!important;}
}

/* --------------------------------------------------------------------------
   Footer brand rebuild: logo + grouped links like the 1VPS reference footer
   -------------------------------------------------------------------------- */
html body .footer.site-footer{
  width:100%!important;
  max-width:none!important;
  margin:56px 0 0!important;
  padding:52px 0 48px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:#0b1120!important;
  color:#f7fbff!important;
  display:block!important;
}
html body .site-footer-inner{
  width:min(1240px,calc(100% - 44px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.1fr) minmax(520px,2.4fr)!important;
  gap:70px!important;
  align-items:start!important;
}
html body .site-footer-brand{
  display:grid!important;
  gap:14px!important;
  justify-items:start!important;
  max-width:360px!important;
}
html body .site-footer-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
html body .site-footer-logo{
  display:block!important;
  height:106px!important;
  width:auto!important;
  max-width:320px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 34px rgba(0,0,0,.24))!important;
}
html body .site-footer-brand p{
  margin:0!important;
  color:#f0f6ff!important;
  font-size:.96rem!important;
  line-height:1.45!important;
  letter-spacing:-.01em!important;
}
html body .site-footer-copy{
  display:block!important;
  margin-top:28px!important;
  color:#c8d6e8!important;
  font-size:.9rem!important;
}
html body .site-footer-nav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(160px,1fr))!important;
  gap:68px!important;
  align-items:start!important;
}
html body .site-footer-col{
  display:grid!important;
  gap:10px!important;
  align-content:start!important;
}
html body .site-footer-col h4{
  margin:0 0 4px!important;
  color:#ffffff!important;
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
html body .site-footer-col a{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#ffffff!important;
  font-size:.92rem!important;
  line-height:1.6!important;
  font-weight:500!important;
  text-decoration:none!important;
  opacity:.96!important;
  transition:color .18s ease, opacity .18s ease, transform .18s ease!important;
}
html body .site-footer-col a:hover{
  color:#74bfff!important;
  opacity:1!important;
  transform:translateX(2px)!important;
}
@media(max-width:900px){
  html body .site-footer-inner{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  html body .site-footer-nav{
    grid-template-columns:repeat(2,minmax(160px,1fr))!important;
    gap:30px!important;
  }
  html body .site-footer-logo{height:82px!important;max-width:280px!important;}
  html body .site-footer-copy{margin-top:12px!important;}
}
@media(max-width:560px){
  html body .footer.site-footer{padding:38px 0 40px!important;}
  html body .site-footer-inner{width:min(100% - 28px,1240px)!important;}
  html body .site-footer-nav{grid-template-columns:1fr!important;gap:24px!important;}
  html body .site-footer-logo{height:70px!important;max-width:240px!important;}
}

/* Design CMS */
.cms-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.cms-active-template-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);padding:10px 14px;color:var(--muted)}.cms-template-grid{align-items:start}.cms-template-list{display:grid;gap:14px}.cms-template-card{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:20px;background:var(--panel-soft);padding:14px}.cms-template-card.active{border-color:rgba(47,156,255,.45);box-shadow:0 16px 40px rgba(47,156,255,.1)}.cms-template-preview{width:96px;height:72px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#fff}.cms-template-meta h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px}.cms-template-meta p{margin:0 0 6px}.cms-template-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cms-code-hint{border:1px dashed var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:14px;margin:12px 0}.cms-code-hint pre,.cms-code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cms-code-hint pre{white-space:pre-wrap;margin:10px 0 0;font-size:.84rem}.cms-design-form{display:grid;gap:18px}.cms-editor-stack{display:grid;gap:18px}.cms-editor-card{border:1px solid var(--line);border-radius:22px;background:var(--panel-soft);padding:16px}.cms-editor-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}.cms-editor-head h3{margin:0 0 4px}.cms-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.cms-toolbar button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:12px;padding:8px 10px;font-weight:800;cursor:pointer}.cms-toolbar button:hover{border-color:rgba(47,156,255,.45);background:rgba(47,156,255,.12)}.cms-wysiwyg{min-height:160px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:16px;color:var(--text);outline:none}.cms-wysiwyg:focus{border-color:rgba(47,156,255,.55);box-shadow:0 0 0 4px rgba(47,156,255,.12)}.cms-wysiwyg h2,.cms-wysiwyg h3{margin-top:.2em}.cms-footer-col-editor{border:1px solid var(--line);border-radius:20px;background:var(--panel-soft);padding:14px}.cms-save-bar{display:flex;align-items:center;gap:14px}.cms-block{margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:0 18px 60px rgba(0,0,0,.16)}.cms-block>*:first-child{margin-top:0}.cms-block>*:last-child{margin-bottom:0}.cms-block-global_top{margin-top:0}.cms-block-pre_footer{margin-bottom:26px}@media(max-width:900px){.cms-admin-intro,.cms-editor-head,.cms-save-bar{flex-direction:column;align-items:stretch}.cms-template-card{grid-template-columns:1fr}.cms-template-preview{width:100%;height:140px}.cms-template-actions{justify-content:flex-start}}

/* === API docs + global table tools polish === */
html body .api-docs-tools{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;margin:0 0 18px!important;padding:18px!important;
  background:linear-gradient(180deg,rgba(15,40,72,.98),rgba(7,20,38,.96))!important;border:1px solid rgba(87,159,237,.24)!important;border-radius:24px!important;
}
html body .api-docs-search-field{display:grid!important;gap:8px!important;flex:1 1 360px!important;min-width:min(360px,100%)!important;}
html body .api-docs-search-field label{font-size:.82rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#8fc9ff!important;margin:0!important;}
html body .api-docs-search-field input{
  width:100%!important;min-height:48px!important;border-radius:999px!important;padding:0 18px!important;background:rgba(5,16,31,.86)!important;border:1px solid rgba(112,184,255,.28)!important;color:#f5fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body .api-method-filter{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
html body .api-method-filter button,
html body .csp-table-pagination button{
  appearance:none!important;border:1px solid rgba(112,184,255,.28)!important;background:rgba(10,27,49,.86)!important;color:#d8ebff!important;border-radius:999px!important;padding:9px 12px!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important;
}
html body .api-method-filter button:hover,
html body .csp-table-pagination button:hover:not(:disabled){border-color:rgba(71,181,255,.72)!important;background:rgba(47,156,255,.18)!important;}
html body .api-method-filter button.active,
html body .csp-table-pagination button.active{background:linear-gradient(135deg,#2f9cff,#2563ff)!important;color:#fff!important;border-color:transparent!important;}
html body .api-docs-count{color:#aecaeb!important;font-size:.88rem!important;font-weight:850!important;white-space:nowrap!important;}
html body .api-endpoint{position:relative!important;}
html body .api-endpoint[hidden]{display:none!important;}
html body .api-endpoint h2{margin-bottom:8px!important;}
html body .api-endpoint h3{font-size:.92rem!important;color:#8fc9ff!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin:18px 0 8px!important;}
html body .api-endpoint-head{padding:8px!important;border:1px solid rgba(87,159,237,.18)!important;background:rgba(3,14,27,.34)!important;border-radius:18px!important;}
html body .api-endpoint-head code{font-size:.9rem!important;line-height:1.45!important;}
html body .method.get{background:rgba(34,197,94,.13)!important;color:#7bf0a2!important;border:1px solid rgba(34,197,94,.32)!important;}
html body .method.post{background:rgba(47,156,255,.14)!important;color:#9dd2ff!important;border:1px solid rgba(47,156,255,.34)!important;}
html body .method.delete{background:rgba(248,113,113,.13)!important;color:#ffb0b0!important;border:1px solid rgba(248,113,113,.32)!important;}

html body .responsive-table,html body .table-scroll,html body .tw-table-wrap{max-width:100%!important;overflow-x:auto!important;}
html body .csp-table-controls,
html body .csp-table-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;max-width:100%!important;
}
html body .csp-table-controls{
  margin:0 0 12px!important;padding:12px!important;border:1px solid rgba(112,184,255,.20)!important;border-radius:18px!important;background:rgba(5,16,31,.58)!important;
}
html body .csp-table-footer{margin:12px 0 0!important;color:#aecaeb!important;font-size:.88rem!important;}
html body .csp-table-search{display:flex!important;align-items:center!important;gap:10px!important;flex:1 1 320px!important;min-width:min(320px,100%)!important;}
html body .csp-table-search span,
html body .csp-table-page-size{font-size:.82rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8fc9ff!important;}
html body .csp-table-search input{
  flex:1!important;min-width:0!important;min-height:42px!important;border-radius:999px!important;padding:0 14px!important;background:rgba(7,20,38,.92)!important;color:#f5fbff!important;border:1px solid rgba(112,184,255,.28)!important;
}
html body .csp-table-page-size{display:flex!important;align-items:center!important;gap:8px!important;}
html body .csp-table-page-size select{min-height:42px!important;border-radius:999px!important;padding:0 12px!important;background:rgba(7,20,38,.92)!important;color:#f5fbff!important;border:1px solid rgba(112,184,255,.28)!important;font-weight:850!important;}
html body .csp-table-pagination{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;}
html body .csp-table-pagination button{min-width:38px!important;min-height:36px!important;padding:7px 11px!important;font-size:.82rem!important;}
html body .csp-table-pagination button:disabled{opacity:.45!important;cursor:not-allowed!important;}
html body .csp-table-dots{color:#8aa5c7!important;padding:0 4px!important;}
html body .csp-table-empty-row td{background:rgba(7,20,38,.72)!important;color:#aecaeb!important;text-align:center!important;border-radius:16px!important;border:1px dashed rgba(112,184,255,.25)!important;}

/* Dark homepage datacenter map */
html body .datacenter-map-card.dark-datacenter-map{
  background:radial-gradient(circle at 82% 16%,rgba(47,156,255,.20),transparent 34%),linear-gradient(180deg,rgba(13,33,60,.98),rgba(5,16,31,.98))!important;
  border-color:rgba(87,159,237,.28)!important;box-shadow:0 28px 90px rgba(0,0,0,.45)!important;
}
html body .dark-datacenter-map .map-card-head{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 16px!important;}
html body .dark-datacenter-map .map-card-head h3{color:#f5fbff!important;text-shadow:0 0 22px rgba(47,156,255,.20)!important;}
html body .dark-datacenter-map .map-card-head p{color:#bdd3ef!important;}
html body .dark-datacenter-map .dotted-world-map.enhanced-map{
  background:radial-gradient(circle at 53% 36%,rgba(47,156,255,.18),transparent 24%),linear-gradient(180deg,#071426,#0c203a)!important;
  border-color:rgba(112,184,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 70px rgba(0,0,0,.24)!important;
}
html body .dark-datacenter-map .map-location-label.enhanced{
  background:rgba(7,20,38,.86)!important;border:1px solid rgba(112,184,255,.30)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important;backdrop-filter:blur(12px)!important;
}
html body .dark-datacenter-map .map-location-label.enhanced strong{color:#f5fbff!important;}
html body .dark-datacenter-map .map-location-label.enhanced span{color:#aecaeb!important;}
html body .dark-datacenter-map .map-location-label.enhanced:before{background:#47b5ff!important;box-shadow:0 0 0 8px rgba(71,181,255,.16),0 0 24px rgba(71,181,255,.45)!important;}
html body .dark-datacenter-map .map-meta-row span{background:rgba(7,20,38,.84)!important;border-color:rgba(112,184,255,.25)!important;color:#cfe5ff!important;box-shadow:0 12px 32px rgba(0,0,0,.24)!important;}

@media(max-width:760px){
  html body .api-docs-tools{align-items:stretch!important;}
  html body .api-docs-search-field{min-width:100%!important;}
  html body .api-docs-count{white-space:normal!important;}
  html body .csp-table-search{flex-direction:column!important;align-items:stretch!important;min-width:100%!important;}
  html body .csp-table-page-size{width:100%!important;justify-content:space-between!important;}
}