:root{font-family:Inter,system-ui,sans-serif;color:#21382f;background:#f3f5f0;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;background:#235941;color:white;padding:11px 17px;font-weight:650}button:hover{background:#367355}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;border:1px solid #cdd7ce;border-radius:7px;padding:11px;background:white;color:#21382f}textarea{min-height:90px}label{display:grid;gap:7px;font-size:13px;font-weight:600}h1{font-size:32px;letter-spacing:-1px;margin:6px 0 18px}h2{font-size:20px}p{line-height:1.65}small,.muted{color:#6f8074}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#142f25;color:#e2eadd;padding:30px 20px;display:flex;flex-direction:column;gap:24px;height:100vh;position:sticky;top:0;overflow-y:auto}.brand{font-size:32px;font-weight:750;letter-spacing:-1.5px}.brand span{color:#b9d18c}aside small{color:#a9bdad}nav{display:grid;gap:6px}nav button{text-align:left;background:transparent;color:#c1d2c6;font-weight:500}nav button.active{background:#2d4e3e;color:#f4ffdf}aside select{background:#264636;color:white;border-color:#4b6755}main{padding:36px 42px;min-width:0;max-width:1500px;width:100%;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#778467}.card{background:#fff;border:1px solid #e0e6dd;border-radius:14px;padding:24px;margin-bottom:20px}.hero{background:#e6edda;padding:30px;border-radius:14px;max-width:100%;margin-bottom:24px}.hero h2{font-size:26px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat strong{display:block;font-size:40px;margin-top:12px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form button,.wide{grid-column:1/-1}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#788571;font-size:11px;text-transform:uppercase;letter-spacing:.5px}td,th{padding:15px 12px;border-bottom:1px solid #e9eee7;white-space:nowrap}td button{padding:6px 10px;font-size:12px}.empty{padding:30px;text-align:center;color:#708071}.login{max-width:480px;margin:8vh auto}.login .form{grid-template-columns:1fr}.pill{padding:5px 9px;background:#e7efdd;border-radius:20px;font-size:12px;display:inline-block}#notice{position:fixed;bottom:20px;right:20px;max-width:500px;background:#233f31;color:white;padding:16px 22px;border-radius:10px;display:none;z-index:10}#notice.error{background:#8b3430}.actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#edf1e7;color:#34583f}.foot{margin-top:auto;font-size:12px;line-height:1.7}.readme{font-size:13px;color:#788571}.geometry{width:100%;height:260px;background:#f4f7f0;border-radius:12px}.geometry path{fill:#a7c879;stroke:#426e38;stroke-width:.7;vector-effect:non-scaling-stroke}.badge{font-size:11px;font-weight:600;color:#4b6b31}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}a{color:#235941}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{height:auto;position:static;padding:20px;gap:14px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.foot{display:none}main{padding:22px 16px}.stats{gap:8px}.stat{padding:16px}.stat strong{font-size:30px}.form,.split{grid-template-columns:1fr}.top{align-items:flex-start}h1{font-size:26px}}
.fields{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;grid-column:1/-1;min-width:0}.muted{color:#64756c;font-size:.9rem}.button{display:inline-block;padding:9px 13px;border-radius:7px;text-decoration:none}.tablewrap td button,.tablewrap td .button{margin:3px}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat strong{font-size:1.65rem}nav{max-height:65vh;overflow-y:auto}input[type=checkbox]{width:20px;height:20px}.tablewrap{max-width:100%}.form .wide{grid-column:1/-1}@media(max-width:650px){.fields{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:1.3rem}nav{max-height:none}} 

.bi-chart{width:100%;min-width:550px;max-height:800px}.bi-chart text{font-size:13px;fill:#274238}.chart-planned{fill:#b8cbb9}.chart-actual{fill:#1c7553}.legend-planned{color:#668267}.legend-actual{color:#1c7553}.card:has(.bi-chart){overflow-x:auto}
/* 0.3.2: personal navigation and contextual help */
.context-help{display:flex;justify-content:flex-end;margin:-12px 0 18px}.context-help a{font-size:13px;text-decoration:none;padding:8px 12px;border:1px solid #b9cbb8;border-radius:8px;background:#fff}.context-help a:hover{text-decoration:underline}#menu-region{min-width:0}.personal-nav{display:grid;max-height:none;overflow:visible;gap:5px;margin:12px 0}.menu-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 24px;gap:2px;align-items:center}.menu-row .menu-open{min-width:0;white-space:normal;overflow-wrap:anywhere}.menu-open{display:block;text-align:left;padding:9px 6px;text-decoration:none;color:#d9e6da;border-radius:7px;font-size:13px}.menu-row button.menu-star{padding:6px 2px;text-align:center;color:#d3e5a1;font-size:21px}.menu-help,.menu-toolbar>a{display:block;text-align:center;color:#d9e6da;border:1px solid #5a7865;border-radius:50%;text-decoration:none;font-size:13px;line-height:22px;width:24px}.menu-section{text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#a9bdad;margin:7px 0}.menu-toolbar{display:flex;gap:10px;align-items:center}.menu-toolbar button{font-size:12px;padding:8px}.menu-status{color:#bfd1c2;font-size:11px;line-height:1.5;margin:8px 0}.menu-move{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;border-bottom:1px solid #395746;padding-bottom:6px}.menu-move button{padding:5px 8px;font-size:11px;border:1px solid #5a7865}.favorites-nav{border-bottom:1px solid #47604c;padding-bottom:12px}#menu-reset,#menu-reload{font-size:12px;width:100%;padding:8px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9bac58;outline-offset:3px}@media(max-width:850px){#menu-region .personal-nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;max-height:none}#menu-region .menu-section{grid-column:1/-1}#menu-region .menu-row{border:1px solid #395746;border-radius:8px;padding:4px}#menu-region .menu-open{white-space:normal}aside{overflow:visible}}@media(max-width:430px){#menu-region .personal-nav{grid-template-columns:1fr}.context-help{justify-content:flex-start;margin:0 0 16px}}
.layout:has(.demo-banner){grid-template-rows:auto 1fr}.demo-banner{position:sticky;top:0;z-index:3;background:#fff3ce;color:#644400;border-bottom:2px solid #dfb54a;padding:12px 24px;font-weight:700;grid-column:2}.layout:has(.demo-banner)>main{grid-column:2}.layout:has(.demo-banner)>aside{grid-row:1 / 3}@media(max-width:850px){.layout:has(.demo-banner){grid-template-rows:auto auto 1fr}.demo-banner,.layout:has(.demo-banner)>main{grid-column:1}.layout:has(.demo-banner)>aside{grid-row:auto}}