:root{
  --bg:#050505;
  --bg2:#0d0d0f;
  --panel:#121216;
  --panel2:#18181d;
  --text:#f5f7fb;
  --muted:#9da3ae;
  --red:#ff3b30;
  --orange:#ff7a00;
  --line:rgba(255,255,255,.08);
  --success:#30d158;
  --warn:#ffb020;
  --shadow:0 24px 80px rgba(0,0,0,.42);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(255,59,48,.10), transparent 22%),
    radial-gradient(circle at bottom left, rgba(255,122,0,.10), transparent 24%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.grid-bg{
  position:fixed; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.65), transparent 85%);
  pointer-events:none;
}
.glow{
  position:fixed;
  width:300px;height:300px;border-radius:999px;
  filter:blur(90px);opacity:.12;pointer-events:none;
}
.glow-a{background:var(--red);top:-50px;right:-40px}
.glow-b{background:var(--orange);left:-40px;bottom:-50px}

.threat-strip{
  position:relative;
  z-index:5;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg, rgba(48,209,88,.12), rgba(48,209,88,.04));
  color:#dfffea;
  box-shadow:inset 0 0 24px rgba(48,209,88,.06);
}
.threat-inner{
  max-width:1280px;
  margin:0 auto;
  padding:10px 28px;
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  font-size:.88rem;
}
.threat-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
}

.topbar,.dash-header{
  position:relative;z-index:2;
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 28px;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.35);
  backdrop-filter:blur(8px);
}
.brand-wrap{display:inline-flex;align-items:center}
.brand-logo{height:42px;width:auto;display:block}
nav,.dash-header-actions,.cta-actions{
  display:flex;gap:12px;align-items:center;flex-wrap:wrap;
}

.hero,.section{position:relative;z-index:2}
.hero{max-width:1280px;margin:0 auto;padding:36px 28px 18px}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.eyebrow{
  display:inline-block;padding:7px 12px;border:1px solid rgba(255,122,0,.35);
  color:#ffb37a;background:rgba(255,122,0,.08);text-transform:uppercase;
  font-size:.78rem;letter-spacing:.08em;border-radius:999px;
}
.hero h1{margin:14px 0 12px;font-size:clamp(2.8rem,5vw,5rem);line-height:1;text-transform:uppercase}
.hero h1 span{color:var(--orange);text-shadow:0 0 18px rgba(255,122,0,.28)}
.hero p{color:var(--muted);line-height:1.7;max-width:650px}

.hero-control-stack{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.service-switcher{
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:8px;
  background:linear-gradient(180deg, var(--panel), var(--panel2));
  border:1px solid var(--line);
  border-radius:12px;
}
.service-switcher label{
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#ffb37a;
  font-weight:800;
}

.hero-metrics-card,
.boss-command-card,
.battle-card,
.warroom-map,
.status-card,
.game-card,
.plan-card,
.trust-card,
.testimonial,
.faq-item,
.cta{
  background:linear-gradient(180deg, var(--panel), var(--panel2));
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:var(--shadow);
}

.hero-metrics-card{
  margin-top:22px;
  padding:18px;
}
.power-tier{
  font-size:1.5rem;
  font-weight:900;
  margin:4px 0 6px;
}
.power-sub{
  color:var(--muted);
  margin-bottom:16px;
  line-height:1.5;
}
.slider-wrap{margin-bottom:16px}
.slider-wrap input[type="range"]{
  width:100%;
  accent-color:#ff7a00;
  cursor:pointer;
}
.slider-labels{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  font-size:.76rem;
  color:var(--muted);
  margin-top:8px;
  text-align:center;
}
.power-metrics{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.power-metrics div{
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.05);
  border-radius:8px;
  padding:12px;
}
.power-metrics span{
  display:block;
  color:var(--muted);
  font-size:.78rem;
  margin-bottom:6px;
}

.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.hero-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.stat-box{
  min-width:130px;padding:14px 16px;background:rgba(255,255,255,.02);
  border:1px solid var(--line);border-radius:10px;
}
.stat-box strong{display:block;font-size:1.3rem}
.stat-box span{color:var(--muted);font-size:.9rem}

.boss-command-card{
  padding:18px;
}
.mock-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.mock-dots{display:flex;gap:8px}
.mock-dots span{
  width:10px;height:10px;border-radius:999px;background:#3a3a42;
}
.mock-dots span:nth-child(1){background:#ef4444}
.mock-dots span:nth-child(2){background:#f59e0b}
.mock-dots span:nth-child(3){background:#22c55e}
.mock-label{
  font-size:.76rem;
  color:#ffb37a;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.boss-command-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.mock-panel{
  background:#0b0b0e;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  padding:16px;
}
.boss-primary-panel{
  grid-column:1 / -1;
}
.mini-label{
  font-size:.72rem;
  color:#ffb37a;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.deploy-preview p{
  margin:0 0 10px;
  font-family:ui-monospace,monospace;
  overflow-wrap:anywhere;
}
.pulse-ring-wrap{
  position:relative;
  width:110px;
  height:110px;
  margin:8px auto 14px;
  display:grid;
  place-items:center;
}
.pulse-ring{
  position:absolute;
  inset:0;
  border-radius:999px;
  border:2px solid rgba(255,122,0,.24);
  animation:apexPulse 2.2s infinite ease-out;
}
.pulse-core{
  position:relative;
  width:62px;
  height:62px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, #ff3b30, #ff7a00);
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 0 22px rgba(255,122,0,.28);
}
.pulse-text{
  color:var(--muted);
  line-height:1.5;
  margin:0;
  text-align:center;
}

.section{max-width:1280px;margin:0 auto;padding:40px 28px}
.section-head{margin-bottom:22px}
.section-head h2{margin:12px 0 0;font-size:clamp(2rem,4vw,3rem);text-transform:uppercase}

.warroom-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
}
.battle-side-grid{
  display:grid;
  gap:18px;
}
.warroom-map,
.battle-card{
  padding:20px;
}
.warroom-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.map-canvas{
  position:relative;
  min-height:420px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at center, rgba(255,122,0,.06), transparent 28%),
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    #09090b;
  background-size:auto, 34px 34px, 34px 34px, auto;
  overflow:hidden;
}
.map-line{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg, rgba(255,122,0,.0), rgba(255,122,0,.7), rgba(255,122,0,.0));
  transform-origin:left center;
  opacity:.8;
}
.line-1{left:26%;top:24%;width:34%;transform:rotate(16deg)}
.line-2{left:26%;top:46%;width:40%;transform:rotate(-16deg)}
.line-3{left:26%;top:64%;width:42%;transform:rotate(10deg)}
.line-4{left:43%;top:61%;width:28%;transform:rotate(-14deg)}
.node{
  position:absolute;
  width:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.node-dot{
  position:relative;
  width:16px;
  height:16px;
  border-radius:999px;
  background:#ff7a00;
  box-shadow:0 0 18px rgba(255,122,0,.55);
  z-index:2;
}
.node-pulse{
  position:absolute;
  top:-8px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:2px solid rgba(255,122,0,.24);
  animation:warPulse 2.2s infinite ease-out;
}
.node-label{
  font-size:.8rem;
  color:#f5f7fb;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.08);
  padding:6px 8px;
  border-radius:999px;
  white-space:nowrap;
}
.node-core{left:18%;top:40%}
.node-na{left:50%;top:18%}
.node-eu{left:65%;top:58%}
.node-gs{left:72%;top:30%}
.node-vps{left:44%;top:68%}
.node-web{left:80%;top:72%}

.territory-row{
  display:grid;
  grid-template-columns:120px 1fr 56px;
  gap:12px;
  align-items:center;
  margin-top:12px;
}
.territory-label{
  color:#d8dee8;
  font-size:.92rem;
  font-weight:700;
}
.territory-bar{
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  position:relative;
}
.territory-fill{
  display:block;
  height:100%;
  border-radius:999px;
  position:relative;
  overflow:hidden;
}
.territory-fill::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  animation:territorySweep 2.4s linear infinite;
}
.fill-performance{width:92%;background:linear-gradient(90deg, #ff3b30, #ff7a00)}
.fill-speed{width:88%;background:linear-gradient(90deg, #ff7a00, #ffb020)}
.fill-power{width:95%;background:linear-gradient(90deg, #ff3b30, #ff5e00)}
.fill-control{width:90%;background:linear-gradient(90deg, #ff6a00, #ffd166)}
.territory-value{text-align:right;font-weight:800;color:#fff}

.deploy-feed,.war-feed{
  display:grid;
  gap:10px;
}
.feed-item,.war-feed-item{
  padding:12px 14px;
  border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  animation:feedSlide .35s ease;
}
.feed-item strong,.war-feed-item strong{
  color:#fff;
}
.feed-item span,.war-feed-item span{
  color:var(--muted);
  display:block;
  margin-top:4px;
  font-size:.9rem;
}

.status-grid,.game-grid,.plans-grid,.trust-grid,.testimonial-grid,.faq-list{
  display:grid;gap:18px;
}
.status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.game-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.trust-grid,.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.faq-list{grid-template-columns:1fr}

.status-card,.game-card,.plan-card,.trust-card,.testimonial,.faq-item,.cta{
  padding:22px;
  transition:.2s ease;
}
.status-card:hover,.game-card:hover,.plan-card:hover,.trust-card:hover,.testimonial:hover,.faq-item:hover{
  transform:translateY(-3px);
  border-color:rgba(255,122,0,.38);
}
.game-icon{
  width:50px;height:50px;display:grid;place-items:center;font-size:1.4rem;
  margin-bottom:14px;background:rgba(255,122,0,.08);border:1px solid rgba(255,122,0,.18);border-radius:8px;
}
.status-top{
  display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;
}
.status-card h3{font-size:2rem;margin:10px 0 4px}
.pill,.plan-badge,.instant-badge,.rarity-badge{
  display:inline-block;padding:6px 10px;border-radius:999px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;
}
.online{background:rgba(48,209,88,.12);color:#9cf3b5}
.plan-badge{color:#ffb37a;background:rgba(255,122,0,.08);border:1px solid rgba(255,122,0,.18)}
.instant-badge{color:#9cf3b5;background:rgba(48,209,88,.12);border:1px solid rgba(48,209,88,.22);margin-bottom:10px}
.price{font-size:2.2rem;font-weight:900;margin:12px 0;letter-spacing:-.03em}
.price span{font-size:1rem;color:var(--muted);font-weight:500}
.plan-list{list-style:none;padding:0;margin:16px 0 20px}
.plan-list li{margin:10px 0;color:var(--muted)}

.btn{
  border:none;cursor:pointer;padding:13px 18px;border-radius:8px;font-weight:800;
  text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg, var(--red), var(--orange));
  color:#fff;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.1)}
.big{padding:15px 22px}
.cta{display:flex;justify-content:space-between;align-items:center;gap:16px}

@keyframes apexPulse{
  0%{transform:scale(.72);opacity:.95}
  100%{transform:scale(1.18);opacity:0}
}
@keyframes warPulse{
  0%{transform:scale(.72);opacity:.95}
  100%{transform:scale(1.9);opacity:0}
}
@keyframes territorySweep{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(180%)}
}
@keyframes feedSlide{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

@media (max-width:1080px){
  .hero-inner,
  .warroom-grid{
    grid-template-columns:1fr;
  }
  .hero-control-stack{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:720px){
  .topbar{
    padding:18px;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .section,.hero{
    padding:18px;
  }
  .hero-control-stack,
  .power-metrics,
  .boss-command-grid,
  .territory-row{
    grid-template-columns:1fr;
  }
  .territory-value{text-align:left}
  .threat-inner{padding:10px 18px}
}


/* ===== boss mode polish ===== */
.boss-dash-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.boss-dash-card{
  padding:18px;
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    linear-gradient(180deg, #111116, #18181d);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 12px 34px rgba(0,0,0,.24);
}

.boss-dash-card span{
  display:block;
  color:var(--muted);
  font-size:.82rem;
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.boss-dash-card strong{
  display:block;
  font-size:1.65rem;
  line-height:1;
  margin-bottom:10px;
  color:#fff;
  letter-spacing:-.03em;
}

.boss-dash-card small{
  display:block;
  color:var(--muted);
  line-height:1.5;
  font-size:.88rem;
}

#bossDashTop .panel-head,
#supportHeroBoss .panel-head,
#adminHeroBoss .panel-head{
  margin-bottom:20px;
}

.unified-panel{
  overflow:hidden;
}

.unified-panel .panel-head .eyebrow{
  margin-bottom:2px;
}

.unified-panel h2{
  margin-bottom:0;
}

.server-card,
.admin-order-card,
.fulfillment-card{
  position:relative;
}

.server-card::before,
.admin-order-card::before,
.fulfillment-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,122,0,0), rgba(255,122,0,.6), rgba(255,122,0,0));
  opacity:.9;
}

.server-card .server-actions{
  margin-top:16px;
}

.server-card .server-actions .btn,
.server-card .server-actions a{
  min-height:44px;
}

.server-card .server-extra div{
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.05);
  border-radius:10px;
  padding:12px;
}

.sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    linear-gradient(180deg, #121216, #18181d);
}

.sidebar h3{
  letter-spacing:.06em;
}

.sidebar-stat strong{
  color:#fff;
}

.panel-head{
  padding-bottom:4px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.panel-head + .dashboard-top-controls,
.panel-head + .admin-filter-row,
.panel-head + .health-grid,
.panel-head + .admin-inbox-grid{
  margin-top:18px;
}

.deploy-form input,
.deploy-form select,
.deploy-form textarea,
.auth-form input,
.auth-form select,
.auth-form textarea{
  min-height:52px;
}

.deploy-form button,
.auth-form button{
  min-height:50px;
}

.status-badge{
  border:1px solid rgba(255,255,255,.08);
}

.form-message{
  padding-top:4px;
}

.empty-state{
  justify-content:center;
  text-align:center;
}

@media (max-width:1080px){
  .boss-dash-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px){
  .boss-dash-grid{
    grid-template-columns:1fr;
  }
}

/* ===== AUTO DASHBOARD POLISH PATCH ===== */
.dashboard-body .dash-layout.unified-layout{gap:22px!important;align-items:start!important}
.dashboard-body .dash-header{padding:16px 22px!important;border-radius:20px!important;margin-bottom:20px!important}
.dashboard-body .dash-brand-logo{max-height:48px!important;width:auto!important}
.dashboard-body .dash-header-actions{gap:10px!important;flex-wrap:wrap!important}
.dashboard-body .dash-header-actions .btn,.dashboard-body .quick-btn,.dashboard-body .mini-link,.dashboard-body button,.dashboard-body select{border-radius:12px!important}

.dashboard-body .sidebar,.dashboard-body .panel,.dashboard-body .glass,.dashboard-body .unified-panel,.dashboard-body .unified-sidebar{
  border-radius:20px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.24)!important
}

.dashboard-body .sidebar{padding:24px!important}
.dashboard-body .sidebar h3{margin-bottom:16px!important;font-size:24px!important;letter-spacing:-.02em!important}

.dashboard-body .sidebar-stat{
  padding:14px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important
}

.dashboard-body .sidebar-stat span{
  color:#95a3bf!important;
  font-size:13px!important
}

.dashboard-body .sidebar-stat strong{
  font-size:30px!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  color:#edf4ff!important
}

.dashboard-body .mini-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 14px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  font-weight:700!important
}

.dashboard-body .sidebar-quick{display:grid!important;gap:10px!important;margin-top:18px!important}

.dashboard-body .quick-btn{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important
}

.dashboard-body .panel{padding:24px!important}
.dashboard-body .panel-head{margin-bottom:18px!important}

.dashboard-body .eyebrow{
  font-size:11px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#8fa1bf!important
}

.dashboard-body h2{
  font-size:30px!important;
  letter-spacing:-.03em!important
}

.dashboard-body .hero-control-stack{gap:14px!important}

.dashboard-body .service-switcher{
  padding:16px!important;
  border-radius:16px!important
}

.dashboard-body select{
  min-height:46px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#edf4ff!important
}

.dashboard-body .status-card,
.dashboard-body .deploy-status{
  border-radius:18px!important;
  padding:18px!important
}

.dashboard-body .progress,.dashboard-body .bar{
  height:10px!important;
  border-radius:999px!important;
  overflow:hidden!important
}

/* mobile fix */
@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{grid-template-columns:1fr!important}
  .dashboard-body .sidebar{order:-1!important}
}

/* ===== FINAL BOSS COMPACT PASS ===== */
.dashboard-body .dash-layout.unified-layout{
  gap:16px!important;
}

.dashboard-body .dash-header{
  padding:12px 16px!important;
  border-radius:16px!important;
  margin-bottom:14px!important;
}

.dashboard-body .dash-brand-logo{
  max-height:38px!important;
}

.dashboard-body .dash-header-actions{
  gap:8px!important;
}

.dashboard-body .dash-header-actions .btn,
.dashboard-body .quick-btn,
.dashboard-body .mini-link,
.dashboard-body button,
.dashboard-body select{
  min-height:36px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:13px!important;
}

.dashboard-body .sidebar,
.dashboard-body .panel,
.dashboard-body .glass,
.dashboard-body .unified-panel,
.dashboard-body .unified-sidebar{
  border-radius:16px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

.dashboard-body .sidebar{
  padding:16px!important;
}

.dashboard-body .panel{
  padding:18px!important;
}

.dashboard-body .sidebar h3{
  margin:0 0 12px!important;
  font-size:20px!important;
  letter-spacing:-.02em!important;
}

.dashboard-body .sidebar-stat{
  padding:10px 0!important;
  gap:10px!important;
}

.dashboard-body .sidebar-stat span{
  font-size:12px!important;
  color:#8fa0bf!important;
}

.dashboard-body .sidebar-stat strong{
  font-size:24px!important;
  line-height:1!important;
}

.dashboard-body .mini-link{
  min-height:32px!important;
  padding:6px 10px!important;
  font-size:12px!important;
}

.dashboard-body .sidebar-quick{
  gap:8px!important;
  margin-top:14px!important;
}

.dashboard-body .panel-head{
  margin-bottom:12px!important;
}

.dashboard-body .eyebrow{
  font-size:10px!important;
  letter-spacing:.14em!important;
  margin-bottom:6px!important;
  opacity:.8!important;
}

.dashboard-body h2{
  font-size:24px!important;
  line-height:1.08!important;
  margin:0!important;
}

.dashboard-body .hero-control-stack{
  gap:10px!important;
  margin-bottom:12px!important;
}

.dashboard-body .service-switcher{
  padding:12px!important;
  border-radius:12px!important;
}

.dashboard-body .service-switcher label{
  font-size:12px!important;
  margin-bottom:6px!important;
}

.dashboard-body select{
  min-height:40px!important;
  padding:8px 10px!important;
  font-size:13px!important;
}

.dashboard-body .status-card,
.dashboard-body .deploy-status,
.dashboard-body .success-card,
.dashboard-body .server-status-card{
  border-radius:14px!important;
  padding:12px 14px!important;
}

.dashboard-body .status-card h2,
.dashboard-body #serversWrap h2{
  font-size:22px!important;
}

.dashboard-body .progress,
.dashboard-body .bar,
.dashboard-body .health-bar{
  height:8px!important;
}

.dashboard-body .health-row,
.dashboard-body .health-item{
  margin-bottom:10px!important;
}

.dashboard-body .quick-btn:hover,
.dashboard-body .dash-header-actions .btn:hover,
.dashboard-body .mini-link:hover{
  transform:translateY(-1px)!important;
}

/* make main cards feel slimmer on desktop */
@media (min-width:981px){
  .dashboard-body .unified-sidebar{
    max-width:290px!important;
  }
}

/* mobile */
@media (max-width:640px){
  .dashboard-body .dash-header{
    padding:10px 12px!important;
  }

  .dashboard-body .sidebar,
  .dashboard-body .panel{
    padding:14px!important;
  }

  .dashboard-body h2{
    font-size:21px!important;
  }

  .dashboard-body .sidebar-stat strong{
    font-size:21px!important;
  }
}

/* ===== PRO DASHBOARD PASS ===== */
.dashboard-body{
  color:#eef4ff!important;
}

.dashboard-body .dash-layout.unified-layout{
  gap:18px!important;
  align-items:start!important;
}

.dashboard-body .dash-header{
  padding:14px 18px!important;
  margin-bottom:18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(14px)!important;
}

.dashboard-body .dash-brand-logo{
  max-height:40px!important;
  width:auto!important;
  filter:drop-shadow(0 0 14px rgba(110,168,255,.12))!important;
}

.dashboard-body .dash-header-actions{
  gap:8px!important;
  flex-wrap:wrap!important;
}

.dashboard-body .dash-header-actions .btn,
.dashboard-body .quick-btn,
.dashboard-body .mini-link,
.dashboard-body button{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:700!important;
  transition:all .18s ease!important;
}

.dashboard-body .dash-header-actions .btn{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

.dashboard-body .dash-header-actions .btn:hover,
.dashboard-body .quick-btn:hover,
.dashboard-body .mini-link:hover,
.dashboard-body button:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(110,168,255,.24)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}

.dashboard-body .sidebar,
.dashboard-body .panel,
.dashboard-body .glass,
.dashboard-body .unified-panel,
.dashboard-body .unified-sidebar{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
  background:linear-gradient(180deg,rgba(14,20,34,.88),rgba(10,15,24,.92))!important;
  backdrop-filter:blur(14px)!important;
}

.dashboard-body .unified-sidebar{
  max-width:300px!important;
}

.dashboard-body .sidebar{
  padding:18px!important;
}

.dashboard-body .sidebar h3{
  margin:0 0 14px!important;
  font-size:22px!important;
  letter-spacing:-.02em!important;
  line-height:1.05!important;
}

.dashboard-body .sidebar-stat{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .sidebar-stat span{
  color:#95a5c5!important;
  font-size:12px!important;
  line-height:1.3!important;
}

.dashboard-body .sidebar-stat strong{
  color:#f4f7ff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}

.dashboard-body .mini-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  background:rgba(110,168,255,.10)!important;
  border:1px solid rgba(110,168,255,.20)!important;
  color:#d8e7ff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.dashboard-body .sidebar-quick{
  display:grid!important;
  gap:8px!important;
  margin-top:14px!important;
}

.dashboard-body .quick-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

.dashboard-body .panel{
  padding:20px!important;
}

.dashboard-body .panel-head{
  margin-bottom:14px!important;
}

.dashboard-body .eyebrow{
  display:inline-block!important;
  margin-bottom:6px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#8ea0c2!important;
  font-weight:800!important;
}

.dashboard-body h2{
  margin:0!important;
  font-size:25px!important;
  line-height:1.06!important;
  letter-spacing:-.03em!important;
  color:#f4f7ff!important;
}

.dashboard-body .hero-control-stack{
  gap:10px!important;
}

.dashboard-body .service-switcher{
  padding:13px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .service-switcher label{
  display:block!important;
  margin-bottom:6px!important;
  font-size:12px!important;
  color:#95a5c5!important;
}

.dashboard-body select{
  min-height:40px!important;
  width:100%!important;
  border-radius:10px!important;
  padding:8px 12px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#eef4ff!important;
  font-size:13px!important;
  outline:none!important;
  box-shadow:none!important;
}

.dashboard-body select:focus{
  border-color:rgba(110,168,255,.34)!important;
  box-shadow:0 0 0 4px rgba(110,168,255,.10)!important;
}

.dashboard-body .btn,
.dashboard-body button{
  box-shadow:none!important;
}

.dashboard-body .btn-primary,
.dashboard-body .deploy-btn,
.dashboard-body button.primary{
  background:linear-gradient(180deg,#7db0ff 0%, #4d84ff 100%)!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(77,132,255,.22)!important;
}

.dashboard-body .btn-primary:hover,
.dashboard-body .deploy-btn:hover,
.dashboard-body button.primary:hover{
  filter:brightness(1.04)!important;
  box-shadow:0 14px 28px rgba(77,132,255,.28)!important;
}

.dashboard-body .status-card,
.dashboard-body .deploy-status,
.dashboard-body .success-card,
.dashboard-body .server-status-card{
  padding:14px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(53,208,127,.08),rgba(53,208,127,.04))!important;
  border:1px solid rgba(53,208,127,.16)!important;
  box-shadow:none!important;
}

.dashboard-body .status-card h2,
.dashboard-body #serversWrap h2{
  font-size:22px!important;
}

.dashboard-body .progress,
.dashboard-body .bar,
.dashboard-body .health-bar{
  height:8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.06)!important;
}

.dashboard-body .progress > span,
.dashboard-body .bar > span,
.dashboard-body .health-bar > span{
  border-radius:999px!important;
  background:linear-gradient(90deg,#6ea8ff,#35d07f)!important;
}

.dashboard-body .health-row,
.dashboard-body .health-item{
  margin-bottom:10px!important;
}

.dashboard-body .health-row:last-child,
.dashboard-body .health-item:last-child{
  margin-bottom:0!important;
}

.dashboard-body .status-card,
.dashboard-body .server-status-card{
  position:relative!important;
  overflow:hidden!important;
}

.dashboard-body .status-card::after,
.dashboard-body .server-status-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%)!important;
  pointer-events:none!important;
}

@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{
    grid-template-columns:1fr!important;
  }

  .dashboard-body .unified-sidebar{
    max-width:none!important;
  }
}

@media (max-width:640px){
  .dashboard-body .dash-header{
    padding:12px 14px!important;
  }

  .dashboard-body .sidebar,
  .dashboard-body .panel{
    padding:16px!important;
  }

  .dashboard-body h2{
    font-size:22px!important;
  }

  .dashboard-body .sidebar h3{
    font-size:20px!important;
  }

  .dashboard-body .sidebar-stat strong{
    font-size:22px!important;
  }
}

/* ===== MATCH BOSS BOX TO FRONT PAGE COLORS ===== */
.dashboard-body #serversWrap .status-card,
.dashboard-body .server-status-card,
.dashboard-body .boss-status,
.dashboard-body .infra-status{
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
  color:#f5f7ff !important;
}

.dashboard-body #serversWrap .status-card h2,
.dashboard-body .server-status-card h2,
.dashboard-body .boss-status h2,
.dashboard-body .infra-status h2{
  color:#f5f7ff !important;
  text-shadow:0 0 18px rgba(117,167,255,.10) !important;
}

.dashboard-body #serversWrap .status-card .eyebrow,
.dashboard-body .server-status-card .eyebrow,
.dashboard-body .boss-status .eyebrow,
.dashboard-body .infra-status .eyebrow{
  color:#f3b23a !important;
  letter-spacing:.16em !important;
}

.dashboard-body #serversWrap .status-card p,
.dashboard-body #serversWrap .status-card div,
.dashboard-body .server-status-card p,
.dashboard-body .server-status-card div{
  color:#d7e2f7 !important;
}

.dashboard-body #serversWrap .status-card::after,
.dashboard-body .server-status-card::after,
.dashboard-body .boss-status::after,
.dashboard-body .infra-status::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 42%) !important;
}



/* ===== FRONT-PAGE COLOR MATCH + PRO DASHBOARD ===== */
:root{
  --nm-bg:#090b11;
  --nm-bg2:#0d1119;
  --nm-card:rgba(255,255,255,.04);
  --nm-line:rgba(255,255,255,.09);
  --nm-text:#f5f7ff;
  --nm-muted:#9aa7bd;
  --nm-gold:#f3b23a;
  --nm-green:#3ddc97;
  --nm-red:#ff6e7f;
  --nm-blue:#75a7ff;
  --nm-shadow:0 20px 60px rgba(0,0,0,.35);
}

.dashboard-body{
  color:var(--nm-text)!important;
  background:
    radial-gradient(circle at top left, rgba(243,178,58,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(117,167,255,.10), transparent 22%),
    linear-gradient(180deg,var(--nm-bg),var(--nm-bg2))!important;
}

.dashboard-body .dash-header,
.dashboard-body .sidebar,
.dashboard-body .panel,
.dashboard-body .glass,
.dashboard-body .unified-panel,
.dashboard-body .unified-sidebar{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025))!important;
  border:1px solid var(--nm-line)!important;
  box-shadow:var(--nm-shadow)!important;
}

.dashboard-body .dash-layout.unified-layout{gap:18px!important;align-items:start!important}
.dashboard-body .dash-header{padding:14px 18px!important;border-radius:18px!important;margin-bottom:18px!important}
.dashboard-body .dash-brand-logo{max-height:40px!important;width:auto!important}
.dashboard-body .dash-header-actions{gap:8px!important;flex-wrap:wrap!important}

.dashboard-body .dash-header-actions .btn,
.dashboard-body .quick-btn,
.dashboard-body .mini-link,
.dashboard-body button,
.dashboard-body select{
  border-radius:11px!important;
  min-height:38px!important;
  padding:8px 13px!important;
  font-size:13px!important;
  transition:all .18s ease!important;
}

.dashboard-body .dash-header-actions .btn,
.dashboard-body .quick-btn{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:var(--nm-text)!important;
}

.dashboard-body .dash-header-actions .btn:hover,
.dashboard-body .quick-btn:hover,
.dashboard-body .mini-link:hover,
.dashboard-body button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(117,167,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

.dashboard-body .sidebar{padding:18px!important}
.dashboard-body .panel{padding:20px!important}
.dashboard-body .unified-sidebar{max-width:300px!important}

.dashboard-body .sidebar h3{
  margin:0 0 14px!important;
  font-size:22px!important;
  letter-spacing:-.02em!important;
}

.dashboard-body .sidebar-stat{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .sidebar-stat span{
  color:var(--nm-muted)!important;
  font-size:12px!important;
}

.dashboard-body .sidebar-stat strong{
  color:var(--nm-text)!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
}

.dashboard-body .mini-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  background:rgba(117,167,255,.10)!important;
  border:1px solid rgba(117,167,255,.22)!important;
  color:#d8e7ff!important;
  text-decoration:none!important;
  font-weight:700!important;
}

.dashboard-body .sidebar-quick{display:grid!important;gap:8px!important;margin-top:14px!important}

.dashboard-body .eyebrow{
  display:inline-block!important;
  margin-bottom:6px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--nm-gold)!important;
  font-weight:800!important;
}

.dashboard-body h2{
  margin:0!important;
  font-size:25px!important;
  line-height:1.06!important;
  letter-spacing:-.03em!important;
  color:var(--nm-text)!important;
}

.dashboard-body .hero-control-stack{gap:10px!important}
.dashboard-body .service-switcher{
  padding:13px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.dashboard-body .service-switcher label{
  display:block!important;
  margin-bottom:6px!important;
  font-size:12px!important;
  color:var(--nm-muted)!important;
}

.dashboard-body select{
  min-height:40px!important;
  width:100%!important;
  border-radius:10px!important;
  padding:8px 12px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:var(--nm-text)!important;
}

.dashboard-body select:focus{
  border-color:rgba(117,167,255,.34)!important;
  box-shadow:0 0 0 4px rgba(117,167,255,.10)!important;
  outline:none!important;
}

/* primary action look */
.dashboard-body .btn-primary,
.dashboard-body .deploy-btn,
.dashboard-body button.primary,
.dashboard-body button[type="submit"]{
  background:linear-gradient(180deg,#7db0ff 0%, #4d84ff 100%)!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(77,132,255,.22)!important;
}

/* health area */
.dashboard-body .progress,
.dashboard-body .bar,
.dashboard-body .health-bar{
  height:8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.06)!important;
}
.dashboard-body .progress > span,
.dashboard-body .bar > span,
.dashboard-body .health-bar > span{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--nm-blue),var(--nm-green))!important;
}

/* boss/status box matched to homepage colors */
.dashboard-body #serversWrap .status-card,
.dashboard-body .server-status-card,
.dashboard-body .boss-status,
.dashboard-body .infra-status{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
  color:var(--nm-text)!important;
  border-radius:15px!important;
  padding:14px!important;
}
.dashboard-body #serversWrap .status-card::after,
.dashboard-body .server-status-card::after,
.dashboard-body .boss-status::after,
.dashboard-body .infra-status::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 42%)!important;
}
.dashboard-body #serversWrap .status-card h2,
.dashboard-body .server-status-card h2,
.dashboard-body .boss-status h2,
.dashboard-body .infra-status h2{
  color:var(--nm-text)!important;
  text-shadow:0 0 18px rgba(117,167,255,.10)!important;
}
.dashboard-body #serversWrap .status-card .eyebrow,
.dashboard-body .server-status-card .eyebrow,
.dashboard-body .boss-status .eyebrow,
.dashboard-body .infra-status .eyebrow{
  color:var(--nm-gold)!important;
}
.dashboard-body #serversWrap .status-card p,
.dashboard-body #serversWrap .status-card div,
.dashboard-body .server-status-card p,
.dashboard-body .server-status-card div{
  color:#d7e2f7!important;
}

@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{grid-template-columns:1fr!important}
  .dashboard-body .unified-sidebar{max-width:none!important}
}
@media (max-width:640px){
  .dashboard-body .dash-header{padding:12px 14px!important}
  .dashboard-body .sidebar,.dashboard-body .panel{padding:16px!important}
  .dashboard-body h2{font-size:22px!important}
  .dashboard-body .sidebar h3{font-size:20px!important}
  .dashboard-body .sidebar-stat strong{font-size:22px!important}
}




/* ===== READY FOR HOSTING: UNIFIED BRAND PASS ===== */
:root{
  --apex-bg:#090b11;
  --apex-bg2:#0d1119;
  --apex-card:rgba(255,255,255,.04);
  --apex-line:rgba(255,255,255,.09);
  --apex-text:#f5f7ff;
  --apex-muted:#9aa7bd;
  --apex-gold:#f3b23a;
  --apex-green:#3ddc97;
  --apex-red:#ff6e7f;
  --apex-blue:#75a7ff;
  --apex-shadow:0 20px 60px rgba(0,0,0,.35);
}

body,
.dashboard-body,
.login-body{
  color:var(--apex-text)!important;
  background:
    radial-gradient(circle at top left, rgba(243,178,58,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(117,167,255,.10), transparent 22%),
    linear-gradient(180deg,var(--apex-bg),var(--apex-bg2))!important;
}

/* shared glass style */
.glass,
.panel,
.sidebar,
.unified-panel,
.unified-sidebar,
.dash-header,
.login-card,
.auth-card,
.login-panel,
.form-card{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025))!important;
  border:1px solid var(--apex-line)!important;
  box-shadow:var(--apex-shadow)!important;
  backdrop-filter:blur(14px)!important;
  border-radius:18px!important;
}

/* shared headings */
h1,h2,h3{
  color:var(--apex-text)!important;
  letter-spacing:-.03em!important;
}

.eyebrow,
.mini-label,
.section-tag{
  color:var(--apex-gold)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* shared form look */
input,
select,
textarea{
  width:100%!important;
  min-height:42px!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:var(--apex-text)!important;
  outline:none!important;
  box-shadow:none!important;
}

input::placeholder,
textarea::placeholder{
  color:var(--apex-muted)!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(117,167,255,.34)!important;
  box-shadow:0 0 0 4px rgba(117,167,255,.10)!important;
}

/* shared buttons */
.btn,
button,
a.btn,
.quick-btn,
.mini-link{
  border-radius:12px!important;
  min-height:40px!important;
  padding:9px 14px!important;
  font-size:13px!important;
  font-weight:700!important;
  transition:all .18s ease!important;
}

.btn,
button,
.quick-btn{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:var(--apex-text)!important;
}

.btn:hover,
button:hover,
.quick-btn:hover,
.mini-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(117,167,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

.btn.primary,
.btn-primary,
button.primary,
button[type="submit"],
.auth-submit,
.login-submit,
.deploy-btn{
  background:linear-gradient(180deg,#7db0ff 0%, #4d84ff 100%)!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(77,132,255,.22)!important;
}

.btn.primary:hover,
.btn-primary:hover,
button.primary:hover,
button[type="submit"]:hover,
.auth-submit:hover,
.login-submit:hover,
.deploy-btn:hover{
  filter:brightness(1.04)!important;
  box-shadow:0 14px 28px rgba(77,132,255,.28)!important;
}

/* dashboard */
.dashboard-body .dash-layout.unified-layout{
  gap:18px!important;
  align-items:start!important;
}

.dashboard-body .dash-header{
  padding:14px 18px!important;
  margin-bottom:18px!important;
}

.dashboard-body .dash-brand-logo{
  max-height:40px!important;
  width:auto!important;
  filter:drop-shadow(0 0 14px rgba(117,167,255,.12))!important;
}

.dashboard-body .dash-header-actions{
  gap:8px!important;
  flex-wrap:wrap!important;
}

.dashboard-body .unified-sidebar{
  max-width:300px!important;
}

.dashboard-body .sidebar{
  padding:18px!important;
}

.dashboard-body .panel{
  padding:20px!important;
}

.dashboard-body .sidebar h3{
  margin:0 0 14px!important;
  font-size:22px!important;
}

.dashboard-body .sidebar-stat{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .sidebar-stat span{
  color:var(--apex-muted)!important;
  font-size:12px!important;
}

.dashboard-body .sidebar-stat strong{
  color:var(--apex-text)!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
}

.dashboard-body .mini-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  background:rgba(117,167,255,.10)!important;
  border:1px solid rgba(117,167,255,.22)!important;
  color:#d8e7ff!important;
  text-decoration:none!important;
}

.dashboard-body .sidebar-quick{
  display:grid!important;
  gap:8px!important;
  margin-top:14px!important;
}

.dashboard-body .service-switcher{
  padding:13px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .service-switcher label{
  display:block!important;
  margin-bottom:6px!important;
  font-size:12px!important;
  color:var(--apex-muted)!important;
}

.dashboard-body .progress,
.dashboard-body .bar,
.dashboard-body .health-bar{
  height:8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.06)!important;
}

.dashboard-body .progress > span,
.dashboard-body .bar > span,
.dashboard-body .health-bar > span{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--apex-blue),var(--apex-green))!important;
}

/* keep boss box on homepage colors */
.dashboard-body #serversWrap .status-card,
.dashboard-body .server-status-card,
.dashboard-body .boss-status,
.dashboard-body .infra-status{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:var(--apex-text)!important;
  border-radius:15px!important;
  padding:14px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

.dashboard-body #serversWrap .status-card::after,
.dashboard-body .server-status-card::after,
.dashboard-body .boss-status::after,
.dashboard-body .infra-status::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 42%)!important;
}

.dashboard-body #serversWrap .status-card .eyebrow,
.dashboard-body .server-status-card .eyebrow,
.dashboard-body .boss-status .eyebrow,
.dashboard-body .infra-status .eyebrow{
  color:var(--apex-gold)!important;
}

/* login */
.login-body,
.auth-page{
  min-height:100vh!important;
}

.login-card,
.auth-card,
.login-panel,
.form-card{
  max-width:460px!important;
  margin:40px auto!important;
  padding:26px!important;
}

.login-card h1,
.auth-card h1,
.login-panel h1,
.form-card h1{
  font-size:32px!important;
  line-height:1.05!important;
  margin:0 0 10px!important;
}

.login-card p,
.auth-card p,
.login-panel p,
.form-card p,
.login-card .muted,
.auth-card .muted{
  color:var(--apex-muted)!important;
}

.login-card .brand-logo,
.auth-card .brand-logo,
.login-panel .brand-logo{
  max-height:54px!important;
  width:auto!important;
  display:block!important;
  margin:0 auto 18px!important;
  filter:drop-shadow(0 0 18px rgba(117,167,255,.12))!important;
}

.login-card label,
.auth-card label,
.login-panel label,
.form-card label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--apex-text)!important;
  font-size:13px!important;
  font-weight:700!important;
}

.login-card .form-group,
.auth-card .form-group,
.login-panel .form-group,
.form-card .form-group{
  margin-bottom:14px!important;
}

.login-card .btn,
.auth-card .btn,
.login-panel .btn,
.form-card .btn,
.login-card button,
.auth-card button,
.login-panel button,
.form-card button{
  width:100%!important;
}

.login-card .helper-links,
.auth-card .helper-links,
.login-panel .helper-links{
  margin-top:14px!important;
  text-align:center!important;
}

.login-card a,
.auth-card a,
.login-panel a,
.form-card a{
  color:#d8e7ff!important;
}

/* mobile */
@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{grid-template-columns:1fr!important}
  .dashboard-body .unified-sidebar{max-width:none!important}
}
@media (max-width:640px){
  .dashboard-body .dash-header{padding:12px 14px!important}
  .dashboard-body .sidebar,
  .dashboard-body .panel{padding:16px!important}
  .dashboard-body h2{font-size:22px!important}
  .dashboard-body .sidebar h3{font-size:20px!important}
  .dashboard-body .sidebar-stat strong{font-size:22px!important}
  .login-card,
  .auth-card,
  .login-panel,
  .form-card{margin:18px auto!important;padding:18px!important}
  .login-card h1,
  .auth-card h1,
  .login-panel h1,
  .form-card h1{font-size:26px!important}
}




/* ===== UNIFIED BRAND + LOGIN READY ===== */
:root{
  --apex-bg:#090b11;
  --apex-bg2:#0d1119;
  --apex-card:rgba(255,255,255,.04);
  --apex-line:rgba(255,255,255,.09);
  --apex-text:#f5f7ff;
  --apex-muted:#9aa7bd;
  --apex-gold:#f3b23a;
  --apex-green:#3ddc97;
  --apex-red:#ff6e7f;
  --apex-blue:#75a7ff;
  --apex-shadow:0 20px 60px rgba(0,0,0,.35);
}

body,.dashboard-body,.login-body{
  color:var(--apex-text)!important;
  background:
    radial-gradient(circle at top left, rgba(243,178,58,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(117,167,255,.10), transparent 22%),
    linear-gradient(180deg,var(--apex-bg),var(--apex-bg2))!important;
}

.glass,.panel,.sidebar,.unified-panel,.unified-sidebar,.dash-header,.login-card,.auth-card,.login-panel,.form-card{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025))!important;
  border:1px solid var(--apex-line)!important;
  box-shadow:var(--apex-shadow)!important;
  backdrop-filter:blur(14px)!important;
  border-radius:18px!important;
}

h1,h2,h3{color:var(--apex-text)!important;letter-spacing:-.03em!important}
.eyebrow,.mini-label,.section-tag{color:var(--apex-gold)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important}

input,select,textarea{
  width:100%!important;min-height:42px!important;border-radius:12px!important;padding:10px 12px!important;
  background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--apex-text)!important;
}
input::placeholder,textarea::placeholder{color:var(--apex-muted)!important}
input:focus,select:focus,textarea:focus{border-color:rgba(117,167,255,.34)!important;box-shadow:0 0 0 4px rgba(117,167,255,.10)!important;outline:none!important}

.btn,button,a.btn,.quick-btn,.mini-link{
  border-radius:12px!important;min-height:40px!important;padding:9px 14px!important;font-size:13px!important;font-weight:700!important;transition:all .18s ease!important
}
.btn,button,.quick-btn{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--apex-text)!important}
.btn:hover,button:hover,.quick-btn:hover,.mini-link:hover{transform:translateY(-1px)!important;border-color:rgba(117,167,255,.28)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.btn.primary,.btn-primary,button.primary,button[type="submit"],.auth-submit,.login-submit,.deploy-btn{
  background:linear-gradient(180deg,#7db0ff 0%, #4d84ff 100%)!important;border:none!important;color:#fff!important;box-shadow:0 10px 24px rgba(77,132,255,.22)!important
}

.login-body,.auth-page{min-height:100vh!important}
.login-card,.auth-card,.login-panel,.form-card{
  max-width:460px!important;margin:40px auto!important;padding:26px!important
}
.login-card h1,.auth-card h1,.login-panel h1,.form-card h1{font-size:32px!important;line-height:1.05!important;margin:0 0 10px!important}
.login-card p,.auth-card p,.login-panel p,.form-card p,.login-card .muted,.auth-card .muted{color:var(--apex-muted)!important}
.login-card label,.auth-card label,.login-panel label,.form-card label{display:block!important;margin:0 0 6px!important;color:var(--apex-text)!important;font-size:13px!important;font-weight:700!important}
.login-card .form-group,.auth-card .form-group,.login-panel .form-group,.form-card .form-group{margin-bottom:14px!important}
.login-card .btn,.auth-card .btn,.login-panel .btn,.form-card .btn,.login-card button,.auth-card button,.login-panel button,.form-card button{width:100%!important}

.dashboard-body .dash-layout.unified-layout{gap:18px!important;align-items:start!important}
.dashboard-body .dash-header{padding:14px 18px!important;margin-bottom:18px!important}
.dashboard-body .dash-brand-logo{max-height:40px!important;width:auto!important;filter:drop-shadow(0 0 14px rgba(117,167,255,.12))!important}
.dashboard-body .dash-header-actions{gap:8px!important;flex-wrap:wrap!important}
.dashboard-body .unified-sidebar{max-width:300px!important}
.dashboard-body .sidebar{padding:18px!important}
.dashboard-body .panel{padding:20px!important}
.dashboard-body .sidebar h3{margin:0 0 14px!important;font-size:22px!important}
.dashboard-body .sidebar-stat{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:11px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.dashboard-body .sidebar-stat span{color:var(--apex-muted)!important;font-size:12px!important}
.dashboard-body .sidebar-stat strong{color:var(--apex-text)!important;font-size:24px!important;font-weight:800!important;line-height:1!important}
.dashboard-body .mini-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:6px 10px!important;background:rgba(117,167,255,.10)!important;border:1px solid rgba(117,167,255,.22)!important;color:#d8e7ff!important;text-decoration:none!important}
.dashboard-body .sidebar-quick{display:grid!important;gap:8px!important;margin-top:14px!important}
.dashboard-body .service-switcher{padding:13px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important}
.dashboard-body .service-switcher label{display:block!important;margin-bottom:6px!important;font-size:12px!important;color:var(--apex-muted)!important}
.dashboard-body .progress,.dashboard-body .bar,.dashboard-body .health-bar{height:8px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(255,255,255,.06)!important}
.dashboard-body .progress > span,.dashboard-body .bar > span,.dashboard-body .health-bar > span{border-radius:999px!important;background:linear-gradient(90deg,var(--apex-blue),var(--apex-green))!important}

/* boss box homepage colors */
.dashboard-body #serversWrap .status-card,.dashboard-body .server-status-card,.dashboard-body .boss-status,.dashboard-body .infra-status{
  position:relative!important;overflow:hidden!important;
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.09)!important;color:var(--apex-text)!important;border-radius:15px!important;padding:14px!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important
}
.dashboard-body #serversWrap .status-card .eyebrow,.dashboard-body .server-status-card .eyebrow,.dashboard-body .boss-status .eyebrow,.dashboard-body .infra-status .eyebrow{color:var(--apex-gold)!important}

@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{grid-template-columns:1fr!important}
  .dashboard-body .unified-sidebar{max-width:none!important}
}
@media (max-width:640px){
  .dashboard-body .dash-header{padding:12px 14px!important}
  .dashboard-body .sidebar,.dashboard-body .panel{padding:16px!important}
  .dashboard-body h2{font-size:22px!important}
  .dashboard-body .sidebar h3{font-size:20px!important}
  .dashboard-body .sidebar-stat strong{font-size:22px!important}
  .login-card,.auth-card,.login-panel,.form-card{margin:18px auto!important;padding:18px!important}
  .login-card h1,.auth-card h1,.login-panel h1,.form-card h1{font-size:26px!important}
}


/* ===== CLIENT AREA PRO CLEANUP PASS ===== */
.dashboard-body{
  background:
    radial-gradient(circle at top left, rgba(243,178,58,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(117,167,255,.10), transparent 22%),
    linear-gradient(180deg,#090b11,#0d1119)!important;
  color:#f5f7ff!important;
}

.dashboard-body .dash-layout.unified-layout{
  gap:16px!important;
  align-items:start!important;
}

.dashboard-body .dash-header{
  padding:12px 16px!important;
  margin-bottom:14px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(14px)!important;
}

.dashboard-body .dash-brand-logo{
  max-height:38px!important;
  width:auto!important;
}

.dashboard-body .dash-header-actions{
  gap:8px!important;
  flex-wrap:wrap!important;
}

.dashboard-body .dash-header-actions .btn,
.dashboard-body .quick-btn,
.dashboard-body .mini-link,
.dashboard-body button,
.dashboard-body select{
  min-height:36px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:13px!important;
  transition:all .18s ease!important;
}

.dashboard-body .dash-header-actions .btn,
.dashboard-body .quick-btn{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f5f7ff!important;
}

.dashboard-body .dash-header-actions .btn:hover,
.dashboard-body .quick-btn:hover,
.dashboard-body .mini-link:hover,
.dashboard-body button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(117,167,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

.dashboard-body .sidebar,
.dashboard-body .panel,
.dashboard-body .glass,
.dashboard-body .unified-panel,
.dashboard-body .unified-sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
  border-radius:16px!important;
  backdrop-filter:blur(14px)!important;
}

.dashboard-body .unified-sidebar{
  max-width:285px!important;
}

.dashboard-body .sidebar{
  padding:16px!important;
}

.dashboard-body .panel{
  padding:18px!important;
}

.dashboard-body .sidebar h3{
  margin:0 0 12px!important;
  font-size:20px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  color:#f5f7ff!important;
}

.dashboard-body .sidebar-stat{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .sidebar-stat span{
  display:block!important;
  font-size:12px!important;
  color:#9aa7bd!important;
  line-height:1.3!important;
}

.dashboard-body .sidebar-stat strong{
  display:block!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  color:#f5f7ff!important;
}

.dashboard-body .mini-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 10px!important;
  background:rgba(117,167,255,.10)!important;
  border:1px solid rgba(117,167,255,.22)!important;
  color:#dce8ff!important;
  text-decoration:none!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.dashboard-body .sidebar-quick{
  display:grid!important;
  gap:8px!important;
  margin-top:14px!important;
}

.dashboard-body .panel-head{
  margin-bottom:12px!important;
}

.dashboard-body .eyebrow{
  display:inline-block!important;
  margin-bottom:6px!important;
  color:#f3b23a!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

.dashboard-body h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  color:#f5f7ff!important;
}

.dashboard-body .hero-control-stack{
  gap:10px!important;
}

.dashboard-body .service-switcher{
  padding:12px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .service-switcher label{
  display:block!important;
  margin-bottom:6px!important;
  font-size:12px!important;
  color:#9aa7bd!important;
}

.dashboard-body select{
  min-height:40px!important;
  width:100%!important;
  border-radius:10px!important;
  padding:8px 10px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#f5f7ff!important;
}

.dashboard-body select:focus{
  outline:none!important;
  border-color:rgba(117,167,255,.34)!important;
  box-shadow:0 0 0 4px rgba(117,167,255,.10)!important;
}

.dashboard-body .btn-primary,
.dashboard-body .deploy-btn,
.dashboard-body button.primary,
.dashboard-body button[type="submit"]{
  background:linear-gradient(180deg,#7db0ff 0%,#4d84ff 100%)!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(77,132,255,.22)!important;
}

.dashboard-body .status-card,
.dashboard-body .deploy-status,
.dashboard-body .success-card{
  padding:12px 14px!important;
  border-radius:14px!important;
}

.dashboard-body .progress,
.dashboard-body .bar,
.dashboard-body .health-bar{
  height:8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.06)!important;
}

.dashboard-body .progress > span,
.dashboard-body .bar > span,
.dashboard-body .health-bar > span{
  border-radius:999px!important;
  background:linear-gradient(90deg,#75a7ff,#3ddc97)!important;
}

.dashboard-body .health-row,
.dashboard-body .health-item{
  margin-bottom:10px!important;
}

.dashboard-body #serversWrap .status-card,
.dashboard-body .server-status-card,
.dashboard-body .boss-status,
.dashboard-body .infra-status{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
  color:#f5f7ff!important;
}

.dashboard-body #serversWrap .status-card .eyebrow,
.dashboard-body .server-status-card .eyebrow,
.dashboard-body .boss-status .eyebrow,
.dashboard-body .infra-status .eyebrow{
  color:#f3b23a!important;
}

.dashboard-body #serversWrap .status-card::after,
.dashboard-body .server-status-card::after,
.dashboard-body .boss-status::after,
.dashboard-body .infra-status::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 42%)!important;
}

@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{
    grid-template-columns:1fr!important;
  }

  .dashboard-body .unified-sidebar{
    max-width:none!important;
  }
}

@media (max-width:640px){
  .dashboard-body .dash-header{
    padding:10px 12px!important;
  }

  .dashboard-body .sidebar,
  .dashboard-body .panel{
    padding:14px!important;
  }

  .dashboard-body h2{
    font-size:21px!important;
  }

  .dashboard-body .sidebar h3{
    font-size:19px!important;
  }

  .dashboard-body .sidebar-stat strong{
    font-size:20px!important;
  }
}

/* ===== FORCE SERVICE + GAME SELECTORS VISIBLE ===== */
.dashboard-body #serviceMode,
.dashboard-body #gameMode{
  display:block !important;
  width:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  appearance:auto !important;
  -webkit-appearance:menulist !important;
  -moz-appearance:menulist !important;
  background:#111827 !important;
  color:#f5f7ff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  min-height:44px !important;
}

.dashboard-body #gameModeWrap,
.dashboard-body .service-switcher{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}

.dashboard-body #serviceMode option,
.dashboard-body #gameMode option{
  background:#111827 !important;
  color:#f5f7ff !important;
}

.dashboard-body .service-switcher label{
  display:block !important;
  color:#f3b23a !important;
  font-weight:700 !important;
  margin-bottom:8px !important;
}



/* ===== APEX AMAZING PASS ===== */
:root{
  --apex-bg:#090b11;
  --apex-bg2:#0d1119;
  --apex-card:rgba(255,255,255,.045);
  --apex-line:rgba(255,255,255,.09);
  --apex-text:#f5f7ff;
  --apex-muted:#9aa7bd;
  --apex-gold:#f3b23a;
  --apex-blue:#75a7ff;
  --apex-green:#3ddc97;
  --apex-shadow:0 20px 60px rgba(0,0,0,.35);
}

/* login page */
.login-body,
.auth-body{
  background:
    radial-gradient(circle at top left, rgba(243,178,58,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(117,167,255,.10), transparent 22%),
    linear-gradient(180deg,var(--apex-bg),var(--apex-bg2))!important;
}

.auth-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
}

.auth-card{
  width:min(100%, 460px);
  padding:30px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))!important;
  border:1px solid var(--apex-line)!important;
  box-shadow:var(--apex-shadow)!important;
  backdrop-filter:blur(14px)!important;
}

.auth-logo{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}

.auth-card .brand-logo{
  max-height:56px;
  width:auto;
  filter:drop-shadow(0 0 18px rgba(117,167,255,.12));
}

.auth-card .eyebrow{
  color:var(--apex-gold)!important;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  font-weight:800;
  margin-bottom:8px;
  text-align:center;
}

.auth-card h1{
  margin:0 0 10px;
  text-align:center;
  font-size:34px!important;
  line-height:1.02;
  letter-spacing:-.04em;
  color:var(--apex-text)!important;
}

.auth-card .muted{
  text-align:center;
  color:var(--apex-muted)!important;
  margin-bottom:18px;
}

.auth-form{
  display:grid;
  gap:12px;
}

.auth-form input{
  min-height:48px!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:var(--apex-text)!important;
}

.auth-form input:focus{
  outline:none!important;
  border-color:rgba(117,167,255,.34)!important;
  box-shadow:0 0 0 4px rgba(117,167,255,.10)!important;
}

.auth-card .btn.full{
  width:100%;
  min-height:48px!important;
  border-radius:14px!important;
  font-weight:800!important;
}

.auth-card .btn.primary,
.auth-card .btn.big.full.primary{
  background:linear-gradient(180deg,#7db0ff 0%, #4d84ff 100%)!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(77,132,255,.24)!important;
}

.form-message{
  min-height:20px;
  margin-top:8px;
  text-align:center;
}

.auth-links{
  margin-top:16px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.auth-links a{
  color:#d7e2f7!important;
  font-weight:700;
  text-decoration:none;
}

/* dashboard */
.dashboard-body{
  background:
    radial-gradient(circle at top left, rgba(243,178,58,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(117,167,255,.10), transparent 22%),
    linear-gradient(180deg,var(--apex-bg),var(--apex-bg2))!important;
  color:var(--apex-text)!important;
}

.dashboard-body .dash-layout.unified-layout{
  gap:18px!important;
  align-items:start!important;
}

.dashboard-body .dash-header,
.dashboard-body .sidebar,
.dashboard-body .panel,
.dashboard-body .glass,
.dashboard-body .unified-panel,
.dashboard-body .unified-sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))!important;
  border:1px solid var(--apex-line)!important;
  box-shadow:var(--apex-shadow)!important;
  backdrop-filter:blur(14px)!important;
}

.dashboard-body .dash-header{
  padding:14px 18px!important;
  border-radius:18px!important;
  margin-bottom:18px!important;
}

.dashboard-body .dash-brand-logo{
  max-height:40px!important;
  width:auto!important;
}

.dashboard-body .dash-header-actions{
  gap:8px!important;
  flex-wrap:wrap!important;
}

.dashboard-body .dash-header-actions .btn,
.dashboard-body .quick-btn,
.dashboard-body .mini-link,
.dashboard-body button,
.dashboard-body select{
  min-height:38px!important;
  border-radius:12px!important;
  padding:8px 13px!important;
  font-weight:700!important;
  transition:all .18s ease!important;
}

.dashboard-body .dash-header-actions .btn:hover,
.dashboard-body .quick-btn:hover,
.dashboard-body .mini-link:hover,
.dashboard-body button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(117,167,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

.dashboard-body .sidebar{
  padding:18px!important;
  border-radius:18px!important;
}

.dashboard-body .panel{
  padding:20px!important;
  border-radius:18px!important;
}

.dashboard-body .unified-sidebar{
  max-width:300px!important;
}

.dashboard-body .sidebar h3{
  margin:0 0 14px!important;
  font-size:22px!important;
  color:var(--apex-text)!important;
}

.dashboard-body .sidebar-stat{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .sidebar-stat span{
  color:var(--apex-muted)!important;
  font-size:12px!important;
}

.dashboard-body .sidebar-stat strong{
  color:var(--apex-text)!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
}

.dashboard-body .mini-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  background:rgba(117,167,255,.10)!important;
  border:1px solid rgba(117,167,255,.22)!important;
  color:#d8e7ff!important;
  text-decoration:none!important;
}

.dashboard-body .sidebar-quick{
  display:grid!important;
  gap:8px!important;
  margin-top:14px!important;
}

.dashboard-body .eyebrow{
  color:var(--apex-gold)!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  font-size:10px!important;
  font-weight:800!important;
  margin-bottom:6px!important;
}

.dashboard-body h2{
  color:var(--apex-text)!important;
  font-size:26px!important;
  line-height:1.06!important;
  letter-spacing:-.03em!important;
  margin:0!important;
}

.dashboard-body .muted{
  color:var(--apex-muted)!important;
}

.dashboard-body .service-switcher{
  padding:13px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .service-switcher label{
  display:block!important;
  margin-bottom:6px!important;
  font-size:12px!important;
  color:var(--apex-muted)!important;
}

.dashboard-body select,
.dashboard-body input[type="text"]{
  min-height:42px!important;
  width:100%!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:var(--apex-text)!important;
}

.dashboard-body .btn.big.full,
.dashboard-body #deployBtn{
  background:linear-gradient(180deg,#7db0ff 0%, #4d84ff 100%)!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(77,132,255,.22)!important;
}

.dashboard-body .deploy-progress-bar,
.dashboard-body .territory-bar{
  background:rgba(255,255,255,.06)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}

.dashboard-body .deploy-progress-bar span,
.dashboard-body .territory-fill{
  border-radius:999px!important;
}

.dashboard-body .health-card{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  padding:16px!important;
}

.dashboard-body .health-card strong{
  font-size:24px!important;
  color:var(--apex-text)!important;
}

.dashboard-body .success-card{
  border-radius:16px!important;
  padding:16px!important;
  background:linear-gradient(180deg,rgba(61,220,151,.10),rgba(61,220,151,.05))!important;
  border:1px solid rgba(61,220,151,.18)!important;
}

.dashboard-body .boss-overlay-inner{
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

.dashboard-body .boss-kicker{
  color:var(--apex-gold)!important;
}

@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{
    grid-template-columns:1fr!important;
  }
  .dashboard-body .unified-sidebar{
    max-width:none!important;
  }
}

@media (max-width:640px){
  .auth-card{
    padding:20px!important;
  }
  .auth-card h1{
    font-size:28px!important;
  }
  .dashboard-body .dash-header{
    padding:12px 14px!important;
  }
  .dashboard-body .sidebar,
  .dashboard-body .panel{
    padding:16px!important;
  }
  .dashboard-body h2{
    font-size:22px!important;
  }
}




/* ===== APEX CLIENT AREA MASTER FIX ===== */
:root{
  --apex-bg:#090b11;
  --apex-bg2:#0d1119;
  --apex-card:rgba(255,255,255,.04);
  --apex-line:rgba(255,255,255,.09);
  --apex-text:#f5f7ff;
  --apex-muted:#9aa7bd;
  --apex-gold:#f3b23a;
  --apex-green:#3ddc97;
  --apex-red:#ff6e7f;
  --apex-blue:#75a7ff;
  --apex-shadow:0 20px 60px rgba(0,0,0,.35);
}

/* shared surface */
body,
.dashboard-body,
.login-body{
  color:var(--apex-text)!important;
  background:
    radial-gradient(circle at top left, rgba(243,178,58,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(117,167,255,.10), transparent 22%),
    linear-gradient(180deg,var(--apex-bg),var(--apex-bg2))!important;
}

.glass,
.panel,
.sidebar,
.unified-panel,
.unified-sidebar,
.dash-header,
.login-card,
.auth-card,
.login-panel,
.form-card{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025))!important;
  border:1px solid var(--apex-line)!important;
  box-shadow:var(--apex-shadow)!important;
  backdrop-filter:blur(14px)!important;
  border-radius:18px!important;
}

h1,h2,h3{
  color:var(--apex-text)!important;
  letter-spacing:-.03em!important;
}

.eyebrow,
.mini-label,
.section-tag{
  color:var(--apex-gold)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* forms */
input,
select,
textarea{
  width:100%!important;
  min-height:42px!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:var(--apex-text)!important;
  outline:none!important;
  box-shadow:none!important;
}

input::placeholder,
textarea::placeholder{
  color:var(--apex-muted)!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(117,167,255,.34)!important;
  box-shadow:0 0 0 4px rgba(117,167,255,.10)!important;
}

/* buttons */
.btn,
button,
a.btn,
.quick-btn,
.mini-link{
  border-radius:12px!important;
  min-height:40px!important;
  padding:9px 14px!important;
  font-size:13px!important;
  font-weight:700!important;
  transition:all .18s ease!important;
}

.btn,
button,
.quick-btn{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:var(--apex-text)!important;
}

.btn:hover,
button:hover,
.quick-btn:hover,
.mini-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(117,167,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

.btn.primary,
.btn-primary,
button.primary,
button[type="submit"],
.auth-submit,
.login-submit,
.deploy-btn{
  background:linear-gradient(180deg,#7db0ff 0%, #4d84ff 100%)!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(77,132,255,.22)!important;
}

.btn.primary:hover,
.btn-primary:hover,
button.primary:hover,
button[type="submit"]:hover,
.auth-submit:hover,
.login-submit:hover,
.deploy-btn:hover{
  filter:brightness(1.04)!important;
  box-shadow:0 14px 28px rgba(77,132,255,.28)!important;
}

/* dashboard layout */
.dashboard-body .dash-layout.unified-layout{
  gap:18px!important;
  align-items:start!important;
}

.dashboard-body .dash-header{
  padding:14px 18px!important;
  margin-bottom:18px!important;
}

.dashboard-body .dash-brand-logo{
  max-height:40px!important;
  width:auto!important;
  filter:drop-shadow(0 0 14px rgba(117,167,255,.12))!important;
}

.dashboard-body .dash-header-actions{
  gap:8px!important;
  flex-wrap:wrap!important;
}

.dashboard-body .unified-sidebar{
  max-width:300px!important;
}

.dashboard-body .sidebar{
  padding:18px!important;
}

.dashboard-body .panel{
  padding:20px!important;
}

.dashboard-body .sidebar h3{
  margin:0 0 14px!important;
  font-size:22px!important;
}

.dashboard-body .sidebar-stat{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .sidebar-stat span{
  color:var(--apex-muted)!important;
  font-size:12px!important;
}

.dashboard-body .sidebar-stat strong{
  color:var(--apex-text)!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
}

.dashboard-body .mini-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  background:rgba(117,167,255,.10)!important;
  border:1px solid rgba(117,167,255,.22)!important;
  color:#d8e7ff!important;
  text-decoration:none!important;
}

.dashboard-body .sidebar-quick{
  display:grid!important;
  gap:8px!important;
  margin-top:14px!important;
}

.dashboard-body .service-switcher{
  padding:13px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

.dashboard-body .service-switcher label{
  display:block!important;
  margin-bottom:6px!important;
  font-size:12px!important;
  color:var(--apex-muted)!important;
}

.dashboard-body .progress,
.dashboard-body .bar,
.dashboard-body .health-bar{
  height:8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.06)!important;
}

.dashboard-body .progress > span,
.dashboard-body .bar > span,
.dashboard-body .health-bar > span{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--apex-blue),var(--apex-green))!important;
}

/* boss box = homepage palette */
.dashboard-body #serversWrap .status-card,
.dashboard-body .server-status-card,
.dashboard-body .boss-status,
.dashboard-body .infra-status{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:var(--apex-text)!important;
  border-radius:15px!important;
  padding:14px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

.dashboard-body #serversWrap .status-card::after,
.dashboard-body .server-status-card::after,
.dashboard-body .boss-status::after,
.dashboard-body .infra-status::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 42%)!important;
}

.dashboard-body #serversWrap .status-card .eyebrow,
.dashboard-body .server-status-card .eyebrow,
.dashboard-body .boss-status .eyebrow,
.dashboard-body .infra-status .eyebrow{
  color:var(--apex-gold)!important;
}

/* login page polish */
.login-body,
.auth-page{
  min-height:100vh!important;
}

.login-card,
.auth-card,
.login-panel,
.form-card{
  max-width:460px!important;
  margin:40px auto!important;
  padding:26px!important;
}

.login-card h1,
.auth-card h1,
.login-panel h1,
.form-card h1{
  font-size:32px!important;
  line-height:1.05!important;
  margin:0 0 10px!important;
}

.login-card p,
.auth-card p,
.login-panel p,
.form-card p,
.login-card .muted,
.auth-card .muted{
  color:var(--apex-muted)!important;
}

.login-card label,
.auth-card label,
.login-panel label,
.form-card label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--apex-text)!important;
  font-size:13px!important;
  font-weight:700!important;
}

.login-card .form-group,
.auth-card .form-group,
.login-panel .form-group,
.form-card .form-group{
  margin-bottom:14px!important;
}

.login-card .btn,
.auth-card .btn,
.login-panel .btn,
.form-card .btn,
.login-card button,
.auth-card button,
.login-panel button,
.form-card button{
  width:100%!important;
}

@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{grid-template-columns:1fr!important}
  .dashboard-body .unified-sidebar{max-width:none!important}
}
@media (max-width:640px){
  .dashboard-body .dash-header{padding:12px 14px!important}
  .dashboard-body .sidebar,
  .dashboard-body .panel{padding:16px!important}
  .dashboard-body h2{font-size:22px!important}
  .dashboard-body .sidebar h3{font-size:20px!important}
  .dashboard-body .sidebar-stat strong{font-size:22px!important}
  .login-card,
  .auth-card,
  .login-panel,
  .form-card{margin:18px auto!important;padding:18px!important}
  .login-card h1,
  .auth-card h1,
  .login-panel h1,
  .form-card h1{font-size:26px!important}
}




/* ===== APEX BOSS DEPLOYMENT BOX ===== */
.apex-boss-box,
.boss-status,
.server-status-card,
#deploymentStatusBox{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at top right, rgba(243,178,58,.18), transparent 30%),
    radial-gradient(circle at left center, rgba(117,167,255,.16), transparent 40%),
    linear-gradient(180deg, rgba(13,17,25,.96), rgba(9,11,17,.98)) !important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  padding:18px!important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.03) inset;
}

/* glow overlay */
.apex-boss-box::after,
.boss-status::after,
.server-status-card::after,
#deploymentStatusBox::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg, rgba(255,255,255,.06), transparent 45%)!important;
}

/* heading */
.apex-boss-box h2,
.boss-status h2,
.server-status-card h2{
  font-size:26px!important;
  letter-spacing:-.04em!important;
  margin-bottom:6px!important;
  background:linear-gradient(90deg,#fff,#cfe3ff)!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* status line */
.apex-boss-box .status-line,
.boss-status .status-line{
  color:#f3b23a!important;
  font-weight:800!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* description */
.apex-boss-box p,
.boss-status p{
  color:#9aa7bd!important;
  font-size:14px!important;
  margin-top:8px!important;
  line-height:1.6!important;
}

/* panel id */
.apex-boss-box .panel-id,
.boss-status .panel-id{
  margin-top:14px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  font-size:13px!important;
  color:#dbe6ff!important;
  font-weight:700!important;
}

/* animated glow pulse */
@keyframes apexGlow {
  0% { box-shadow:0 0 0 rgba(243,178,58,0.0); }
  50% { box-shadow:0 0 18px rgba(243,178,58,0.18); }
  100% { box-shadow:0 0 0 rgba(243,178,58,0.0); }
}

.apex-boss-box,
.boss-status{
  animation:apexGlow 4s ease-in-out infinite;
}



/* ===== APEX ONE FIX PASS ===== */
.dashboard-body .dash-layout.unified-layout{gap:16px!important;align-items:start!important}
.dashboard-body .dash-header{padding:12px 16px!important;margin-bottom:14px!important;border-radius:16px!important}
.dashboard-body .unified-sidebar{max-width:290px!important}
.dashboard-body .sidebar{padding:16px!important}
.dashboard-body .panel{padding:18px!important}
.dashboard-body .sidebar h3{margin:0 0 12px!important;font-size:20px!important}
.dashboard-body .sidebar-stat{padding:10px 0!important;gap:10px!important}
.dashboard-body .sidebar-stat strong{font-size:22px!important}
.dashboard-body .sidebar-quick{gap:8px!important;margin-top:12px!important}
.dashboard-body .panel-head{margin-bottom:12px!important}
.dashboard-body h2{font-size:24px!important;line-height:1.08!important}
.dashboard-body .hero-control-stack{gap:10px!important}
.dashboard-body .service-switcher{padding:12px!important;border-radius:12px!important}
.dashboard-body .service-switcher label{font-size:12px!important;margin-bottom:6px!important}
.dashboard-body select{min-height:40px!important;padding:8px 10px!important}
.dashboard-body .status-card,.dashboard-body .deploy-status,.dashboard-body .success-card{padding:12px 14px!important;border-radius:14px!important}
.dashboard-body .progress,.dashboard-body .bar,.dashboard-body .health-bar{height:8px!important}
@media (max-width:980px){
  .dashboard-body .dash-layout.unified-layout{grid-template-columns:1fr!important}
  .dashboard-body .unified-sidebar{max-width:none!important}
}