html{background:#f3f6fb}html[data-theme=dark]{background:#0d1422}html,body,#root{min-height:100%}#root{min-height:100vh}:root{--bg:#f3f6fb;--surface:#fff;--surface-2:#f7f9fc;--text:#172033;--muted:#6f7d95;--line:#e4e9f2;--accent:#4f6df5;--accent-soft:#eef2ff;--ok:#1f9d73;--warn:#b97712;--danger:#d94c5c;--waiting:#8b6bd9;--shadow:0 10px 30px #23304e0f}:root[data-theme=dark]{--bg:#0d1422;--surface:#131d2d;--surface-2:#182438;--text:#eef3ff;--muted:#a1aec5;--line:#26344a;--accent:#7891ff;--accent-soft:#1f2d50;--ok:#59c79f;--warn:#e6ac45;--danger:#ff7180;--waiting:#ae91ff;--shadow:0 12px 36px #00000038}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}.app-shell{grid-template-columns:216px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;margin:3px 8px 30px;font-size:23px;font-weight:800}.sidebar nav{gap:8px;display:grid}.sidebar nav a{color:var(--muted);border-radius:10px;padding:11px 12px}.sidebar nav a.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.sidebar-foot{color:var(--muted);margin-top:auto;padding:12px;font-size:12px}.main{width:min(1500px,100%);margin:0 auto;padding:30px 34px 80px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}h1{letter-spacing:-1px;margin:5px 0 0;font-size:29px}.top-actions{align-items:center;gap:12px;display:flex}.fresh{color:var(--muted);font-size:13px}select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.card-title{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;font-weight:800;display:flex}.card-title span{text-align:center;background:var(--surface-2);min-width:25px;color:var(--muted);border-radius:999px;padding:3px 7px;font-size:11px}.ask-bar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;display:grid}.ask-mark{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;font-weight:900;display:grid}.ask-bar b{font-size:13px;display:block}.ask-bar small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.ask-bar button{background:var(--surface-2);color:var(--muted);border:0;border-radius:9px;padding:8px 11px}.hero-grid{grid-template-columns:1.7fr .7fr;gap:16px;margin-bottom:16px;display:grid}.brief{padding:22px 24px}.date{margin-bottom:10px;font-size:18px;font-weight:800}.brief ul{color:var(--muted);grid-template-columns:1fr 1fr;gap:8px 24px;margin:0;padding-left:20px;display:grid}.goal{justify-content:center;align-items:center;gap:22px;padding:22px;display:flex}.goal-ring{border:9px solid var(--accent-soft);outline:5px solid var(--accent);text-align:center;border-radius:50%;place-content:center;width:84px;height:84px;display:grid}.goal-ring strong{font-size:22px}.goal-ring span{color:var(--muted);font-size:10px}.goal-copy>b{font-size:22px}.muted{color:var(--muted);margin-top:6px;font-size:12px}.dashboard-grid{grid-template-columns:.8fr 1.45fr;align-items:start;gap:16px;display:grid}.actions,.projects,.risks,.pipeline{padding:20px}.action{border-top:1px solid var(--line);gap:11px;padding:12px 0;display:flex}.action:first-of-type{border-top:0}.action-body{flex:1;min-width:0}.action-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.action b,.radar-item b{font-size:13px;display:block}.action small,.radar-item small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.dot{background:var(--accent);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.dot.suggested{background:var(--warn)}.source{white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:800}.source.must_do{color:var(--accent);background:var(--accent-soft)}.source.suggested{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.project-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.project{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px}.project-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.project-head b{font-size:13px}.project-stage{color:var(--accent);margin-top:4px;font-size:11px}.status{white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-self:flex-start;align-items:center;width:auto;max-width:max-content;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.status--risk{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.status--waiting{color:var(--waiting);background:color-mix(in srgb,var(--waiting) 12%,transparent)}.status--normal{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.next-block{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:12px 0 10px;padding:11px 12px}.next-block>span{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.next-block>b{margin:4px 0;font-size:14px;display:block}.next-block small{color:var(--muted);font-size:11px}.project-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.radar-item{border:0;border-top:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:0 0;grid-template-columns:100px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.radar-item:first-of-type{border-top:0}.risk-label{text-align:center;background:var(--surface-2);border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800}.radar-item.warn .risk-label{color:var(--warn)}.radar-item.danger .risk-label{color:var(--danger)}.radar-item i{color:var(--muted);font-size:18px;font-style:normal}.pipe-row{grid-template-columns:92px 1fr 66px;align-items:center;gap:10px;margin:11px 0;font-size:12px;display:grid}.pipe-row>b{text-align:right}.bar{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.bar i{background:var(--accent);border-radius:inherit;height:100%;display:block}.future-strip{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.future-strip article{border:1px dashed var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:12px;padding:14px 16px}.future-strip span,.future-strip small{color:var(--muted);font-size:11px;display:block}.future-strip b{margin:3px 0;font-size:13px;display:block}.mobile-nav{display:none}@media (width<=900px){.app-shell{display:block}.sidebar{display:none}.main{padding:20px 16px 90px}.topbar{align-items:flex-start}.top-actions{flex-direction:column-reverse;align-items:flex-end;gap:7px}h1{font-size:25px}.hero-grid,.dashboard-grid,.future-strip{grid-template-columns:1fr}.hero-grid{gap:12px}.brief ul{grid-template-columns:1fr}.goal{justify-content:flex-start}.project-list{grid-template-columns:1fr}.actions{order:1}.risks{order:2}.projects{order:3}.pipeline{order:4}.mobile-nav{z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);align-items:center;height:68px;padding:4px 8px 8px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{text-align:center;color:var(--muted);font-size:11px}.mobile-nav a.active{color:var(--accent);font-weight:800}.mobile-nav button{color:#fff;background:var(--accent);border:0;border-radius:14px;justify-self:center;place-items:center;gap:1px;width:46px;height:46px;font-size:18px;line-height:1;display:grid}.mobile-nav button span{font-size:9px;font-weight:800}}@media (width<=480px){.fresh{font-size:11px}.top-actions select{width:92px;padding:7px 9px;font-size:12px}.brief,.goal,.actions,.projects,.risks,.pipeline{border-radius:14px;padding:16px}.goal-ring{width:70px;height:70px}.goal-ring strong{font-size:18px}.pipe-row{grid-template-columns:82px 1fr 58px;gap:7px}.radar-item{grid-template-columns:88px 1fr auto}.ask-bar{grid-template-columns:auto 1fr}.ask-bar button{display:none}}.mock-banner{border:1px dashed var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--surface));border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:grid}.mock-banner b{color:var(--warn)}.mock-banner span{color:var(--muted)}.mock-banner select{padding:6px 9px}.state-card,.source-warning{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:16px;padding:18px}.loading-state{color:var(--muted)}.error-state{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.error-state b{color:var(--danger);margin-bottom:5px;display:block}.error-state small{color:var(--muted)}.source-warning{color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--surface));border-color:color-mix(in srgb,var(--warn) 25%,var(--line));padding:11px 14px}.empty-text{color:var(--muted);padding:18px 4px;font-size:12px}.stale-text{color:var(--warn);font-weight:800}@media (width<=900px){.mock-banner{grid-template-columns:1fr auto}.mock-banner span{grid-area:2/1/auto/-1}.mock-banner select{grid-area:1/2}}.stale-warning{color:var(--warn);background:color-mix(in srgb,var(--warn) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 28%,var(--line));border-radius:12px;margin-bottom:16px;padding:11px 14px;font-weight:800}.loading-state{gap:9px;display:grid}.loading-state small{color:var(--muted);margin-top:3px}.skeleton-line{background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--line) 65%,var(--surface-2)),var(--surface-2));background-size:200% 100%;border-radius:99px;width:72%;height:12px;animation:1.3s linear infinite skeleton}.skeleton-line.wide{width:92%}.skeleton-line.short{width:48%}.retry-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:9px;margin-top:12px;padding:8px 12px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.title-with-badge{align-items:center;gap:7px;color:var(--text)!important;text-align:left!important;background:0 0!important;padding:0!important;font-size:14px!important;display:inline-flex!important}.demo-badge{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);border-radius:999px;padding:4px 6px;font-size:9px;font-style:normal;font-weight:800;line-height:1}.goal{position:relative}.goal-module-label{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:10px;right:12px}.hybrid-banner,.real-test-banner{border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:grid}.hybrid-banner{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.hybrid-banner b{color:var(--accent)}.hybrid-banner span{color:var(--muted)}.real-test-banner{border:1px dashed var(--line);background:var(--surface)}.real-test-banner b{color:var(--muted)}.hybrid-banner select,.real-test-banner select{padding:6px 9px}@media (width<=900px){.hybrid-banner,.real-test-banner{grid-template-columns:1fr auto}.hybrid-banner span{grid-area:2/1/auto/-1}}