:root{--page:#e2e8ff;--sidebar:#3a412f;--sidebar-item:#51553d;--sidebar-text:#e9e3d6;--panel:#e9e3d6;--row:#e3ddcd;--track:#d4d1c3;--text:#3a412f;--bar-fill:#98c293;--bar-height:10px;--bar-radius:6px;--radius-panel:18px;--radius-tile:9px;--placeholder:#f0f;color:var(--text);font-family:system-ui}*{box-sizing:border-box;transition-timing-function:linear}body{background:var(--page);margin:0}.app-shell{align-items:flex-start;min-height:100vh;display:flex}.app-content{flex:1;padding:24px}.sidebar{background:var(--sidebar);width:220px;height:100vh;color:var(--sidebar-text);border-radius:0 var(--radius-panel) var(--radius-panel) 0;flex-direction:column;flex:none;gap:20px;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:20px;display:flex}.sidebar-footer{margin-top:auto}.sidebar-footer a{color:var(--sidebar-text)}.sidebar-group{flex-direction:column;gap:6px;display:flex}.sidebar-item{background:var(--sidebar-item);color:var(--sidebar-text);border-radius:var(--radius-tile);align-items:center;gap:10px;padding:6px 8px;text-decoration:none;display:flex}.sidebar-item[aria-current=page]{outline:2px solid var(--placeholder)}.sidebar-tile{border-radius:var(--radius-tile);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.overdue-sticker{background:var(--placeholder);color:var(--text);font-family:system-ui}.progress-bar{height:var(--bar-height);border-radius:var(--bar-radius);background:var(--track);overflow:hidden}.progress-fill{background:var(--bar-fill);height:100%}.home-page{grid-template-columns:1fr 190px;display:grid}:root{--control-disabled-text:#a09f88}button{background:var(--bar-fill);color:var(--text);font:inherit;border:0;border-radius:999px;padding:8px 16px}button.btn-secondary{background:var(--track)}input[type=file]::file-selector-button{color:#3a412f;font:inherit;cursor:default;background:#d4d1c3;border:0;border-radius:999px;margin-right:8px;padding:8px 16px}button[aria-pressed]{background:var(--track);color:var(--text);border:0;border-radius:999px;padding:6px 14px}button[aria-pressed=true]{background:var(--bar-fill)}button:disabled{background:var(--track);color:var(--control-disabled-text);cursor:default}input[type=text],input[type=number],input[type=date],input:not([type]),select,textarea{background:var(--row);color:var(--text);font:inherit;border:0;border-radius:12px;padding:9px 12px}input[type=checkbox]{appearance:none;vertical-align:middle;background:var(--track);border:0;border-radius:6px;width:18px;height:18px;margin:0;display:inline-block}input[type=checkbox]:checked{background:var(--bar-fill)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--placeholder)}a.btn-secondary{background:var(--track);color:var(--text);border-radius:999px;padding:8px 16px;text-decoration:none}.app-content a:not(.btn-secondary){color:var(--text)}.shell-inbox{margin-left:auto}.shell-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.form-full{grid-column:1/-1}.form-field{margin:8px 0 4px;display:block}.form-label{font-size:11px;display:block}.form-grid .form-field input[type=text],.form-grid .form-field input[type=number],.form-grid .form-field input[type=date],.form-grid .form-field input:not([type]),.form-grid .form-field select,.form-grid .form-field textarea{width:100%}fieldset{border:0;margin:0;padding:0}legend{margin:8px 0 4px;padding:0;font-size:11px}.form-checks{flex-wrap:wrap;gap:8px 12px;display:flex}.form-check{align-items:center;gap:6px;display:inline-flex}.form-actions{gap:8px;margin-top:12px;display:flex}.form-grid>*{min-width:0}.btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-row{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}