:root{--bg:#f6f7f4;--text:#172018;--card:#fff;--accent:#176b47;--muted:#647066;--border:#d8ddd7}@media(prefers-color-scheme:dark){:root{--bg:#121614;--text:#edf4ee;--card:#1c241f;--accent:#58c48b;--muted:#a5b2a7;--border:#38433b}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,sans-serif}main{max-width:720px;margin:auto;padding:20px}nav{display:flex;position:sticky;bottom:0;z-index:2;background:var(--card);border-top:1px solid var(--border);justify-content:space-around}button,input,select{font:inherit;min-height:46px;border-radius:9px;border:1px solid var(--border);padding:9px;background:var(--card);color:var(--text)}button{background:var(--accent);color:#fff;border:0;font-weight:650;cursor:pointer}nav button{background:transparent;color:var(--muted);text-transform:capitalize}.active{color:var(--accent)}label{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-weight:600}.row{display:flex;gap:10px;align-items:end}.row>*{flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin:8px 0;padding:10px}.card p{margin:7px 0}.error{color:#c43131}.auth{max-width:400px;padding-top:15vh}.auth input,.auth button{width:100%;margin:7px 0}.link{background:transparent;color:var(--accent)}small{color:var(--muted)}.chart{height:260px;margin:12px 0}@media(max-width:500px){.row{flex-wrap:wrap}.row label{min-width:40%}}
