:root{--bg:#f3f5f8;--panel:#fff;--ink:#101828;--muted:#667085;--line:#e7eaf0;--nav:#0b1220;--nav2:#121b2d;--accent:#4f6df5;--accent-soft:#eef2ff;--good:#16a36a;--good-soft:#ecfdf3;--warn:#d98b12;--warn-soft:#fff8e8;--danger:#df4b56;--danger-soft:#fff0f1;--shadow:0 1px 2px #10182808, 0 8px 28px #1018280f}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.appShell{min-height:100vh}.sidebar{background:linear-gradient(180deg, var(--nav), #0d1627 72%, #111b2e);color:#dce4f1;z-index:10;flex-direction:column;width:244px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 9px 28px;display:flex}.brandMark{letter-spacing:-.04em;color:#fff;background:linear-gradient(145deg,#7d93ff,#4965ed);border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid;box-shadow:0 10px 30px #4f6df547}.brand strong{color:#fff;font-size:14px;display:block}.brand span,.sidebarFoot span{color:#7f8ca2;margin-top:3px;font-size:11px;display:block}.sidebarFoot .sourceLabel{margin-top:10px}.sidebar nav{gap:6px;display:grid}.navItem{color:#9daabd;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:650;transition:all .2s;display:flex}.navItem svg{width:18px;height:18px}.navItem:hover,.navItem.active{background:var(--nav2);color:#fff}.navItem:hover{transform:translate(2px)}.navItem.active{box-shadow:inset 0 0 0 1px #ffffff0f}.sidebarFoot{border-top:1px solid #ffffff14;align-items:flex-start;gap:10px;margin-top:auto;padding:14px 10px;display:flex}.sidebarFoot strong{color:#d8e0eb;font-size:12px;display:block}.syncDot{background:#34d399;border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 4px #34d3991a}.syncDot.mock{background:#60a5fa;box-shadow:0 0 0 4px #60a5fa1f}.main{max-width:1700px;margin-left:244px;padding:32px 38px 54px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#8a94a5;margin:0 0 8px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.045em;margin:0;font-size:30px;line-height:1.05}.subtitle{color:var(--muted);max-width:700px;margin:9px 0 0;font-size:13px}.sourceMeta{color:#7e899a;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;font-size:11px;display:flex}.sourceMeta a{color:var(--accent);font-weight:700}.sourcePill,.summaryChip{border:1px solid var(--line);color:#5f6c81;background:#f6f8fb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.sourcePill{background:var(--accent-soft);color:#4661da;border-color:#d8defb}.summaryChip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.summaryChip.warn{background:var(--warn-soft);color:var(--warn);border-color:#f3dfbb}.summaryChip.danger{background:var(--danger-soft);color:var(--danger);border-color:#f2ccd0}.summaryChip.good{background:var(--good-soft);color:var(--good);border-color:#cdebdc}.topActions{align-items:center;gap:14px;display:flex}.topUser{text-align:right}.topUser strong{font-size:12px;display:block}.topUser span{color:#98a2b3;text-transform:capitalize;font-size:10px;display:block}.asOf{text-align:right}.asOf span{text-transform:uppercase;letter-spacing:.1em;color:#98a2b3;font-size:9px;display:block}.asOf strong{font-size:11px}.avatar,.miniAvatar,.largeAvatar{border:0;place-items:center;font-weight:800;display:grid}.avatar{color:#fff;background:#131d30;border-radius:50%;width:38px;height:38px;font-size:11px}.ghostButton{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font-weight:700}.miniAvatar{color:#44506a;background:#eef1f6;border-radius:10px;width:34px;height:34px;font-size:10px}.largeAvatar{color:#5168d8;background:#edf1ff;border-radius:15px;width:52px;height:52px;font-size:13px}.kpiGrid,.projectPageGrid,.teamCards,.taskColumns{gap:14px;display:grid}.kpiGrid{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.projectPageGrid{grid-template-columns:repeat(3,1fr)}.teamCards{grid-template-columns:1fr 1fr}.taskColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi,.panel,.personCard{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.kpi{padding:20px}.kpi>span{color:var(--muted);font-size:11px;font-weight:700;display:block}.kpi strong{letter-spacing:-.05em;margin:11px 0 4px;font-size:29px;display:block}.kpi small{color:#98a2b3;font-size:10px}.kpi.warn strong{color:var(--warn)}.kpi.danger strong{color:var(--danger)}.kpi.good strong{color:var(--good)}.contentGrid{grid-template-columns:minmax(0,2fr) minmax(300px,.9fr);gap:14px;margin-bottom:14px;display:grid}.bottomGrid{grid-template-columns:1.2fr 1fr}.portfolioPanel,.attentionPanel,.chartPanel,.teamPanel,.taskPanel,.controlsPanel,.notePanel{padding:22px}.detailHero{grid-template-columns:1fr 1.3fr;align-items:center;gap:35px;padding:24px;display:grid}.detailGrid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:14px;display:grid}.panelHead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panelHead h2{letter-spacing:-.025em;margin:0;font-size:16px}.panelHead>a,.panelHead>span{color:#7e899a;font-size:10px;font-weight:700}.panelHead svg{color:#98a2b3;width:18px}.projectGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.projectCard{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px;transition:all .2s;display:block}.projectPageGrid .projectCard{padding:20px}.projectCard:hover{border-color:#cfd6e5;transform:translateY(-1px);box-shadow:0 10px 35px #10182812}.projectCardTop,.projectProgressRow,.attentionTitle,.personHead,.metricLabel,.taskGroupHead{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.clientLabel{color:#8290a5;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.projectCard h3{letter-spacing:-.015em;margin:4px 0 0;font-size:13px}.projectCard>p,.riskRow p,.notePlaceholder{color:var(--muted);font-size:10.5px;line-height:1.55}.projectCard>p{min-height:34px;margin:13px 0 16px}.health{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:8.5px;font-weight:800;display:inline-flex}.health i{background:currentColor;border-radius:50%;width:5px;height:5px}.health.on-track{color:var(--good);background:var(--good-soft)}.health.at-risk{color:var(--warn);background:var(--warn-soft)}.health.blocked{color:var(--danger);background:var(--danger-soft)}.projectProgressRow{margin-bottom:7px}.projectProgressRow strong{font-size:15px}.projectProgressRow span,.positive{color:var(--good);align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex}.projectProgressRow svg{width:11px}.progress{background:#e8edf5;border-radius:999px;height:6px;overflow:hidden}.progress.compact{height:5px}.progress>div{border-radius:inherit;background:linear-gradient(90deg,#6f8bff,#4f6df5);height:100%}.projectMeta{color:#7e899a;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;margin-top:12px;font-size:9px;font-weight:700;display:grid}.projectMeta svg{justify-self:end;width:14px}.attentionList,.teamRows,.stackedMetrics{gap:12px;display:grid}.attentionItem{border:1px solid var(--line);border-radius:14px;grid-template-columns:6px 1fr;gap:12px;padding:14px;display:grid}.attentionBar{background:#d0d5dd;border-radius:999px}.attentionBar.at-risk{background:var(--warn)}.attentionBar.blocked{background:var(--danger)}.attentionItem p{color:var(--muted);margin:7px 0;font-size:10px}.attentionItem span{color:#7e899a;align-items:center;gap:5px;font-size:9px;font-weight:700;display:inline-flex}.attentionItem svg{width:11px}.barChart{grid-template-columns:repeat(8,1fr);align-items:end;gap:10px;height:240px;display:grid}.barWrap{justify-items:center;gap:8px;height:100%;display:grid}.bar{background:linear-gradient(#94a9ff,#4f6df5);border-radius:12px 12px 4px 4px;width:100%;min-height:10%}.barWrap span{color:#7e899a;font-size:9px;font-weight:700}.teamRow{align-items:center;gap:12px;display:flex}.teamInfo{flex:1;gap:7px;display:grid}.teamInfo>div{justify-content:space-between;gap:12px;display:flex}.teamInfo small{color:#8b95a6;font-size:9.5px}.filtersForm{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.filtersForm.inlineCompact{grid-template-columns:repeat(2,minmax(0,220px)) auto}.filtersForm label{color:#7e899a;text-transform:uppercase;letter-spacing:.08em;gap:6px;font-size:10px;font-weight:800;display:grid}.filtersForm input,.filtersForm select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:11px 12px;font-size:13px}.filtersForm button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 14px;font-weight:800}.summaryChips,.chipLinks{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.emptyState{text-align:center;padding:42px 22px}.emptyState h2{letter-spacing:-.03em;margin:0 0 8px;font-size:20px}.emptyState p{color:var(--muted);margin:0;font-size:13px}.authShell{place-items:center;min-height:100vh;padding:24px;display:grid}.authPanel{width:min(100%,460px);padding:28px}.authPanel h1{letter-spacing:-.04em;margin:0;font-size:28px}.authForm,.adminUserForm{gap:14px;margin-top:20px;display:grid}.authForm label,.adminUserForm label{gap:6px;font-size:12px;font-weight:700;display:grid}.authForm input,.adminUserForm input,.adminUserForm select,.userTableActions select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:11px 12px;font-size:13px}.authForm button,.adminUserForm button,.userTableActions button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 14px;font-weight:800}.inlineLink{color:var(--accent);font-weight:700}.formMessage{margin:0;font-size:12px}.formMessage.error{color:var(--danger)}.formMessage.success{color:var(--good)}.tempSecret{background:#f8f9fb;border:1px dashed #cfd6e5;border-radius:10px;margin:0;padding:10px 12px;font-size:12px}.tempSecret code{font-family:ui-monospace,SFMono-Regular,monospace}.personCard{padding:22px}.personHead{margin-bottom:19px}.personHead h2{margin:0;font-size:15px}.personHead p{color:var(--muted);margin:4px 0 0;font-size:10px}.load{color:#7d889a;background:#f4f6f9;border-radius:999px;margin-left:auto;padding:6px 8px;font-size:9px;font-weight:800}.load.hot{background:var(--danger-soft);color:var(--danger)}.load.warm{background:var(--warn-soft);color:var(--warn)}.load.balanced{background:var(--good-soft);color:var(--good)}.metricLabel{margin-bottom:8px}.metricLabel span{color:#8b95a6;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.metricLabel strong{font-size:12px}.personStats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.personStats div,.heroStats div,.taskGroup{background:#f8f9fb;border-radius:12px;padding:14px}.personStats strong{font-size:17px;display:block}.personStats span{color:#8c96a6;font-size:8.5px}.riskTable{overflow:hidden}.riskHeader,.riskRow{grid-template-columns:1.2fr .55fr .5fr .6fr 1.8fr;align-items:center;gap:15px;padding:13px 18px;display:grid}.riskHeader{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:#929cad;background:#f8f9fb;font-size:9px;font-weight:800}.riskRow{border-bottom:1px solid var(--line);font-size:10px;transition:all .15s}.riskRow:last-child{border:0}.riskRow:hover{background:#fafbfc}.riskRow strong{gap:3px;font-size:11px;display:grid}.riskRow strong small,.riskRow span small{color:#8c96a6;font-size:9px;font-weight:700}.urgency.blocked{color:var(--danger)}.urgency.at-risk{color:var(--warn)}.userTable{overflow:hidden}.userTableHeader,.userTableRow{grid-template-columns:1.4fr .7fr .7fr .8fr .45fr 1.5fr}.userTableActions{grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) auto;align-items:center;gap:8px;display:grid}.bigProgress{align-items:baseline;gap:9px;margin:16px 0 10px;display:flex}.bigProgress strong{letter-spacing:-.06em;font-size:40px}.bigProgress span{color:var(--muted);font-size:10px}.heroStats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.heroStats span{color:#929cad;text-transform:uppercase;letter-spacing:.07em;font-size:8.5px;display:block}.heroStats strong{letter-spacing:-.02em;margin-top:6px;font-size:15px;display:block}.riskBanner{border:1px solid #0000;border-radius:16px;gap:6px;margin:14px 0;padding:18px 20px;display:grid}.riskBanner span{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.riskBanner strong{letter-spacing:-.02em;font-size:14px}.riskBanner.at-risk{background:var(--warn-soft);color:#8c5b05;border-color:#f2ddb4}.riskBanner.blocked{background:var(--danger-soft);color:#b23841;border-color:#f0c3c7}.taskGroupHead{margin-bottom:12px}.taskGroupHead strong{font-size:13px}.taskGroupHead span{color:#8c96a6;font-size:10px;font-weight:800}.taskList{gap:10px;display:grid}.taskRow{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:12px;padding:12px;display:grid}.taskRow strong{margin-bottom:4px;font-size:12px;display:block}.taskRow small{color:#7e899a;font-size:9.5px}.taskStatus{white-space:nowrap;color:#667085;background:#eef2f6;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800}.taskStatus.blocked{background:var(--danger-soft);color:var(--danger)}.taskStatus.in-progress,.taskStatus.review{background:var(--warn-soft);color:var(--warn)}.taskStatus.done{background:var(--good-soft);color:var(--good)}.weight{color:#8b95a6;font-size:9px;font-weight:800}.notePanel{align-self:start}.notePlaceholder{margin:0}@media (max-width:1200px){.filtersForm{grid-template-columns:repeat(3,minmax(0,1fr))}.filtersForm.inlineCompact{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.projectPageGrid,.taskColumns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.sidebar{width:210px}.main{margin-left:210px;padding:28px 24px}.contentGrid,.bottomGrid,.detailGrid,.detailHero{grid-template-columns:1fr}.projectPageGrid,.kpiGrid,.teamCards{grid-template-columns:1fr 1fr}}@media (max-width:760px){.sidebar{flex-direction:row;align-items:center;width:auto;height:auto;padding:14px;position:static}.sidebar nav{margin-left:auto;display:flex}.navItem span,.sidebarFoot,.brand span{display:none}.brand{padding:0}.main{margin-left:0;padding:22px 14px}.topbar{flex-direction:column}.topActions{justify-content:space-between;width:100%}.projectGrid,.projectPageGrid,.teamCards,.taskColumns,.filtersForm,.filtersForm.inlineCompact{grid-template-columns:1fr}.kpiGrid{grid-template-columns:1fr 1fr}.riskHeader{display:none}.riskRow{grid-template-columns:1fr auto}.riskRow>span:nth-of-type(n+2),.riskRow>p{grid-column:1/-1}.heroStats,.personStats{grid-template-columns:1fr 1fr}}@media (max-width:480px){.kpiGrid,.heroStats,.personStats,.projectGrid{grid-template-columns:1fr}.topbar h1{font-size:25px}.projectMeta,.taskRow{grid-template-columns:1fr}.weight{justify-self:start}}