:root{--bg:#f5f6f8;--card:#fff;--text:#1c1f24;--muted:#5f6672;--border:#dde1e7;--accent:#2f6fde;--accent-text:#fff;--danger:#c4323a;--danger-bg:#fdecee;--bar-track:#e8ecf2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--card:#1e2127;--text:#e8eaed;--muted:#a0a7b2;--border:#343941;--accent:#6b9cf0;--accent-text:#0e1a2e;--danger:#f2858b;--danger-bg:#3a1d20;--bar-track:#2c3139}}*{box-sizing:border-box}body{margin:0}.app{max-width:960px;margin:0 auto;padding:32px 16px 48px}h1{margin:0;font-size:1.8rem}h2{margin:0 0 16px;font-size:1.15rem}.subtitle,.muted{color:var(--muted)}.subtitle{margin:4px 0 24px}.top-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=720px){.top-row{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}form{flex-direction:column;display:flex}label{margin-bottom:4px;font-size:.9rem;font-weight:600}input,select{width:100%;font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;padding:8px 10px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:10px 16px;font-weight:600}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.form-error,.banner-error{color:var(--danger);background:var(--danger-bg);border-radius:8px;margin:0 0 14px;padding:8px 12px}.total{flex-direction:column;margin:0 0 16px;display:flex}.total strong{font-size:2rem}.bars{margin:0;padding:0;list-style:none}.bars li{margin-bottom:12px}.bar-label{justify-content:space-between;margin-bottom:4px;font-size:.9rem;display:flex}.bar-track{background:var(--bar-track);border-radius:4px;height:8px}.bar-fill{background:var(--accent);border-radius:4px;height:100%}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 8px}th{color:var(--muted);font-size:.85rem}.number{text-align:right}.delete-button{color:var(--danger);background:0 0;padding:4px 8px}.delete-button:hover{background:var(--danger-bg)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
