:root{--navy:#142c42;--blue:#287aa8;--ice:#eff6f9;--line:#dce5eb;--muted:#647587;--green:#278a68;--amber:#c58321}*{box-sizing:border-box}body{margin:0;font:14px Inter,Segoe UI,Arial,sans-serif;color:#1d2e3b;background:#f6f8fa}button,input,select,textarea{font:inherit}button{border:0;border-radius:7px;padding:9px 12px;background:var(--blue);color:white;cursor:pointer}button.secondary{background:white;color:var(--navy);border:1px solid var(--line)}input,select,textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:white}label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:10px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#eaf4f7,#fff)}.login form{width:350px;padding:32px;background:white;box-shadow:0 15px 50px #24445a22;border-radius:14px}.brand{font-size:25px;font-weight:750;color:var(--navy);letter-spacing:-.5px}.brand span{color:var(--blue)}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.side{background:var(--navy);color:#dbe8ef;padding:22px 14px}.side .brand{color:white;margin:0 10px 32px}.nav button{display:block;width:100%;text-align:left;background:transparent;color:#dbe8ef;margin:4px 0}.nav button.active,.nav button:hover{background:#ffffff18}.content{padding:26px;max-width:1400px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.top select{max-width:310px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:17px}.metric{font-size:28px;font-weight:700;color:var(--navy);margin-top:8px}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:flex;gap:8px;align-items:center}.list{padding:0;margin:12px 0;list-style:none}.list li{padding:10px 0;border-bottom:1px solid var(--line)}.tree{padding-left:16px}.kind{font-size:11px;text-transform:uppercase;color:var(--blue);margin-right:8px}.timeline{display:flex;min-height:90px;border-radius:7px;overflow:hidden;background:#e9edf0}.segment{min-width:100px;padding:12px;color:#142c42;border-right:1px solid #ffffff99}.productive{background:#85d5bd}.weather{background:#ffd68b}.gap{background:repeating-linear-gradient(45deg,#eee,#eee 8px,#ddd 8px,#ddd 16px)}.modal{position:fixed;inset:0;background:#11263770;display:grid;place-items:center;padding:18px}.modal form{background:white;border-radius:10px;padding:20px;width:min(470px,100%)}.modal h2{margin-top:0}.error{color:#b22d3a;margin:10px 0}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{padding:12px;display:flex;gap:10px;overflow:auto}.side .brand{margin:4px 15px 4px 0}.nav{display:flex}.nav button{white-space:nowrap}.content{padding:16px}.grid,.split{grid-template-columns:1fr 1fr}}@media(max-width:500px){.grid,.split{grid-template-columns:1fr}.top{align-items:stretch;flex-direction:column}}