:root { color-scheme: light; --paper:#f4f6f3; --surface:#fff; --ink:#1d2624; --muted:#65716e; --line:#d5ddda; --teal:#116b64; --red:#b33b44; --amber:#9a6818; --green:#28705b; --blue:#315c8d; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:var(--paper); color:var(--ink); font-family:"Segoe UI",Arial,sans-serif; letter-spacing:0; }
a { color:var(--teal); }
button,select { font:inherit; }
button,a,select { outline-offset:3px; }
.workspace-dashboard-topbar { display:grid; grid-template-columns:auto minmax(220px,340px) 1fr auto; align-items:center; gap:24px; min-height:64px; padding:10px clamp(18px,4vw,56px); border-bottom:1px solid var(--line); background:var(--surface); }
.workspace-dashboard-brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:800; text-decoration:none; }
.workspace-dashboard-brand:first-letter { color:var(--teal); }
.workspace-dashboard-topbar label { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13px; }
.workspace-dashboard-topbar select { width:100%; padding:8px 30px 8px 10px; border:1px solid var(--line); border-radius:4px; background:var(--surface); color:var(--ink); }
#workspace-dashboard-account { overflow:hidden; color:var(--muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.workspace-dashboard-back { padding:8px 12px; border:1px solid var(--teal); border-radius:4px; font-size:13px; font-weight:700; text-decoration:none; }
#workspace-dashboard { width:min(1500px,100%); margin:0 auto; padding:32px clamp(18px,4vw,56px) 64px; }
.workspace-dashboard-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-bottom:18px; border-bottom:3px solid var(--ink); }
.workspace-dashboard-heading span { color:var(--teal); font-size:12px; font-weight:800; text-transform:uppercase; }
.workspace-dashboard-heading h1 { margin:5px 0 0; font-family:"Arial Narrow","Segoe UI",sans-serif; font-size:clamp(28px,4vw,50px); font-stretch:condensed; font-weight:800; line-height:1; }
.workspace-dashboard-state { display:flex; align-items:center; gap:10px; }
.workspace-dashboard-state strong { padding:6px 9px; border-left:3px solid var(--teal); color:var(--muted); font-size:12px; }
.workspace-dashboard-state button { padding:7px 10px; border:1px solid var(--line); border-radius:4px; background:var(--surface); cursor:pointer; }
.workspace-dashboard-message { min-height:20px; margin:10px 0; color:var(--red); font-size:13px; }
.workspace-dashboard-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); background:var(--line); gap:1px; }
.workspace-dashboard-kpis article { min-width:0; min-height:126px; padding:20px; background:var(--surface); }
.workspace-dashboard-kpis article span,.workspace-dashboard-kpis article small { display:block; color:var(--muted); font-size:12px; }
.workspace-dashboard-kpis article strong { display:block; margin:13px 0 8px; font-family:"Arial Narrow","Segoe UI",sans-serif; font-size:31px; }
.workspace-dashboard-kpis .skeleton { background:linear-gradient(100deg,#fff 20%,#edf1ef 50%,#fff 80%); background-size:240% 100%; animation:workspace-pulse 1.4s infinite; }
.workspace-dashboard-projects { margin-top:26px; border-top:1px solid var(--ink); background:var(--surface); }
.workspace-dashboard-projects>header { display:flex; justify-content:space-between; padding:14px 16px 12px; }
h2 { margin:0; font-size:16px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:13px; }
th,td { padding:13px 16px; border-top:1px solid var(--line); text-align:left; white-space:nowrap; }
thead th { color:var(--muted); font-size:11px; text-transform:uppercase; }
tbody th a { color:var(--ink); font-weight:750; }
tbody th small { display:block; margin-top:4px; color:var(--muted); font-weight:400; }
.health { display:inline-block; padding-left:9px; border-left:3px solid var(--green); }
.health-attention { border-color:var(--amber); }.health-critical { border-color:var(--red); }.health-empty { border-color:var(--muted); }
.table-progress { display:inline-block; width:72px; height:6px; margin-right:8px; overflow:hidden; background:#e4e9e7; vertical-align:middle; }
.table-progress span { display:block; height:100%; background:var(--blue); }
.workspace-dashboard-lower { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:26px; }
.workspace-dashboard-lower>section { border-top:1px solid var(--ink); background:var(--surface); }
.workspace-dashboard-lower h2 { padding:14px 16px; }
.task-list,.activity-list { margin:0; padding:0; list-style:none; }
.task-list li,.activity-list li { border-top:1px solid var(--line); }
.task-list a,.activity-list li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 14px; padding:12px 16px; color:var(--ink); text-decoration:none; }
.task-list a span,.activity-list span { display:flex; min-width:0; flex-direction:column; gap:4px; color:var(--muted); font-size:12px; }
.task-list time,.activity-list time { align-self:center; color:var(--muted); font-size:11px; }
.empty-row { padding:18px 16px; color:var(--muted); font-size:13px; }
.workspace-dashboard-empty { min-height:420px; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid var(--line); }
.workspace-dashboard-empty h2 { font-size:28px; }.workspace-dashboard-empty p { max-width:560px; color:var(--muted); }
#workspace-dashboard[data-state="error"] .workspace-dashboard-heading { border-bottom-color:var(--red); }
@keyframes workspace-pulse { from{background-position:100% 0} to{background-position:-100% 0} }
@media (prefers-reduced-motion:reduce) { .workspace-dashboard-kpis .skeleton { animation:none; } }
@media (max-width:900px) { .workspace-dashboard-topbar { grid-template-columns:auto 1fr auto; }.workspace-dashboard-topbar label { grid-column:1/-1; grid-row:2; }.workspace-dashboard-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace-dashboard-lower { grid-template-columns:1fr; } }
@media (max-width:560px) { .workspace-dashboard-topbar { gap:12px; }.workspace-dashboard-brand span,#workspace-dashboard-account { display:none; }.workspace-dashboard-heading { align-items:flex-start; flex-direction:column; }.workspace-dashboard-kpis { grid-template-columns:1fr; }.task-list a,.activity-list li { grid-template-columns:1fr; } }