:root{--bg:#f4f5f3;--panel:#fff;--ink:#202522;--muted:#69716c;--line:#d9ded9;--accent:#24463d;--accent2:#dce9e3;--warn:#b66b21;--bad:#a33a32;--ok:#2f6a54;--shadow:0 2px 14px rgba(30,45,37,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.wrap{max-width:1320px;margin:auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);padding:12px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{font-weight:800}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:9px 11px;border-radius:8px}.nav a:hover{background:var(--accent2)}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:var(--shadow)}.grid{display:grid;gap:12px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric b{font-size:1.55rem;display:block}.muted{color:var(--muted)}.btn,button{border:0;border-radius:9px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.btn.alt,button.alt{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn.bad,button.bad{background:var(--bad)}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.field{display:grid;gap:5px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.full{grid-column:1/-1}.flash{padding:10px 12px;border-radius:9px;margin:0 0 10px}.flash.ok{background:#e4f2eb}.flash.err{background:#f8e2df}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px}.week{background:#eef1ee;border:1px solid var(--line);border-radius:12px;padding:10px}.weekhead{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.ordercard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:9px}.bar{height:9px;border-radius:99px;background:#e2e6e2;overflow:hidden}.bar>span{display:block;height:100%;background:var(--ok)}.bar.over>span{background:var(--bad)}.pill{display:inline-block;padding:3px 7px;border-radius:999px;background:var(--accent2);font-size:.78rem}.yearscroll{overflow-x:auto}.yeargrid{min-width:1100px;display:grid;grid-template-columns:160px repeat(12,minmax(75px,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}.ycell{min-height:42px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.ylabel{position:sticky;left:0;z-index:3;background:#fff;font-weight:700}.vac{background:#cfe1d7;border-radius:7px;padding:4px;font-size:.75rem}.load{height:12px;background:#e4e8e4;border-radius:99px;overflow:hidden;margin-top:7px}.load span{height:100%;display:block;background:var(--ok)}.timerbox{text-align:center;padding:22px}.timer{font-size:2.2rem;font-weight:800;letter-spacing:.04em}.mobile-actions{display:grid;gap:10px}.bigbtn{font-size:1.15rem;padding:16px}.danger{color:var(--bad)}
@media(max-width:900px){.g4{grid-template-columns:repeat(2,1fr)}.g2,.formgrid{grid-template-columns:1fr}.nav{display:none}.wrap{padding:12px}.top{padding:10px 12px}.mobile-actions{display:grid}.card{padding:12px}}
@media(max-width:520px){.g4{grid-template-columns:1fr}.metric b{font-size:1.35rem}.timer{font-size:1.9rem}}