:root{--c-bg:#fffaf5;--c-surface:#fff;--c-page:#f5f7fb;--c-text:#0f1b2d;--c-muted:#5c6678;--c-border:#e6e9f0;--c-primary:#ea580c;--c-primary-strong:#c2410c;--c-primary-tint:#fff0e6;--c-green:#22a04b;--c-blue:#2f8cf0;--c-yellow:#f5b82e;--c-purple:#8b6cf0;--c-red:#e5484d;--c-danger:#b3261e;--c-danger-tint:#fde8e6;--radius:12px;--container:1240px;--gutter:20px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:after,:before{box-sizing:border-box}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);margin:0;line-height:1.5}a{color:var(--c-primary)}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:3px solid #fdba74}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:600;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn.primary{background:var(--c-primary);color:#fff;box-shadow:0 6px 16px #ea580c47}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{color:var(--c-text);border-color:var(--c-border);background:#fff}.btn.ghost:hover{background:#fafafa}.btn.small{padding:.5rem 1rem;font-size:.9rem}.card{border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;padding:1.1rem 1.25rem}.card>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.card h2{margin:0;font-size:1.05rem}.page-head h1{letter-spacing:-.02em;margin:0;font-size:2rem}.page-head .subtitle{color:var(--c-muted);margin:0 0 1rem;font-size:1.05rem}.tabs{border-bottom:1px solid var(--c-border);gap:.3rem;margin:0 0 1rem;display:flex}.tabs a{color:var(--c-muted);border-bottom:3px solid #0000;margin-bottom:-1px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none}.tabs a:hover{color:var(--c-text)}.tabs a.active{color:var(--c-primary-strong);border-bottom-color:var(--c-primary)}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--c-border);color:var(--c-muted);background:#fff;border-radius:999px;padding:.3rem .8rem;font-size:.85rem}.chip:hover{color:var(--c-text)}.chip.on{background:var(--c-primary-tint);border-color:var(--c-primary);color:var(--c-primary-strong);font-weight:600}.form-grid{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.form-grid label{color:var(--c-muted);gap:.25rem;font-size:.8rem;font-weight:600;display:grid}.form-grid input,.form-grid select{border:1px solid var(--c-border);font:inherit;color:var(--c-text);background:#fff;border-radius:8px;padding:.6rem .7rem}.form-grid input:focus,.form-grid select:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #ea580c29}.form-error{background:var(--c-danger-tint);color:var(--c-danger)}.form-error,.form-ok{border-radius:8px;margin:.7rem 0 0;padding:.6rem .8rem;font-size:.88rem}.form-ok{color:#1b7a3e;background:#e2f3e8}.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.kpi small{color:var(--c-muted);font-size:.8rem;display:block}.kpi strong{letter-spacing:-.02em;font-size:1.9rem;line-height:1.2;display:block}.kpi strong span{color:var(--c-muted);font-size:1rem;font-weight:500}.kpi em{color:var(--c-muted);font-size:.82rem;font-style:normal}.kpi .up{color:#c2410c}.kpi .down{color:#1b7a3e}.pill{color:#44505f;background:#eceff4;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.pill.normal{color:#1b7a3e;background:#def3e6}.pill.overweight,.pill.underweight{color:#a05a00;background:#fff0d6}.pill.obese{color:#b3261e;background:#fde1df}.history{border-collapse:collapse;width:100%;font-size:.9rem}.history th{text-align:left;color:var(--c-muted);border-bottom:1px solid var(--c-border);padding:.4rem .5rem;font-size:.78rem;font-weight:600}.history td{border-bottom:1px solid #f0f2f6;padding:.5rem}.history tr:last-child td{border-bottom:0}.history .num{text-align:right;font-variant-numeric:tabular-nums}.link-btn{color:var(--c-muted);background:0 0;border:0;border-radius:6px;padding:.2rem .4rem;font-size:.8rem}.link-btn:hover{color:var(--c-danger);background:var(--c-danger-tint)}.note{color:var(--c-muted);margin:.6rem 0 0;font-size:.8rem}
