:root{--ok-bg: #e3eee6;--ok-fg: #1f5a38;--mid-bg: #fdf0dc;--mid-fg: #8a4b00;--low-bg: #fbe9e7;--low-fg: #8c1d18;--off-bg: #eef1ed;--off-fg: #5d6a62}@media(prefers-color-scheme:dark){:root{--ok-bg: #1f3a2a;--ok-fg: #a8d5b8;--mid-bg: #3b2d12;--mid-fg: #f0c987;--low-bg: #3b1f1c;--low-fg: #f0a8a0;--off-bg: #25302a;--off-fg: #98a59d}}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem}.ui-btn{font:inherit;font-weight:700;min-height:44px;padding:0 1.1rem;border:0;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-btn.outline{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.ui-btn.danger{background:#b3261e}.ui-btn.small{min-height:36px;padding:0 .8rem;font-size:.85rem}.ui-pill{font-size:.78rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;white-space:nowrap}.ui-pill.ok{background:var(--ok-bg);color:var(--ok-fg)}.ui-pill.mid{background:var(--mid-bg);color:var(--mid-fg)}.ui-pill.low{background:var(--low-bg);color:var(--low-fg)}.ui-pill.off{background:var(--off-bg);color:var(--off-fg)}.ui-field{display:grid;gap:.25rem;font-size:.85rem;color:var(--muted);font-weight:600}.ui-field input,.ui-field select{font:inherit;font-size:.95rem;font-weight:400;padding:.55rem .65rem;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.ui-alert{margin:0;padding:.7rem .9rem;border-radius:10px;background:var(--low-bg);color:var(--low-fg)}.ui-info{margin:0;padding:.7rem .9rem;border-radius:10px;background:var(--ok-bg);color:var(--ok-fg)}.ui-note{color:var(--muted);font-size:.9rem;margin:0}:root{--bg: #f6f7f4;--surface: #ffffff;--fg: #1d2420;--muted: #5d6a62;--border: #dde2dc;--accent: #2f6b45;--tag: #e8efe9;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #121714;--surface: #1a211d;--fg: #e8ede9;--muted: #98a59d;--border: #2b362f;--accent: #3f8a5b;--tag: #25302a}}*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.45}@media print{:root{--bg: #fff;--surface: #fff;--fg: #000;--muted: #333;--border: #bbb;--tag: #fff}}