:root{--navy:#1B2A4A;--or:#F28C28;--bg:#F3F5F8;--card:#fff;--tx:#1d2433;--mu:#6b7385;--bd:#e2e6ee;--red:#c0392b;--grn:#2e8b57;--side:#1B2A4A;--hl:#fff4e6;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10151f;--card:#1a2130;--tx:#e8ecf4;--mu:#98a2b8;--bd:#2a3347;--side:#0c111a;--hl:#3a2a16;color-scheme:dark}}:root[data-theme=dark]{--bg:#10151f;--card:#1a2130;--tx:#e8ecf4;--mu:#98a2b8;--bd:#2a3347;--side:#0c111a;--hl:#3a2a16;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{font-family:Cairo,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--tx);font-size:14px}.app{display:flex;min-height:100vh}.side{width:232px;background:var(--side);color:#fff;padding:16px 10px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:auto}.logo{font-weight:700;font-size:16px;padding:6px 10px 14px;border-bottom:1px solid #ffffff22;margin-bottom:10px}.logo b{color:var(--or)}.logo small{display:block;font-weight:400;opacity:.7;font-size:11px}.nav{display:flex;gap:10px;align-items:center;width:100%;background:none;border:0;color:#cfd6e6;padding:10px;border-radius:8px;cursor:pointer;font:inherit;text-align:right}.nav:hover{background:#ffffff14}.nav.on{background:var(--or);color:#fff;font-weight:600}.main{flex:1;min-width:0}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--card);border-bottom:1px solid var(--bd);padding:10px 20px;display:flex;gap:14px;align-items:center}.sr{position:relative;flex:1;max-width:460px}input,select,textarea{font:inherit;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:8px 10px;width:100%}.dd{position:absolute;top:100%;inset-inline:0;background:var(--card);border:1px solid var(--bd);border-radius:8px;margin-top:4px;box-shadow:0 8px 24px #0002;z-index:9;max-height:320px;overflow:auto}.dd div{padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--bd)}.dd div:hover{background:var(--hl)}.dd small{color:var(--mu);margin-inline-start:6px}.bell{position:relative;background:none;border:1px solid var(--bd);border-radius:8px;padding:7px 11px;cursor:pointer;color:var(--tx);font-size:16px}.bell i{position:absolute;top:-6px;left:-6px;background:var(--red);color:#fff;border-radius:10px;font:600 11px Cairo;padding:1px 6px}.bd{position:absolute;left:0;top:100%;width:320px;background:var(--card);border:1px solid var(--bd);border-radius:10px;margin-top:6px;box-shadow:0 8px 24px #0002;padding:8px;z-index:9}.ct{padding:20px}.notice{background:var(--hl);border:1px solid var(--or);border-radius:8px;padding:8px 14px;margin-bottom:16px;font-size:12.5px}h2{margin:0 0 14px;color:var(--navy)}@media (prefers-color-scheme:dark){h2{color:#fff}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.st{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px;border-top:4px solid var(--navy)}.st.w{border-top-color:var(--red)}.st.o{border-top-color:var(--or)}.st b{font-size:26px;display:block}.st span{color:var(--mu);font-size:12.5px}.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px;margin-bottom:14px}.card h3{margin:0 0 10px;font-size:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:900px){.two{grid-template-columns:1fr}}.fl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:end}.fl>*{flex:1;min-width:120px}.fl label{font-size:11.5px;color:var(--mu);display:block}.btn{background:var(--or);color:#fff;border:0;border-radius:8px;padding:9px 16px;font:600 13px Cairo;cursor:pointer;flex:0 0 auto}.btn.g{background:none;color:var(--tx);border:1px solid var(--bd)}.tw{overflow-x:auto;background:var(--card);border:1px solid var(--bd);border-radius:12px}table{border-collapse:collapse;width:100%}th{background:var(--bg);color:var(--mu);font-size:12px;text-align:right;padding:10px;white-space:nowrap}td{padding:10px;border-top:1px solid var(--bd)}tr.r{cursor:pointer}tr.r:hover td{background:var(--hl)}tr.late td{background:#c0392b14}.bg{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.bg.g{background:#2e8b5722;color:var(--grn)}.bg.r{background:#c0392b22;color:var(--red)}.bg.o{background:#f28c2833;color:#b9650a}.bg.n{background:#1b2a4a22;color:var(--tx)}.ov{position:fixed;inset:0;background:#0008;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:30px 12px;overflow:auto}.md{background:var(--card);border-radius:14px;width:100%;max-width:640px;padding:20px}.md h3{margin:0 0 14px;color:var(--navy)}@media (prefers-color-scheme:dark){.md h3{color:#fff}}.row{display:grid;grid-template-columns:140px 1fr;gap:8px;padding:7px 0;border-bottom:1px dashed var(--bd)}.row span{color:var(--mu)}.fg{margin-bottom:10px}.fg label{font-size:12px;color:var(--mu)}.chip{display:inline-block;margin:3px;padding:5px 10px;border:1px solid var(--bd);border-radius:8px;cursor:pointer;background:var(--bg)}.chip:hover{border-color:var(--or)}.bar{height:10px;background:var(--bg);border-radius:6px;overflow:hidden;flex:1}.bar i{display:block;height:100%;background:var(--or)}.err{color:var(--red);font-size:12px}@media (max-width:800px){.side{width:62px}.side span,.logo{display:none}.nav{justify-content:center}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login .card{width:100%;max-width:420px}.toast{position:fixed;bottom:20px;inset-inline-start:20px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;z-index:50;box-shadow:0 6px 20px #0004}.toast.bad{background:var(--red)}.pg{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px;color:var(--mu)}.btn.sm{padding:5px 11px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}