/* Modern SPA styles: sidebar + content + tabs */
:root{--spa-bg:#071019;--spa-panel:#0f1720;--spa-muted:#9fb3c8;--spa-accent:#22c55e;--spa-accent-2:#06b6d4}
.spa-app{background:var(--spa-bg);color:#e6f0f8;font-family:var(--ds-font-base,var(--beastest-shell-font,'Lexend','Segoe UI','Helvetica Neue',Arial,sans-serif));padding:24px}
.main-with-sidebar{display:flex;gap:20px;align-items:flex-start}
.sidebar{width:260px;flex:0 0 260px}
.sidebar .btn-primary{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:var(--beastest-shell-control-height);padding:0 var(--beastest-shell-control-padding-x);border-radius:var(--beastest-shell-control-radius);border:1px solid transparent;background:linear-gradient(135deg,var(--beastest-shell-accent-strong),#4fb0ff 55%,var(--beastest-shell-warm));color:var(--beastest-shell-control-text-on-accent);box-shadow:var(--beastest-shell-control-shadow)}
.cmp-main{flex:1;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.03);padding:20px;border-radius:12px;box-shadow:0 8px 24px rgba(2,6,23,0.6)}
.cloud-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.logo-header__img{height:40px}
.header-title{font-weight:700;font-size:1.1rem}
.btn-float-right{margin-left:auto}
.top-menu{display:flex;flex-direction:column;gap:8px;padding:12px;background:transparent}
.tablink{display:flex;align-items:center;gap:8px;min-height:var(--beastest-shell-control-height);padding:0 var(--beastest-shell-control-padding-x);border-radius:var(--beastest-shell-control-radius);border:1px solid var(--beastest-shell-control-border);background:var(--beastest-shell-control-bg);color:var(--beastest-shell-control-text);box-shadow:var(--beastest-shell-control-shadow);cursor:pointer}
.tablink.active,.tablink:hover{background:var(--beastest-shell-control-bg-hover);border-color:var(--beastest-shell-control-border-strong);color:var(--beastest-shell-control-text)}
.tablink .emoji{font-size:1.1rem}
.promo-header{margin-bottom:16px}
.promo-get-started{min-height:var(--beastest-shell-control-height);padding:0 var(--beastest-shell-control-padding-x);border-radius:var(--beastest-shell-control-radius-pill);border:1px solid transparent;background:linear-gradient(135deg,var(--beastest-shell-accent-strong),#4fb0ff 55%,var(--beastest-shell-warm));color:var(--beastest-shell-control-text-on-accent);box-shadow:var(--beastest-shell-control-shadow)}
.panel{background:linear-gradient(180deg,rgba(255,255,255,0.01),rgba(255,255,255,0.005));padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.02)}
.stat{padding:12px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,0.01),transparent);text-align:center}
.roi-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
/* ensure pages are above full-screen backdrops if any */
.spa-app .cmp-div{display:block}
@media (max-width:900px){.main-with-sidebar{flex-direction:column}.sidebar{width:100%;flex:auto}.cmp-main{padding:16px}}