@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--navy:#111c30;--navy2:#20314b;--gold:#c9a45d;--paper:#faf8f4;--ink:#182235;--muted:#697284;--line:#e8e3da;--white:#fff;--green:#207754;--red:#aa3440}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:'Manrope','Noto Sans Arabic',sans-serif;margin:0}p{color:var(--muted);line-height:1.6}.layout{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:var(--navy);color:#e7edf5;padding:23px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-weight:800;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.6px;padding:7px 10px 28px;color:white}.brand span{color:var(--gold)}.sidegroup{color:#8392a6;font-size:10px;font-weight:800;letter-spacing:1.6px;margin:21px 12px 8px}.navitem{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#c6ced9;padding:11px 13px;border-radius:10px;text-align:left;margin:3px 0;font-size:13px}.navitem:hover,.navitem.active{background:#293a56;color:#fff}.navitem.active{box-shadow:inset 3px 0 var(--gold)}.navico{width:18px;text-align:center;font-size:17px;color:var(--gold)}.main{min-width:0;flex:1}.top{height:80px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.top small{color:var(--muted)}.content{max-width:1450px;margin:auto;padding:32px 38px 70px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.heading h1{font-size:26px;letter-spacing:-.7px}.heading p{margin:6px 0 0}.btn{border:1px solid transparent;background:var(--navy);color:white;padding:10px 17px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn.gold{background:linear-gradient(130deg,#e7c884,#bd9144);color:var(--navy)}.btn.outline{background:white;border-color:var(--line);color:var(--ink)}.btn.danger{background:#fff3f3;color:var(--red);border-color:#f4d4d4}.btn.small{padding:6px 10px;font-size:12px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:0 3px 18px #111c3005;margin-bottom:20px}.panel h2{font-size:16px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:27px;margin-top:10px;letter-spacing:-.8px}.tablewrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:var(--muted);font-size:11px;letter-spacing:.4px;text-align:left;font-weight:700;background:#faf9f6}th,td{padding:14px;border-bottom:1px solid #f0ece5;white-space:nowrap}tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:5px 10px;background:#edf8f2;color:var(--green);border-radius:99px;font-size:11px;font-weight:700}.pill.warn{background:#fff4dd;color:#976920}.pill.off{background:#f7e8e9;color:var(--red)}.actions{display:flex;gap:7px}.empty{padding:28px;text-align:center;color:var(--muted)}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.toolbar input{max-width:360px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea,input.search{width:100%;border:1px solid #dbdfe5;border-radius:10px;padding:12px 13px;background:white;color:var(--ink);min-height:43px}.field textarea{min-height:90px;resize:vertical}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modalback{position:fixed;inset:0;background:#111c3090;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:white;width:100%;max-width:570px;max-height:90vh;overflow-y:auto;border-radius:20px;box-shadow:0 30px 80px #0002;padding:27px}.modal.wide{max-width:770px}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modalhead h2{font-size:20px}.modalfoot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.loginpage{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 80% 25%,#dbc38d44,transparent 40%),var(--paper)}.loginbox{max-width:460px;width:100%;background:white;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 25px 75px #111c3010}.loginbox h1{font-size:29px}.loginbrand{font:800 28px Manrope,sans-serif;color:var(--navy);margin-bottom:28px}.loginbrand span{color:#b58a40}.alert{background:#fff3e3;border:1px solid #ead9b9;color:#795d35;border-radius:10px;padding:12px 14px;margin-bottom:15px;line-height:1.5}.alert.error{background:#fff1f2;border-color:#f1cad0;color:var(--red)}.muted{color:var(--muted)}.note{padding:15px;border-radius:12px;background:#f6f2e9;color:#725c32;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cardtile{border:1px solid var(--line);padding:19px;border-radius:15px;background:white}.cardtile h3{font-size:16px;margin-bottom:7px}.chip{font-size:11px;color:#966d2f;background:#faf0d8;border-radius:6px;padding:4px 7px;display:inline-block}.space{height:10px}.right{margin-left:auto}.split{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.side-bottom{margin-top:30px;border-top:1px solid #ffffff22;padding-top:20px;font-size:11px;color:#bdc8d7}.errorbar{background:#fff1f2;color:#9b293a;padding:14px;border-radius:10px;margin-bottom:20px}.help{font-size:12px;color:var(--muted)}@media(max-width:1080px){.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}.content{padding:25px}.top{padding:0 25px}}@media(max-width:720px){.layout{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px}.brand{padding:8px}.nav-list{display:flex;overflow-x:auto}.navitem{min-width:max-content}.sidegroup,.side-bottom{display:none}.top{height:65px;padding:0 16px}.content{padding:18px}.heading{align-items:flex-start;flex-direction:column}.grid2,.stats,.cards{grid-template-columns:1fr}.modal{padding:20px}}[dir=rtl] th{text-align:right}[dir=rtl] .navitem{text-align:right}[dir=rtl] .navitem.active{box-shadow:inset -3px 0 var(--gold)}[dir=rtl] .right{margin-left:0;margin-right:auto}