:root{--bg:#f6f7f5;--fg:#16201b;--card:#fff;--line:#d7ddd8;--brand:#0b5d3b;--brand-fg:#fff;--warn:#8a5a00;--warnbg:#fff3d6;--bad:#8f1d1d;--badbg:#fde4e4;--muted:#55645b}@media (prefers-color-scheme:dark){:root{--bg:#101613;--fg:#e8efe9;--card:#18211c;--line:#2c3a32;--brand:#2fa56f;--brand-fg:#06130c;--warn:#f2c46d;--warnbg:#33290f;--bad:#ff9d9d;--badbg:#3a1616;--muted:#9db0a3}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:17px/1.55 system-ui,Noto Naskh Arabic,Segoe UI,Tahoma,sans-serif}main{max-width:640px;margin:0 auto;padding:0 16px 48px}.bar{background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex;position:sticky;top:0}.bar h1{margin:0;font-size:20px}.bar-right{align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:14px}.pill.ok{color:#0b5d3b;background:#e5f4ec}.pill.warn{background:var(--warnbg);color:var(--warn)}.status{color:var(--muted);flex-wrap:wrap;gap:12px 20px;padding:10px 0;font-size:15px;display:flex}h2{margin:18px 0 8px;font-size:18px}.tasks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.card.late{border-color:var(--warn)}.card.breached{border-color:var(--bad)}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:14px}.chip.warn{background:var(--warnbg);color:var(--warn)}.chip.bad{background:var(--badbg);color:var(--bad)}.time{margin:6px 0}.muted{color:var(--muted)}.alert{background:var(--badbg);color:var(--bad);border-radius:10px;padding:8px 12px}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}button,select,input{font:inherit;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--fg);border-radius:12px;padding:8px 14px}button.primary{background:var(--brand);color:var(--brand-fg);border-color:var(--brand);min-width:120px;font-weight:600}button.ghost{background:0 0;min-height:40px}button.danger{color:var(--bad)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2b6fe0}.panel{gap:12px;padding:16px 0;display:grid}label{gap:6px;display:grid}input{width:100%}.foot{justify-content:space-between;margin-top:28px;display:flex}