:root{--g:#14532d;--bg:#f4f7f4;--c:#fff;--l:#d6e0d6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:#1a2a1a}.app{max-width:900px;margin:0 auto;padding:12px}header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}h1{margin:4px 0;color:var(--g);font-size:1.5rem}.sub{color:#567}nav{display:flex;gap:6px;margin:8px 0}nav button{flex:1}button{padding:8px 12px;border:1px solid var(--l);background:var(--c);border-radius:8px;font-size:15px;cursor:pointer}button.on,button.primary{background:var(--g);color:#fff;border-color:var(--g)}button:disabled{opacity:.6}input,select{padding:8px;border:1px solid var(--l);border-radius:8px;font-size:15px;background:#fff;max-width:100%}section{background:var(--c);border-radius:12px;padding:14px;border:1px solid var(--l)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.col{display:flex;flex-direction:column;gap:8px}label{display:block;margin:8px 0}label input,label select{margin-left:6px}.hint{color:#678;font-size:13px}.empty{color:#789;text-align:center;padding:20px}table{width:100%;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid var(--l);text-align:left}.x{padding:2px 8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 10px;border:1px solid var(--l);border-radius:999px;margin:0;cursor:pointer;background:#eee;font-size:14px}.chip.on{background:#d9f2df;border-color:#86c996}.chip input{display:none}.gridwrap{overflow-x:auto}.grid td,.grid th{text-align:center;font-size:13px;white-space:nowrap}.grid td{cursor:pointer;min-width:70px}.grid td.sel{outline:3px solid #f59e0b;background:#fff7e0}.grid td.locked{background:#e5eefc}.zG{background:#fde68a}.zD{background:#bfdbfe}.zM{background:#d9f99d}.zF{background:#fecaca}.bars .bar{display:grid;grid-template-columns:110px 1fr 28px;gap:8px;align-items:center;margin:3px 0}.bar div{background:#e8eee8;border-radius:6px;height:12px}.bar i{display:block;height:100%;background:var(--g);border-radius:6px}.slider{display:grid;grid-template-columns:180px 1fr 32px;gap:8px;align-items:center;margin:4px 0}@media (max-width:560px){.slider{grid-template-columns:1fr 1fr 28px}}