:root{--bg: #f5f7f6;--surface: #ffffff;--text: #14201b;--muted: #44524c;--primary: #0b6e4f;--primary-dark: #07543c;--primary-light: #e8f5ef;--accent: #b3541e;--border: #c9d3ce;--focus: #1558d6;--input-bg: #fff;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .12);--transition-speed: .2s}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;background:var(--primary-dark);color:#fff;padding:.6rem 1rem;z-index:100;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}header.app-header{background:var(--primary-dark);color:#fff;padding:1.1rem 1.25rem}header.app-header h1{margin:0;font-size:1.35rem}header.app-header p{margin:.25rem 0 0;color:#d8efe6;font-size:.95rem}main{max-width:880px;margin:0 auto;padding:1.25rem;display:grid;gap:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.card h2{margin-top:0;font-size:1.15rem}.field{display:grid;gap:.3rem;margin-bottom:.9rem}.field label{font-weight:600}.field .hint{color:var(--muted);font-size:.85rem}input,select{font:inherit;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:.9rem 1rem;transition:border-color var(--transition-speed) ease}legend{font-weight:700;padding:0 .4rem}.btn{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;background:var(--primary);color:#fff;transition:background-color .15s ease}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:#fff;color:var(--primary-dark);border:2px solid var(--primary)}.btn:disabled{opacity:.6;cursor:not-allowed}.total{font-size:1.6rem;font-weight:700}.over{color:var(--accent)}.under{color:var(--primary)}.bar-row{display:grid;grid-template-columns:9rem 1fr auto;align-items:center;gap:.6rem;margin:.4rem 0;padding:.15rem .3rem;border-radius:6px;transition:background-color .1s ease}.bar-row:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.bar-track{background:#e4eae7;border-radius:6px;height:1.1rem;overflow:hidden;transition:background-color var(--transition-speed) ease}.bar-fill{background:var(--primary);height:100%;transition:width .4s ease}.plain-list{list-style:none;padding:0;margin:0}.recommendation{border-left:4px solid var(--primary);padding:.6rem .9rem;background:#f1f8f5;border-radius:0 8px 8px 0;margin:.6rem 0;transition:background-color var(--transition-speed) ease}.recommendation .saving{font-weight:700;color:var(--primary-dark)}.badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .5rem;border-radius:999px;background:#e4eae7;color:var(--primary-dark);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}table.history{width:100%;border-collapse:collapse}table.history th,table.history td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);transition:border-color var(--transition-speed) ease}table.history tr:focus-visible{outline:3px solid var(--focus);outline-offset:-2px}table.history tbody tr:hover{background:var(--primary-light)}.error{color:var(--accent);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 600px){.bar-row{grid-template-columns:7rem 1fr auto}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (prefers-color-scheme: dark){:root{--bg: #0f1714;--surface: #1a2620;--text: #e2ebe6;--muted: #9db0a6;--primary: #3cc98a;--primary-dark: #2aaa71;--primary-light: #1e3d2e;--accent: #f0965a;--border: #2e4038;--focus: #6ba3ff;--input-bg: #14201b;--shadow: 0 1px 4px rgba(0, 0, 0, .5)}fieldset{border-color:var(--border)}.recommendation{background:var(--primary-light)}.bar-track{background:#1e2e27}.badge{background:var(--primary-light);color:var(--primary)}.btn.secondary{background:var(--surface);color:var(--primary);border-color:var(--primary)}.recommendation .saving{color:var(--primary)}}