:root{--bg-base: #080c14;--bg-surface-1: #0d1220;--bg-surface-2: #111827;--bg-surface-3: #172033;--bg-hover: #1a2540;--bg-sidebar: #0a0e1a;--glass-bg: rgba(13, 18, 32, .8);--glass-border: rgba(139, 92, 246, .15);--glass-glow: 0 0 30px rgba(139, 92, 246, .08);--grad-purple: linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #8b5cf6 100%);--grad-blue: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);--grad-teal: linear-gradient(135deg, #0f766e 0%, #14b8a6 50%, #2dd4bf 100%);--grad-green: linear-gradient(135deg, #15803d 0%, #22c55e 50%, #4ade80 100%);--grad-indigo: linear-gradient(135deg, #3730a3 0%, #6366f1 50%, #818cf8 100%);--grad-rose: linear-gradient(135deg, #9f1239 0%, #f43f5e 50%, #fb7185 100%);--grad-amber: linear-gradient(135deg, #92400e 0%, #f59e0b 50%, #fbbf24 100%);--text-primary: #f0f4f8;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--accent: #8b5cf6;--accent-2: #6366f1;--accent-3: #3b82f6;--accent-dim: rgba(139, 92, 246, .15);--gradient-accent: linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6);--gradient-accent-soft: linear-gradient(135deg, rgba(139,92,246,.15), rgba(99,102,241,.08));--success: #10b981;--success-dim: rgba(16,185,129,.12);--warning: #f59e0b;--warning-dim: rgba(245,158,11,.12);--danger: #ef4444;--danger-dim: rgba(239,68,68,.12);--hot: #f97316;--hot-dim: rgba(249,115,22,.12);--border-subtle: rgba(255,255,255,.04);--border-default: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.12);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-glow-purple: 0 0 30px rgba(139,92,246,.1);--shadow-glow-blue: 0 0 30px rgba(59,130,246,.1);--shadow-glow-teal: 0 0 30px rgba(20,184,166,.1);color:var(--text-primary);background:var(--bg-base);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,pre,select,textarea{font:inherit}.shell{background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.16),transparent 32%),radial-gradient(circle at 90% 10%,rgba(59,130,246,.12),transparent 28%),var(--bg-base);display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#080c18,#0a0f1e);border-right:1px solid rgba(139,92,246,.12);padding:24px 16px}.sidebar-brand{border-bottom:1px solid var(--border-default);padding:0 8px 20px}.sidebar-brand h2,h1,h2,h3,p{margin:0}.sidebar-brand h2{font-size:18px;letter-spacing:0}.sidebar-brand p,.topbar p,.empty,.run span{color:var(--text-secondary)}.side-nav{display:grid;gap:8px;padding-top:20px}.nav-group{color:var(--text-muted);font-size:11px;font-weight:800;padding:14px 10px 4px;text-transform:uppercase}.nav-item{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:700;min-height:40px;padding:10px 12px;text-align:left}.nav-item.active{background:linear-gradient(135deg,#8b5cf63d,#3b82f629);border-color:#8b5cf64d;color:var(--text-primary)}.nav-item.muted{color:#526176;cursor:default}.content{min-width:0;padding:24px}.topbar{align-items:flex-end;display:flex;justify-content:space-between;gap:24px;margin:0 auto 20px;max-width:1280px}h1{font-size:30px;line-height:1.1}h2{font-size:18px}h3{font-size:15px}.status{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status span,.principal,.run code{background:#111827db;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-secondary);padding:7px 11px}.panel{background:#0d1220db;border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 40px #00000057}.auth-panel{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(240px,1fr) auto auto;margin:0 auto 20px;max-width:1280px;padding:16px}.access-strip{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto;margin:0 auto 20px;max-width:1280px;padding:14px 16px}.access-strip div{display:grid;gap:3px}.access-strip span{color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase}.access-strip strong{color:var(--text-primary);font-size:14px;overflow-wrap:anywhere}.auth-panel.service-auth{grid-template-columns:auto minmax(240px,1fr) auto auto}.auth-mode{background:#0b1020;border:1px solid var(--border-strong);border-radius:8px;display:flex;padding:4px}.auth-mode button{background:transparent;color:var(--text-secondary);min-height:34px;padding:7px 10px}.auth-mode button.active{background:var(--gradient-accent);color:#fff}.access-state{background:#0b1020;border:1px solid var(--border-strong);border-radius:8px;display:grid;gap:3px;min-height:61px;padding:10px 12px}.access-state span{color:var(--text-secondary);font-size:13px;font-weight:700}.access-state strong{color:var(--text-primary);font-size:15px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(160px,1fr));margin:0 auto 20px;max-width:1280px}.metric-grid.compact{margin:0;max-width:none}.metric-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 34px #0000004d;display:grid;gap:10px;min-height:98px;padding:16px}.metric-card span{color:#ffffffb8;font-size:12px;font-weight:800;text-transform:uppercase}.metric-card strong{color:#fff;font-size:20px;overflow-wrap:anywhere}.metric-card.purple{background:linear-gradient(135deg,#5b21b6,#7c3aed 52%,#8b5cf6)}.metric-card.blue{background:linear-gradient(135deg,#1e40af,#3b82f6 54%,#60a5fa)}.metric-card.teal{background:linear-gradient(135deg,#0f766e,#14b8a6 52%,#2dd4bf)}.metric-card.green{background:linear-gradient(135deg,#15803d,#22c55e 54%,#4ade80)}label{color:var(--text-secondary);display:grid;gap:6px;font-size:13px;font-weight:700}input,select,textarea{background:#0b1020;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);padding:10px 12px;width:100%}textarea{resize:vertical}button{background:var(--gradient-accent);border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;min-height:40px;padding:10px 14px}button:disabled{background:#334155;color:#94a3b8;cursor:progress}.workspace{display:grid;gap:20px;grid-template-columns:minmax(300px,420px) minmax(320px,1fr) minmax(320px,420px);margin:0 auto;max-width:1280px}.workspace.two-column{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr)}.workspace.spy-workspace{grid-template-columns:minmax(280px,360px) minmax(320px,1fr) minmax(320px,420px)}.studio-form,.runs,.run-detail,.single-panel{display:grid;gap:14px;padding:18px}.single-panel{margin:0 auto;max-width:1280px}.provider-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.provider{border:1px solid var(--border-default);border-radius:8px;display:grid;gap:8px;padding:12px}.provider pre,.asset-preview{background:#050814;border:1px solid var(--border-default);border-radius:8px;color:#dbeafe;margin:0;overflow:auto;padding:12px;white-space:pre-wrap}.run{align-items:center;border-bottom:1px solid var(--border-default);display:flex;gap:16px;justify-content:space-between;padding:12px 0}.run.selected{background:#8b5cf61f;border-radius:8px;margin:0 -10px;padding:12px 10px}.run-select{background:transparent;color:var(--text-primary);display:grid;gap:4px;justify-items:start;min-height:auto;padding:0;text-align:left}.run-select:hover{color:#a78bfa}.run-detail dl,.single-panel dl{display:grid;gap:10px;margin:0}.run-detail dl div,.single-panel dl div{display:grid;gap:2px}.run-detail dt,.single-panel dt{color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase}.run-detail dd,.single-panel dd{color:var(--text-primary);margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:10px}.mini-toolbar{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(120px,180px))}.data-list{display:grid;gap:10px}.data-row{align-items:center;background:#0b1020;border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);display:flex;gap:14px;justify-content:space-between;padding:12px;text-align:left}.data-row.clickable{cursor:pointer;width:100%}.data-row div{display:grid;gap:4px}.data-row span{color:var(--text-secondary);font-size:13px}.data-row code{color:var(--text-muted);white-space:nowrap}.actions button:last-child{background:#334155}.asset-row{align-items:center;background:#0b1020;border:1px solid var(--border-default);color:var(--text-primary);display:flex;justify-content:space-between;text-align:left}.asset-row code{color:var(--text-muted);font-size:12px}.asset-preview{max-height:360px}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.28);border-radius:10px;color:#fecaca;margin:0 auto 20px;max-width:1280px;padding:12px 16px}.error.inline{margin:0;max-width:none}@media(max-width:1080px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border-default);border-right:0}.side-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.nav-group{display:none}.workspace,.workspace.two-column,.metric-grid{grid-template-columns:1fr}}@media(max-width:720px){.content,.sidebar{padding:16px}.topbar,.auth-panel,.access-strip{align-items:start;display:grid;grid-template-columns:1fr}.status{justify-content:flex-start}.mini-toolbar{grid-template-columns:1fr}}.main-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.12);padding:1.5rem 2rem;border-radius:var(--radius-lg);margin-bottom:1.8rem;position:relative;overflow:hidden;box-shadow:var(--shadow-glow-purple)}.main-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent)}.main-header h1{font-size:1.35rem;margin:0;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-header p{color:var(--text-muted);margin:.3rem 0 0;font-size:.85rem}.kpi-card{border-radius:var(--radius-lg);padding:1.2rem 1.5rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;min-height:90px;display:grid;gap:.4rem}.kpi-card.kpi-gradient-1{background:var(--grad-purple);box-shadow:var(--shadow-md),var(--shadow-glow-purple)}.kpi-card.kpi-gradient-2{background:var(--grad-blue);box-shadow:var(--shadow-md),var(--shadow-glow-blue)}.kpi-card.kpi-gradient-3{background:var(--grad-teal);box-shadow:var(--shadow-md),var(--shadow-glow-teal)}.kpi-card.kpi-gradient-4{background:var(--grad-green);box-shadow:var(--shadow-md),0 0 30px #22c55e1a}.kpi-card.kpi-gradient-5{background:var(--grad-indigo)}.kpi-card .kpi-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.2rem}.kpi-card .kpi-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;font-weight:600}.kpi-card .kpi-value{font-size:1.8rem;font-weight:800;color:#fff;line-height:1.1}.kpi-card .kpi-delta{font-size:.72rem;color:#fff9;font-weight:500}.kpi-card .kpi-delta.positive{color:#4ade80e6}.section-header{background:transparent;border-left:3px solid var(--accent);padding:.4rem .8rem;margin:1.5rem 0 1rem;font-weight:700;color:var(--text-primary);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.context-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.15);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:1rem 1.3rem;box-shadow:var(--shadow-glow-purple);margin-bottom:1rem}.context-card h3{font-size:.95rem;margin:0 0 .3rem}.context-card p{font-size:.82rem;margin:0}.tech-panel{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.tech-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;margin-top:.5rem}.tech-meta-card{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.4rem .55rem}.tech-meta-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700}.tech-meta-value{font-size:.78rem;color:var(--text-primary);font-weight:600;margin-top:1px}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge.badge-high{background:var(--hot-dim);color:var(--hot);border:1px solid rgba(249,115,22,.25)}.badge.badge-medium{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.badge.badge-low{background:var(--success-dim);color:var(--success);border:1px solid rgba(16,185,129,.25)}.badge.tag-trend{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:1px 6px;font-size:.6rem}.badge.tag-holiday{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3);padding:1px 6px;font-size:.6rem}.badge.tag-strategy{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:1px 6px;font-size:.6rem}.badge.tag-campaign{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:1px 6px;font-size:.6rem}.badge.tag-product{background:#14b8a633;color:#2dd4bf;border:1px solid rgba(20,184,166,.3);padding:1px 6px;font-size:.6rem}.badge.tag-goal{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:1px 6px;font-size:.6rem}.rec-pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-weight:700;font-size:.68rem}.rec-pill.rec-launch-now{background:var(--success);color:#000}.rec-pill.rec-prepare{background:var(--warning);color:#000}.rec-pill.rec-watch{background:var(--accent);color:#fff}.rec-pill.rec-avoid{background:var(--bg-surface-2);color:var(--text-muted);border:1px solid var(--border-strong)}.chip{display:inline-block;background:var(--bg-surface-2);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.68rem;font-weight:500;margin:2px}.chip.chip-online{border-color:#10b98159;color:var(--success)}.chip.chip-hybrid{border-color:#f59e0b59;color:var(--warning)}.chip.chip-cache{border-color:#8b5cf659;color:var(--accent)}.signal-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:.55rem .75rem;transition:border-color .15s}.signal-card:hover{border-color:#8b5cf633}.signal-card-title{font-weight:600;color:var(--text-primary);font-size:.82rem}.signal-card-meta{font-size:.68rem;color:var(--text-muted)}.event-card{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:.55rem .7rem;margin:.25rem 0;font-size:.8rem;transition:all .2s ease;cursor:pointer}.event-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-glow-purple)}.event-card .event-name{font-weight:600;color:var(--text-primary);font-size:.82rem;margin-bottom:.1rem}.event-card .event-meta{color:var(--text-dim);font-size:.68rem;line-height:1.3}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-subtle);margin:0 auto 18px;max-width:1280px}.tabs button,.tabs a{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.5rem 1.2rem;color:var(--text-muted);font-weight:500;transition:color .15s;min-height:40px;cursor:pointer;text-decoration:none}.tabs button:hover,.tabs a:hover{color:var(--text-secondary)}.tabs button[aria-selected=true],.tabs a.active-tab{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:700}.studio-workspace{align-items:start}.studio-stack{display:grid;gap:14px}.studio-card{display:grid;gap:12px;padding:16px}.studio-card h2,.studio-card h3{margin:0}.studio-card p,.muted{color:var(--text-secondary);line-height:1.5}.studio-card-header{align-items:center;display:flex;justify-content:space-between}.studio-kpis{grid-template-columns:repeat(4,minmax(120px,1fr))}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.studio-check-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.studio-list{color:var(--text-secondary);display:grid;gap:8px;margin:0;padding-left:18px}.studio-steps{color:var(--text-secondary);display:grid;gap:6px;margin:0;padding-left:20px}.studio-details{background:#0b1020;border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);padding:10px 12px}.studio-details summary{color:var(--text-primary);cursor:pointer;font-weight:800}.inline-toggle{align-items:center;display:flex;gap:10px}.inline-toggle input{width:auto}.locked{border-color:#f59e0b40}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf659}