:root{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f3f5f8;font-synthesis:none;text-rendering:optimizeLegibility;--cp-brand: #4263eb;--cp-brand-dark: #2f4bc4;--cp-sidebar: #151b2b;--cp-sidebar-muted: #9ca9c5;--cp-border: #dde2ea;--cp-surface: #ffffff;--cp-muted: #667085;--cp-danger: #b42318;--cp-shadow: 0 12px 30px rgba(22, 34, 51, .08)}*{box-sizing:border-box}html,body,#app{min-width:1024px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.control-panel-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .16s ease}.control-panel-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;color:#fff;background:var(--cp-sidebar)}.brand-row,.topbar,.tabs-bar,.nav-item,.sidebar-toggle,.login-brand,.page-heading{display:flex;align-items:center}.brand-row{gap:12px;min-height:68px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{display:block;flex:0 0 40px;width:40px;height:40px}.brand-name{white-space:nowrap;font-weight:700}.sidebar-nav{flex:1;padding:16px 10px}.nav-item,.sidebar-toggle{gap:12px;width:100%;min-height:44px;padding:10px 12px;color:var(--cp-sidebar-muted);text-decoration:none;background:transparent;border:0;border-radius:10px;white-space:nowrap}.nav-item.router-link-active{color:#fff;background:#4263eb42}.nav-icon{display:inline-grid;min-width:24px;place-items:center;font-size:22px}.sidebar-toggle{margin:10px;width:calc(100% - 20px)}.workspace{min-width:0}.topbar{justify-content:space-between;min-height:68px;padding:10px 24px;background:var(--cp-surface);border-bottom:1px solid var(--cp-border)}.environment-label,.eyebrow{margin:0 0 3px;color:var(--cp-brand);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.user-button{padding:9px 12px;color:var(--cp-muted);background:transparent;border:1px solid var(--cp-border);border-radius:9px}.tabs-bar{min-height:44px;padding:6px 16px 0;overflow-x:auto;background:#eef1f6;border-bottom:1px solid var(--cp-border)}.workspace-tab{display:flex;gap:10px;align-items:center;min-height:37px;padding:8px 14px;color:var(--cp-muted);background:transparent;border:1px solid transparent;border-bottom:0;border-radius:9px 9px 0 0}.workspace-tab.active{color:#17202a;background:var(--cp-surface);border-color:var(--cp-border)}.tab-close{font-size:18px}.workspace-content{padding:24px}.page-section{max-width:1800px;margin:0 auto}.page-heading{justify-content:space-between;margin-bottom:24px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:28px}h2{font-size:18px}.status-chip{padding:7px 10px;color:#475467;font-size:13px;background:#eaecf0;border-radius:999px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:16px}.metric-card,.empty-panel,.login-card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:14px;box-shadow:var(--cp-shadow)}.metric-card{display:grid;gap:8px;padding:18px}.metric-card span,.metric-card small,.empty-panel p,.login-card p{color:var(--cp-muted)}.metric-card strong{font-size:30px}.empty-panel{margin-top:20px;padding:24px}.empty-panel p{margin-bottom:0}.login-page{display:grid;min-height:100vh;place-items:center;padding:40px;background:radial-gradient(circle at 15% 15%,rgba(66,99,235,.18),transparent 30%),#f3f5f8}.login-card{display:grid;gap:28px;width:420px;padding:32px}.login-brand{gap:12px}.login-brand div{display:grid;gap:2px}.login-brand span:last-child{color:var(--cp-muted);font-size:13px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;color:#344054;font-size:14px;font-weight:600}.login-form input{min-height:44px;padding:10px 12px;border:1px solid #cfd5df;border-radius:9px;outline:none}.login-form input:focus{border-color:var(--cp-brand);box-shadow:0 0 0 3px #4263eb24}.primary-button{min-height:44px;padding:10px 16px;color:#fff;font-weight:700;background:var(--cp-brand);border:0;border-radius:9px}.primary-button:hover:not(:disabled){background:var(--cp-brand-dark)}.primary-button:disabled{cursor:wait;opacity:.65}.form-error{margin:0;color:var(--cp-danger);font-size:14px}@media(min-width:1500px){.metric-grid{grid-template-columns:repeat(6,minmax(190px,1fr))}}