:root{--color-canvas-bg: #080C16;--color-canvas-alt: #0A0F1D;--color-surface-card: #0F1628;--color-surface-elevated: #161E34;--color-surface-glass: rgba(12, 18, 32, .92);--color-surface-glass-border: rgba(197, 160, 89, .18);--color-brand-gold: #C5A059;--color-brand-gold-hover: #D4AF37;--color-brand-gold-subtle: rgba(197, 160, 89, .12);--color-brand-gold-glow: rgba(197, 160, 89, .25);--color-brand-navy: #1E2942;--color-accent-blue: #3B82F6;--color-accent-blue-hover: #2563EB;--color-status-emerald: #10B981;--color-status-emerald-subtle: rgba(16, 185, 129, .15);--color-status-warning: #F59E0B;--color-status-warning-subtle: rgba(245, 158, 11, .15);--color-status-danger: #EF4444;--color-status-danger-subtle: rgba(239, 68, 68, .15);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-elevated: rgba(255, 255, 255, .14);--color-border-gold: rgba(197, 160, 89, .32);--color-border-gold-active: #C5A059;--color-text-primary: #F1F5F9;--color-text-secondary: #B8C5D6;--color-text-muted: #7A899E;--color-text-inverse: #080C16;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 6px 28px rgba(0, 0, 0, .45);--shadow-elevated: 0 16px 48px rgba(0, 0, 0, .55);--shadow-gold-glow: 0 0 30px rgba(197, 160, 89, .18);--shadow-emerald-glow: 0 0 25px rgba(16, 185, 129, .2);--font-display: "Cinzel", "Times New Roman", serif;--font-editorial: "Newsreader", "Georgia", serif;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-canvas-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:14.5px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 8%,rgba(30,41,66,.4) 0%,transparent 45%),radial-gradient(circle at 80% 92%,rgba(197,160,89,.05) 0%,transparent 50%);background-attachment:fixed}:focus-visible{outline:2px solid var(--color-brand-gold);outline-offset:3px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--color-canvas-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-gold)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1440px;margin:0 auto;padding:1.5rem 1.5rem 4rem;width:100%}.executive-header{background-color:var(--color-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:100;padding:.65rem 1.5rem}.header-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.brand-logo-mark{display:flex;align-items:center;gap:.6rem;text-decoration:none}.shield-icon{color:var(--color-brand-gold);filter:drop-shadow(0 0 8px var(--color-brand-gold-glow))}.brand-titles{display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.06em;color:var(--color-text-primary);line-height:1.15}.portal-sub{font-family:var(--font-mono);font-size:.65rem;color:var(--color-brand-gold);letter-spacing:.05em;text-transform:uppercase}.header-omnibar{position:relative;display:flex;align-items:center;min-width:260px;max-width:340px;flex:1}.omnibar-icon{position:absolute;left:10px;color:var(--color-text-muted);pointer-events:none}.omnibar-input{width:100%;background:#080c16d9;border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:.4rem 2rem .4rem 2.1rem;font-family:var(--font-body);font-size:.8rem;color:var(--color-text-primary);transition:all .2s ease}.omnibar-input:focus{border-color:var(--color-brand-gold);box-shadow:0 0 12px var(--color-brand-gold-glow);outline:none;background:#0f1628f2}.omnibar-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:3px;border-radius:50%;display:flex;align-items:center;justify-content:center}.omnibar-clear:hover{color:var(--color-text-primary);background:#ffffff1a}.workspace-nav{display:flex;align-items:center;gap:.35rem;background:#0f1628e6;padding:.25rem .35rem;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle)}.workspace-tab{display:flex;align-items:center;gap:.45rem;padding:.4rem .95rem;font-family:var(--font-heading);font-size:.825rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;white-space:nowrap}.workspace-tab:hover{color:var(--color-text-primary);background:#ffffff0d}.workspace-tab.active{background:var(--color-brand-gold-subtle);color:var(--color-brand-gold);border-color:var(--color-border-gold);box-shadow:0 0 12px var(--color-brand-gold-glow)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.live-heartbeat{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--color-status-emerald);padding:.2rem .55rem;background:var(--color-status-emerald-subtle);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full)}.pulse-dot{width:6px;height:6px;background-color:var(--color-status-emerald);border-radius:50%;box-shadow:0 0 6px var(--color-status-emerald);animation:pulse-animation 2s infinite ease-in-out}@keyframes pulse-animation{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1;filter:drop-shadow(0 0 6px var(--color-status-emerald))}to{transform:scale(.9);opacity:.7}}.user-pill{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:.8rem}.user-email{font-family:var(--font-heading);font-weight:600;color:var(--color-text-primary)}.badge-2fa{background:var(--color-brand-gold-subtle);color:var(--color-brand-gold);font-size:.65rem;font-weight:700;padding:.08rem .4rem;border-radius:var(--radius-xs);border:1px solid var(--color-border-gold);font-family:var(--font-mono)}.btn-logout{background:transparent;border:none;color:var(--color-text-muted);padding:.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.btn-logout:hover{color:var(--color-status-danger)}.hud-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 1024px){.hud-ribbon{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.hud-ribbon{grid-template-columns:1fr}}.hud-ribbon-item{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;align-items:center;gap:.85rem;box-shadow:var(--shadow-card);transition:border-color .2s ease,transform .2s ease}.hud-ribbon-item:hover{border-color:var(--color-border-gold);transform:translateY(-1px)}.hud-icon-badge{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hud-icon-gold{background:var(--color-brand-gold-subtle);color:var(--color-brand-gold);border:1px solid var(--color-border-gold)}.hud-icon-emerald{background:var(--color-status-emerald-subtle);color:var(--color-status-emerald);border:1px solid rgba(16,185,129,.3)}.hud-icon-sapphire{background:#3b82f61f;color:var(--color-accent-blue);border:1px solid rgba(59,130,246,.3)}.hud-metric-content{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.hud-metric-top{display:flex;align-items:center;justify-content:space-between}.hud-metric-label{font-size:.725rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.hud-metric-tag{font-size:.65rem;font-family:var(--font-mono);font-weight:600;padding:.05rem .35rem;border-radius:var(--radius-xs)}.tag-emerald{background:var(--color-status-emerald-subtle);color:var(--color-status-emerald)}.tag-sapphire{background:#3b82f61f;color:var(--color-accent-blue)}.hud-metric-main{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.hud-metric-value{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;color:var(--color-text-primary);line-height:1.1}.hud-metric-spark{width:80px;height:20px;flex-shrink:0}.sparkline-svg-compact{width:100%;height:100%;overflow:visible}.enclave-card{background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.35rem 1.5rem;position:relative;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.15rem}.card-title-group{display:flex;align-items:center;gap:.6rem}.card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.spoke-matrix-card{padding:0}.matrix-header-bar{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:var(--color-surface-elevated)}.matrix-title-area{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.matrix-stats-pills{display:flex;align-items:center;gap:.5rem}.matrix-stat-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.725rem;font-family:var(--font-heading)}.chip-emerald{background:var(--color-status-emerald-subtle);color:var(--color-status-emerald);border:1px solid rgba(16,185,129,.3)}.chip-warning{background:var(--color-status-warning-subtle);color:var(--color-status-warning);border:1px solid rgba(245,158,11,.3)}.chip-neutral{background:#ffffff0d;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.matrix-controls-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.table-search-box{position:relative;min-width:220px}.table-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.table-search-input{width:100%;background:#080c16d9;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.35rem .75rem .35rem 1.85rem;color:var(--color-text-primary);font-family:var(--font-body);font-size:.8rem;transition:all .15s ease}.table-search-input:focus{border-color:var(--color-brand-gold);outline:none}.matrix-filter-select{background:#080c16d9;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.35rem 1.75rem .35rem .75rem;color:var(--color-text-primary);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.matrix-filter-select:focus{border-color:var(--color-brand-gold);outline:none}.tier-filter-group{display:flex;background:#080c16cc;padding:.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.tier-btn{background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.725rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-xs);cursor:pointer;transition:all .15s ease}.tier-btn:hover{color:var(--color-text-primary)}.tier-btn.active{background:var(--color-surface-card);color:var(--color-brand-gold);border:1px solid var(--color-border-gold)}.spoke-table-wrapper{overflow-x:auto}.spoke-table{width:100%;border-collapse:collapse;text-align:left}.spoke-table th{font-family:var(--font-heading);font-size:.725rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.85rem 1.25rem;border-bottom:1px solid var(--color-border-subtle);background:#080c1666}.spoke-table td{padding:.95rem 1.25rem;border-bottom:1px solid var(--color-border-subtle);font-size:.85rem;vertical-align:middle}.spoke-table tbody tr.clickable-row{cursor:pointer;transition:background .15s ease}.spoke-table tbody tr.clickable-row:hover{background:#c5a0590d!important}.spoke-table tbody tr.selected-row{background:#c5a0591a!important;border-left:3px solid var(--color-brand-gold)}.tenant-cell{display:flex;flex-direction:column}.tenant-id{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary);font-size:.875rem}.tenant-domain{font-size:.75rem;color:var(--color-text-muted);margin-top:.1rem}.tier-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.12rem .45rem;border-radius:var(--radius-xs);display:inline-block}.tier-prod{background:var(--color-brand-gold-subtle);color:var(--color-brand-gold);border:1px solid var(--color-border-gold)}.tier-demo,.tier-dev{background:#ffffff0d;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.mono-text-muted{font-family:var(--font-mono);font-size:.775rem;color:var(--color-text-muted)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.7rem;font-weight:600}.status-healthy{background:var(--color-status-emerald-subtle);color:var(--color-status-emerald);border:1px solid rgba(16,185,129,.3)}.status-degraded{background:var(--color-status-warning-subtle);color:var(--color-status-warning);border:1px solid rgba(245,158,11,.3)}.service-status-pill{font-family:var(--font-mono);font-size:.75rem}.mono-metric-bold{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}.mono-metric-emerald{font-family:var(--font-mono);font-weight:600;color:var(--color-status-emerald)}.budget-cell-compact{display:flex;flex-direction:column;min-width:110px}.budget-amounts{font-family:var(--font-mono);font-size:.775rem;color:var(--color-text-primary)}.budget-bar-bg{width:100%;height:4px;background:#ffffff14;border-radius:2px;margin-top:3px;overflow:hidden}.budget-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.fill-gold{background:var(--color-brand-gold)}.fill-warning{background:var(--color-status-warning)}.row-action-indicator{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.empty-table-cell{text-align:center;padding:3rem 1.5rem!important}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary)}.btn-outline-gold{background:transparent;border:1px solid var(--color-border-gold);color:var(--color-brand-gold);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-outline-gold:hover{background:var(--color-brand-gold-subtle)}.analytics-workspace-view{display:flex;flex-direction:column}.analytics-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.analytics-title-group{display:flex;flex-direction:column}.analytics-subtitle{font-size:.825rem;color:var(--color-text-secondary);margin-top:.2rem}.time-range-picker{display:flex;align-items:center;gap:.25rem;background:var(--color-surface-card);padding:.2rem .3rem;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.time-range-btn{background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.3rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.time-range-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.time-range-btn.active{background:var(--color-brand-gold);color:#080c16;font-weight:700}.chart-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.35rem 1.5rem;box-shadow:var(--shadow-card);position:relative}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.15rem}.chart-title-area{display:flex;align-items:center;gap:.55rem}.chart-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.chart-legend{display:flex;align-items:center;gap:1rem;font-size:.725rem;font-family:var(--font-mono);color:var(--color-text-muted)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:var(--radius-full);margin-right:.35rem}.svg-area-chart-container{width:100%;height:200px;position:relative}.svg-area-chart{width:100%;height:100%;overflow:visible}.chart-floating-tooltip{position:absolute;top:10px;right:14px;background:#0f1628f2;border:1px solid var(--color-border-gold);border-radius:var(--radius-sm);padding:.35rem .75rem;font-family:var(--font-mono);font-size:.725rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #00000080}.chart-loading-state{height:160px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.8rem}.analytics-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 960px){.analytics-grid-two-col{grid-template-columns:1fr}}.badge-emerald-mono{font-family:var(--font-mono);font-size:.725rem;color:var(--color-status-emerald)}.model-distribution-list,.dlp-category-list{display:flex;flex-direction:column;gap:.9rem}.model-bar-item,.dlp-bar-item{display:flex;flex-direction:column;gap:.35rem}.model-bar-header,.dlp-bar-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.model-name,.dlp-name{font-weight:600;color:var(--color-text-primary);font-family:var(--font-heading)}.model-tokens,.dlp-count{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.bar-track{width:100%;height:6px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.bar-fill-gold{height:100%;background:linear-gradient(90deg,var(--color-brand-gold),#E8C17A);border-radius:var(--radius-full);transition:width .5s ease}.bar-fill-sapphire{height:100%;background:linear-gradient(90deg,var(--color-accent-blue),#60A5FA);border-radius:var(--radius-full);transition:width .5s ease}.bar-fill-emerald{height:100%;background:linear-gradient(90deg,var(--color-status-emerald),#34D399);border-radius:var(--radius-full);transition:width .5s ease}.model-use-case{font-size:.68rem;color:var(--color-text-muted)}.latency-sla-stack{display:flex;flex-direction:column;gap:.85rem}.latency-benchmark-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#080c16b3;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}.latency-label{font-size:.725rem;color:var(--color-text-muted)}.latency-val{font-size:1.15rem;font-weight:700;font-family:var(--font-mono);margin-top:.15rem}.color-emerald{color:var(--color-status-emerald)}.color-gold{color:var(--color-brand-gold)}.color-primary{color:var(--color-text-primary)}.security-workspace-view{display:flex;flex-direction:column;gap:1.5rem}.security-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.security-header-content{max-width:850px}.security-subtitle{font-size:.825rem;color:var(--color-text-secondary);margin-top:.35rem;line-height:1.6}.security-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width: 850px){.security-pillars-grid{grid-template-columns:1fr}}.security-pillar-card{display:flex;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem}.pillar-icon-box{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pillar-details{display:flex;flex-direction:column;gap:.2rem}.pillar-label{font-size:.725rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-heading)}.pillar-val-emerald{font-size:.875rem;font-weight:700;color:var(--color-status-emerald);font-family:var(--font-mono)}.pillar-val-primary{font-size:.875rem;font-weight:700;color:var(--color-text-primary)}.pillar-sub{font-size:.725rem;color:var(--color-text-muted)}.compliance-checklist{list-style:none;display:flex;flex-direction:column;gap:.85rem}.compliance-item{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;background:#080c1699;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.compliance-item.verified{border-left:3px solid var(--color-status-emerald)}.compliance-item.alert{border-left:3px solid var(--color-status-danger);background:var(--color-status-danger-subtle)}.compliance-title{font-family:var(--font-heading);font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.compliance-desc{font-size:.775rem;color:var(--color-text-secondary);margin-top:.15rem}.compliance-code-details{font-size:.725rem;font-family:var(--font-mono);color:var(--color-brand-gold);margin-top:.25rem}.compliance-timestamp{font-size:.7rem;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ebf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:990;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.spoke-drawer{position:fixed;top:0;right:0;bottom:0;width:580px;max-width:95vw;background:var(--color-surface-card);border-left:1px solid var(--color-border-gold);box-shadow:-10px 0 50px #000000b3,var(--shadow-gold-glow);z-index:1000;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow-y:auto}.spoke-drawer.open{transform:translate(0)}.drawer-header{padding:1.35rem 1.6rem;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:flex-start;justify-content:space-between;position:sticky;top:0;z-index:10}.drawer-tenant-id{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-brand-gold)}.drawer-client-name{font-family:var(--font-heading);font-size:.9rem;color:var(--color-text-secondary);margin-top:.2rem}.btn-close-drawer{background:#ffffff0d;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-close-drawer:hover{background:var(--color-status-danger-subtle);color:var(--color-status-danger);border-color:var(--color-status-danger)}.drawer-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.drawer-section{background:#080c1699;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1.15rem}.drawer-section-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.85rem;border-bottom:1px solid var(--color-border-subtle);padding-bottom:.45rem}.telemetry-pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.telemetry-pill{background:#0f1628cc;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:.65rem .75rem;display:flex;flex-direction:column;gap:.2rem}.telemetry-pill-label{font-size:.7rem;color:var(--color-text-muted)}.telemetry-pill-value{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.drawer-actions-bar{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.onboarding-studio-container{display:flex;flex-direction:column;gap:1.75rem}.stepper-bar{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:1.15rem 1.75rem;box-shadow:var(--shadow-card)}.stepper-step-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;position:relative;z-index:2}.stepper-badge{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.85rem;background:#ffffff0f;border:1px solid var(--color-border-subtle);color:var(--color-text-muted);transition:all .25s ease}.stepper-step-item.active .stepper-badge{background:var(--color-brand-gold);border-color:var(--color-brand-gold);color:#080c16;box-shadow:0 0 15px var(--color-brand-gold-glow)}.stepper-step-item.complete .stepper-badge{background:var(--color-status-emerald-subtle);border-color:var(--color-status-emerald);color:var(--color-status-emerald)}.stepper-meta{display:flex;flex-direction:column}.stepper-step-number{font-size:.675rem;font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase}.stepper-step-title{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.stepper-step-item.active .stepper-step-title{color:var(--color-brand-gold)}.split-studio-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.75rem;align-items:flex-start}@media (max-width: 1024px){.split-studio-grid{grid-template-columns:1fr}}.studio-form-card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-card)}.form-section-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-brand-gold);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-family:var(--font-heading);font-size:.8rem;font-weight:600;color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center}.form-label-hint{font-size:.675rem;font-family:var(--font-mono);color:var(--color-brand-gold)}.form-input,.form-select{background:#080c16cc;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.6rem .85rem;color:var(--color-text-primary);font-family:var(--font-body);font-size:.875rem;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:var(--color-brand-gold);box-shadow:0 0 10px var(--color-brand-gold-glow);outline:none}.spec-preview-card{background:var(--color-surface-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-gold-glow),var(--shadow-card);position:sticky;top:85px}.spec-preview-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle);padding-bottom:.85rem;margin-bottom:1rem}.spec-preview-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--color-brand-gold)}.spec-json-block{background:#080c16f2;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.85rem;font-family:var(--font-mono);font-size:.75rem;color:#93c5fd;line-height:1.5;max-height:340px;overflow-y:auto}.spec-quick-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1rem}.quick-metric-box{background:#0f1628cc;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:.55rem .75rem}.quick-metric-label{font-size:.675rem;color:var(--color-text-muted)}.quick-metric-value{font-family:var(--font-mono);font-size:.825rem;font-weight:600;color:var(--color-text-primary);margin-top:.1rem}.studio-nav-buttons{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border-subtle)}.btn-studio-secondary{display:flex;align-items:center;gap:.45rem;background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:.55rem 1.15rem;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.825rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-studio-secondary:hover{background:#ffffff0d;color:var(--color-text-primary);border-color:var(--color-border-elevated)}.btn-studio-primary{display:flex;align-items:center;gap:.45rem;background:var(--color-brand-gold);border:none;color:#080c16;padding:.6rem 1.35rem;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.825rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-studio-primary:hover:not(:disabled){background:var(--color-brand-gold-hover);box-shadow:0 0 16px var(--color-brand-gold-glow);transform:translateY(-1px)}.btn-studio-primary:disabled{opacity:.45;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-content{background:var(--color-surface-card);border:1px solid var(--color-border-gold);box-shadow:var(--shadow-gold-glow),var(--shadow-elevated);border-radius:var(--radius-xl);max-width:540px;width:100%;padding:2rem;position:relative}.btn-primary-gold{background-color:var(--color-brand-gold);color:#080c16;font-family:var(--font-heading);font-weight:700;font-size:.9rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px var(--color-brand-gold-glow);transition:all .2s ease;width:100%}.btn-primary-gold:hover:not(:disabled){background-color:var(--color-brand-gold-hover);transform:translateY(-1px)}.progress-steps{display:flex;flex-direction:column;gap:.85rem;margin:1.25rem 0}.step-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:#080c16b3;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);font-size:.825rem}.step-item.active{border-color:var(--color-brand-gold);color:var(--color-brand-gold)}.step-item.complete{border-color:var(--color-status-emerald);color:var(--color-status-emerald)}@media (max-width: 900px){.header-inner{flex-direction:column;align-items:stretch;gap:.75rem}.header-omnibar{max-width:100%}.workspace-nav{overflow-x:auto}.header-actions{justify-content:space-between}}