*{box-sizing:border-box}body{margin:0;font:16px system-ui,sans-serif;background:#f4f5f7;color:#111}header{background:#14213d;color:#fff;padding:12px 14px}h1{margin:0;font-size:19px}main{padding:12px 14px 96px}.page{display:none}.page.active{display:block}.hidden{display:none}
label{display:block;margin:12px 0 4px;font-weight:600;font-size:14px}input,select,.btn{width:100%;font:inherit;padding:13px;border:1px solid #9aa;border-radius:10px;background:#fff}.big{font-size:26px;text-align:right}
.btn{margin-top:12px;font-weight:600;text-align:center}.primary{background:#14213d;color:#fff;border:0}.danger{background:#b00020;color:#fff;border:0}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#14213d;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;border:0;background:none;color:#cfd6e6;padding:16px 2px;font:inherit}.tab.active{color:#fff;font-weight:700;border-top:3px solid #f2a900}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{background:#fff;border-radius:10px;padding:12px}.card small{display:block;color:#555}.card b{font-size:21px}
.entry{background:#fff;border-radius:10px;padding:11px;margin:8px 0}.entry small{display:block;color:#555}.kg{float:right;font-weight:700}.bar{height:6px;background:#e3e6ec;border-radius:3px;margin-top:6px}.bar span{display:block;height:100%;background:#c77d3a;border-radius:3px}.empty{color:#666;padding:10px}