:root{--ink:#14231d;--muted:#6f7e76;--line:#e5ebe7;--paper:#f5f7f4;--card:#fff;--green:#176b4b;--mint:#dff4e9;--amber:#a06413;--amber-bg:#fff3d8;--shadow:0 14px 38px rgba(31,55,44,.07)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}a,button{font:inherit}.app-shell,.dashboard{min-height:100vh}.dashboard{display:grid;grid-template-columns:72px 1fr}.rail{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#11251d;display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:12px}.brand{width:40px;height:40px;background:#e7f6ee;color:var(--green);place-items:center;font-family:Georgia,serif;font-size:24px;font-weight:700;margin-bottom:22px}.brand,.rail-item{border-radius:12px;display:grid}.rail-item{color:#91a79e;text-decoration:none;width:42px;height:42px;place-items:center;font-size:20px}.rail-item.active,.rail-item:hover{background:#244238;color:#fff}.rail-spacer{flex:1 1}.avatar{width:36px;height:36px;border-radius:50%;background:#cfe6dc;color:#244238;display:grid;place-items:center;font-weight:700}.workspace{padding:32px 42px 56px;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#709080;margin:0 0 7px}.topbar h1{font-size:32px;line-height:1;margin:0;letter-spacing:-.04em}.top-actions{display:flex;gap:12px;align-items:center}.range-switch{display:flex;background:#e9eeeb;padding:4px;border-radius:11px}.range-switch button{border:0;background:transparent;color:var(--muted);padding:8px 14px;border-radius:8px;cursor:pointer}.range-switch button.selected{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(20,35,29,.08);font-weight:700}.refresh,.status-panel button{border:1px solid #cfdbd5;background:#fff;color:var(--ink);padding:10px 16px;border-radius:10px;cursor:pointer}.refresh:disabled{opacity:.55}.freshness{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;padding:13px 16px;border-radius:14px;margin-bottom:16px}.freshness .status-dot{width:9px;height:9px;border-radius:50%;background:#38a36f;box-shadow:0 0 0 5px #e5f6ed}.freshness.degraded{border-color:#efd9ad;background:#fffaf0}.freshness.degraded .status-dot{background:#d98b24;box-shadow:0 0 0 5px #fff0d1}.freshness div{display:flex;flex-direction:column;gap:2px}.freshness small,.insight-list small,.metric small,.panel-heading span{color:var(--muted);font-size:12px}.warning{margin-left:auto;color:var(--amber);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin-bottom:14px}.metric{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:19px 20px;box-shadow:0 7px 20px rgba(31,55,44,.035)}.metric>span{font-size:13px;color:var(--muted)}.metric strong{display:block;font-size:27px;letter-spacing:-.04em;margin:13px 0 7px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);grid-gap:14px;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{margin:0;font-size:18px}.panel-heading a{color:var(--green);font-size:13px;text-decoration:none}.trend-panel{min-height:370px}.chart{height:260px;display:flex;align-items:flex-end;gap:8px;padding:38px 6px 0;border-bottom:1px solid var(--line);margin-top:20px;background:repeating-linear-gradient(180deg,transparent 0,transparent 64px,#edf1ee 65px)}.bar-cell{height:100%;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:12px}.bar{width:min(32px,70%);background:linear-gradient(180deg,#4ca878,#1e7652);border-radius:6px 6px 2px 2px;transition:height .25s}.bar-value{margin-bottom:5px}.bar-cell time,.bar-value{font-size:10px;color:var(--muted)}.bar-cell time{margin-top:8px;white-space:nowrap}.agent-panel{background:#16392d;color:#fff}.agent-panel .agent-copy,.agent-panel .eyebrow{color:#aac4b9}.live-pill{background:#285342;color:#d9f6e8!important;padding:5px 9px;border-radius:999px}.agent-orbit{width:138px;height:138px;margin:28px auto 20px;border:1px solid #497062;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 18px #1c4436,inset 0 0 0 19px #355c4d}.agent-orbit div{text-align:center}.agent-orbit strong{display:block;font-size:32px}.agent-orbit span{font-size:12px;color:#aac4b9}.agent-copy{font-size:13px;line-height:1.7}.primary-link{display:flex;justify-content:space-between;color:#13372a;background:#dff4e9;text-decoration:none;padding:13px 15px;border-radius:11px;font-weight:700;margin-top:20px}.insight-panel{grid-column:1/-1}.insight-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:18px}.insight-list a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:13px}.insight-list a>span:last-child{margin-left:auto;color:var(--green)}.insight-list div{display:flex;flex-direction:column;min-width:0;gap:4px}.insight-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-icon{width:32px;height:32px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center}.inline-empty{color:var(--muted);padding:34px 0;text-align:center}.status-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:80px 24px;text-align:center}.status-panel>span{font-size:34px;color:#85a294}.status-panel h2{margin:14px 0 8px}.status-panel p{color:var(--muted)}.skeleton{background:linear-gradient(90deg,#e9eeeb,#f5f7f4,#e9eeeb);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:14px}.skeleton.wide{height:58px;margin-bottom:16px}.skeleton.card{height:132px}.chart-placeholder{height:380px}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.insight-panel{grid-column:auto}.workspace{padding:26px 22px}.topbar{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:640px){.dashboard{grid-template-columns:1fr}.rail{display:none}.insight-list,.metric-grid{grid-template-columns:1fr}.top-actions{width:100%;flex-wrap:wrap}.range-switch,.range-switch button{flex:1 1}.workspace{padding:22px 14px}.warning{display:none}}