:root{--bg: #f7f8fb;--surface: #ffffff;--surface-muted: #f1f4f8;--border: #dfe5ec;--border-soft: #edf1f5;--text: #141923;--muted: #647084;--faint: #98a2b3;--blue: #0b5cff;--teal: #0f9f8f;--green: #118414;--orange: #f28b5b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:#ffffffe0;padding:22px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:16px;font-weight:800;margin-bottom:34px}.brand strong{display:block;color:var(--muted);font-size:12px;line-height:1.1}.brand-mark{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--blue),var(--teal))}.nav{display:grid;gap:24px}.nav section{display:grid;gap:4px}.nav p{color:#8792a5;font-size:12px;font-weight:700;letter-spacing:.02em;margin:0 0 6px}.nav a{display:flex;align-items:center;gap:10px;min-height:36px;border-radius:8px;color:#2f3746;text-decoration:none;font-weight:650;padding:0 10px}.nav a.active{color:var(--blue);background:#eef4ff}.nav-icon{width:16px;height:16px;border:1.8px solid currentColor;border-radius:5px;opacity:.72}.sidebar-footer{margin-top:auto;border:1px solid var(--border-soft);border-radius:8px;background:#fbfcfe;color:var(--muted);padding:12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #0f9f8f1f}.workspace{min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border-soft);background:#ffffffc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:0 28px;position:sticky;top:0;z-index:3}.search{width:min(560px,48vw);height:42px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-muted);color:var(--muted);display:flex;align-items:center;padding:0 16px}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions button,.filters button,.primary-action{height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:#2f3746;font-weight:800;padding:0 14px}.primary-action{background:var(--blue);border-color:var(--blue);color:#fff}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0b1f48;color:#fff;font-size:12px;font-weight:800}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;padding:28px}.main-column{min-width:0;display:grid;gap:22px}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:end}.eyebrow{color:var(--blue);font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:36px;line-height:1.05;letter-spacing:-.03em}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card,.panel,.rail-card,.agent-card,.recommendation{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 30px #0f172a0a}.metric-card{min-height:174px;padding:20px 20px 0;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.metric-card h2{color:#6b7280;font-size:15px;margin-bottom:18px}.metric-card strong{display:block;font-size:38px;letter-spacing:-.04em;line-height:1}.metric-card p{margin:8px 0 0;color:var(--muted);font-weight:700}.delta{color:var(--green);font-size:13px;font-weight:800}.delta.down{color:#d92d20}.sparkline{width:calc(100% + 40px);height:58px;margin:10px -20px 0;display:block}.panel{padding:22px}.panel-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}.panel h2,.rail-card h2,.agent-card h2{margin-bottom:6px;font-size:20px;letter-spacing:-.02em}.panel p,.agent-card p,.recommendation p{color:var(--muted);line-height:1.55;margin-bottom:0}.filters{display:flex;gap:8px}.trend-chart{width:100%;height:auto;display:block}.table{display:grid;border:1px solid var(--border-soft);border-radius:8px;overflow:hidden}.table-row{display:grid;grid-template-columns:1.2fr 1fr 110px 100px;gap:12px;align-items:center;min-height:54px;padding:0 16px;border-bottom:1px solid var(--border-soft)}.table-row:last-child{border-bottom:0}.table-row span{color:var(--muted)}.badge{width:fit-content;border-radius:999px;background:#e8f8f4;color:#047867!important;font-size:12px;font-weight:800;padding:4px 8px}.right-rail{display:grid;gap:18px;align-content:start}.rail-card,.agent-card,.recommendation{padding:20px}.rail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rail-heading span{min-width:24px;height:24px;border-radius:50%;background:#edf2f7;display:grid;place-items:center;color:var(--muted);font-weight:800}.task{display:block;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);padding:14px;margin-top:10px}.task strong{display:block;margin-bottom:4px}.task span{color:var(--muted);font-size:13px}.agent-card{background:linear-gradient(180deg,rgba(11,92,255,.07),transparent 42%),#fff}.agent-kicker,.recommendation span{color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.agent-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.agent-prompts button{border:1px solid var(--border-soft);border-radius:8px;background:#fbfcff;color:#2f3746;font-weight:800;padding:8px 10px}.recommendation h3{margin:12px 0 8px;font-size:18px;line-height:1.25}.recommendation a{display:inline-flex;margin-top:14px;color:var(--blue);font-weight:850;text-decoration:none}@media(max-width:1180px){.content-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-card{grid-column:span 2}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid,.right-rail{grid-template-columns:1fr}.agent-card{grid-column:auto}.content-grid{padding:20px}}@media(max-width:640px){.topbar{align-items:stretch;height:auto;padding:14px 20px;flex-direction:column}.search{width:100%}.page-title,.panel-header{align-items:stretch;flex-direction:column}.table-row{grid-template-columns:1fr;padding:14px}.nav{grid-template-columns:1fr}}