:root{color-scheme:light dark;--bg:#f5f6f2;--surface:#fff;--ink:#20382f;--muted:#748078;--line:#e4e9e2;--accent:#245c47;--soft:#edf3ea}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.2px;line-height:1.3}h2{font-size:18px}h3{font-size:15px}button:focus-visible,a:focus-visible{outline:3px solid #81ac67;outline-offset:4px}.skip{position:fixed;top:-100px;left:16px;padding:10px;background:var(--surface);z-index:10}.skip:focus{top:10px}
.sidebar{padding:24px 22px 0;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;position:relative;width:36px;height:36px;border-radius:11px;background:#183f35;color:#fff;font-size:25px}.brand-mark span{position:absolute;right:5px;bottom:0;color:#cce783}.brand-caption,.sidebar-footer{display:none}.navigation{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:8px 4px max(8px,env(safe-area-inset-bottom))}.navigation a,.navigation button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);font-size:12px;min-height:55px;gap:0}.navigation span{font-size:23px;line-height:1.2}.navigation small{font-size:9px}.navigation .active{color:var(--accent);font-weight:700}.navigation button:disabled{opacity:.65}
main{max-width:1200px;margin:auto;padding:20px 20px 110px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.status{font-size:11px;color:var(--muted);background:var(--soft);padding:5px 10px;border-radius:20px}.status.ok{color:var(--accent)}.status.error{color:#b44b38}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.date{font-size:12px;color:var(--muted);margin-bottom:8px}.page-heading .muted{margin-top:8px;font-size:13px}.phase-tag{display:none;font-size:10px;letter-spacing:1px;border:1px solid var(--line);border-radius:6px;padding:5px 9px;white-space:nowrap}.muted{color:var(--muted)}
.welcome{position:relative;overflow:hidden;background:#183f35;color:#f2f6e9;border-radius:18px;padding:28px;margin-bottom:30px}.welcome .eyebrow{color:#cce783}.welcome h2{font-size:26px;line-height:1.4;letter-spacing:-.8px;margin:12px 0}.welcome p{font-size:13px;color:#c4d3c8}.welcome-note{display:inline-block;margin-top:22px;font-size:11px;padding:6px 10px;border:1px solid #4b685b;border-radius:6px}.welcome-art{display:none}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.section-heading>span{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 15px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.metric-icon{color:var(--accent);background:var(--soft);border-radius:8px;width:28px;text-align:center;font-size:18px}.value{font-size:34px;font-weight:650;margin:14px 0 8px;line-height:1.2}.value span{font-size:13px;color:var(--muted);font-weight:400}.card .muted{font-size:11px}.card-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;font-size:10px;color:var(--muted)}.recent{margin-top:24px;padding:22px}.empty{text-align:center;padding:24px 0}.empty-icon{display:inline-grid;place-items:center;font-size:26px;width:48px;height:48px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);margin-bottom:12px}.empty h3{font-weight:550}.empty p{font-size:12px;color:var(--muted);max-width:280px;margin:8px auto 0}.main-footer{display:flex;justify-content:space-between;margin-top:24px;font-size:11px}.pwa-note{font-size:11px;margin-top:12px}
@media(min-width:760px){.sidebar{position:fixed;width:220px;height:100vh;padding:34px 24px;border-bottom:0;border-right:1px solid var(--line)}.brand-caption{display:block;font-size:11px;color:var(--muted);margin-top:12px}.navigation{position:static;display:flex;flex-direction:column;border:0;padding:0;gap:8px;margin-top:50px}.navigation a,.navigation button{flex-direction:row;justify-content:flex-start;font-size:14px;gap:14px;padding:12px;min-height:48px;border-radius:9px}.navigation small{margin-left:auto}.navigation .active{background:var(--soft)}.sidebar-footer{display:block;position:absolute;bottom:30px;font-size:8px;letter-spacing:1px;color:var(--muted)}.sidebar-footer span{font-size:11px;letter-spacing:0}main{margin-left:220px;padding:32px 36px 30px}.topbar{margin-bottom:40px}.phase-tag{display:block}.welcome{display:flex;justify-content:space-between;align-items:center;padding:30px 36px}.welcome-art{display:block}.orbit{width:175px;height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #527361;border-radius:50%;outline:1px solid #345747;outline-offset:20px;transform:rotate(-10deg)}.orbit>span{font-size:9px;letter-spacing:2px;color:#b6caa8}.orbit strong{font-size:75px;line-height:1.4}.orbit strong span{color:#cce783}.card{padding:22px}.empty{padding:32px 0}}
@media(min-width:1150px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}main{padding-left:48px;padding-right:48px}.welcome-art{margin-right:60px}.welcome h2{font-size:30px}.card .muted{font-size:12px}}
@media(prefers-color-scheme:dark){:root{--bg:#111b17;--surface:#19251f;--ink:#e1eade;--muted:#a0afa4;--line:#2c3d32;--accent:#bedc9b;--soft:#273b2c}.status.error{color:#f3a493}.welcome{border:1px solid #365746}.brand-mark{background:#294d3d}}
.value .value-number{font-size:inherit;color:inherit;font-weight:inherit}.recent-link{display:block;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
