:root{--red:#e31837;--red2:#b90826;--ink:#17212b;--muted:#707b88;--line:#e7e9ed;--bg:#f5f6f8;--green:#11965d;--orange:#e98b20;--blue:#2878d8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:"Noto Sans Arabic","NRT Reg",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}
.toast{position:fixed;inset-inline-end:22px;bottom:22px;z-index:100;max-width:360px;padding:12px 16px;border-radius:12px;color:#fff;background:#202a35;box-shadow:0 15px 45px #17212b33;font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#b90b28}.toast.success{background:#087b4d}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(380px,.85fr);background:#fff}.login-art{position:relative;overflow:hidden;padding:44px;color:#fff;background:radial-gradient(circle at 20% 15%,#f83c59 0,transparent 30%),linear-gradient(145deg,#c30725,#700014 72%)}.login-art:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff18;border-radius:50%;inset-inline-end:-260px;bottom:-300px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.login-brand,.mobile-login-brand{display:flex;align-items:center;gap:12px}.login-brand>span,.mobile-login-brand>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--red);font:bold 26px Georgia;transform:rotate(-6deg);box-shadow:0 10px 25px #4a001633}.login-brand b,.login-brand small{display:block}.login-brand b{letter-spacing:.2em}.login-brand small{font-size:9px;letter-spacing:.15em;opacity:.7}.login-copy{position:relative;z-index:2;max-width:620px;margin-top:19vh}.login-copy p{font:700 10px Arial;letter-spacing:.24em;opacity:.7}.login-copy h1{margin:16px 0;font-size:clamp(30px,4vw,58px);line-height:1.32}.login-copy span{display:block;max-width:480px;font:12px/1.8 Arial;opacity:.72}.network-orbit{position:absolute;z-index:1;inset-inline-end:9%;bottom:5%;width:230px;height:230px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center}.network-orbit:after{content:"";position:absolute;inset:45px;border:1px solid #ffffff32;border-radius:50%}.network-orbit b{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;background:#fff;color:var(--red);font:800 15px Arial}.network-orbit i{position:absolute;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:var(--red)}.network-orbit i:nth-child(1){top:2%;left:45%}.network-orbit i:nth-child(2){top:47%;right:-3%}.network-orbit i:nth-child(3){bottom:4%;left:31%}.network-orbit i:nth-child(4){top:38%;left:-2%}
.login-form{width:min(440px,calc(100% - 48px));margin:auto}.mobile-login-brand{display:none}.overline{color:var(--red);font:700 9px Arial;letter-spacing:.2em}.login-form h2{margin:8px 0 4px;font-size:28px}.login-form>p.muted{margin:0 0 30px;font-size:12px}.login-form label{display:block;margin-bottom:17px}.login-form label span{display:block;margin-bottom:7px;color:#56616e;font-size:11px;font-weight:700}.login-form input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;outline:0;background:#fafbfc;font-size:13px}.login-form input:focus{border-color:#ee8998;box-shadow:0 0 0 4px #fff0f3}.primary{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--red),var(--red2));box-shadow:0 10px 22px #e3183733;font-weight:800}.primary:disabled{opacity:.6}.language-row{display:flex;justify-content:center;gap:4px;margin:24px 0}.language-row button{padding:6px 9px;border:0;border-radius:8px;background:transparent;color:#7b8590;font:10px Arial}.language-row button.active{color:var(--red);background:#fff0f3}.secure-line{display:block;text-align:center;color:#9aa2aa;font:9px Arial}
.app{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:30;width:265px;padding:20px 16px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,#1c232c,#11171e);box-shadow:12px 0 35px #10182014}.brand{display:flex;align-items:center;gap:11px;padding:0 5px 18px;border-bottom:1px solid #ffffff12}.brand>span{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#ff3150,#bd001e);box-shadow:0 8px 18px #e3183750;font:bold 25px Georgia;transform:rotate(-5deg)}.brand b,.brand small{display:block}.brand b{font:700 15px Arial;letter-spacing:.2em}.brand small{margin-top:3px;color:#99a3af;font:8px Arial;letter-spacing:.15em}.brand button{display:none;margin-inline-start:auto;border:0;background:transparent;color:#fff;font-size:24px}.unit-switch{margin:18px 0;padding:11px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff13;border-radius:14px;background:#ffffff0d}.unit-switch i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#ff5a70;background:#e3183722;font:800 9px Arial}.unit-switch div{min-width:0;flex:1}.unit-switch small,.unit-switch b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-switch small{color:#9ba5b0;font-size:9px}.unit-switch b{margin-top:3px;font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.sidebar nav button{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:#adb6c0;text-align:start;font-size:12px}.sidebar nav button span:first-child{width:24px;color:#8d98a5;text-align:center;font:700 10px Arial}.sidebar nav button b{min-width:21px;height:21px;margin-inline-start:auto;display:grid;place-items:center;border-radius:7px;background:var(--red);color:#fff;font-size:9px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#e3183739,#e3183710);box-shadow:inset 3px 0 0 var(--red)}[dir=rtl] .sidebar nav button.active{box-shadow:inset -3px 0 0 var(--red)}.tenant-guard{margin-top:auto;padding:14px 8px 2px;border-top:1px solid #ffffff12}.tenant-guard b,.tenant-guard span{display:block}.tenant-guard b{color:#48d797;font:10px Arial}.tenant-guard span{margin-top:7px;color:#6f7b87;font-size:9px}.scrim{display:none}.workspace{min-height:100vh;margin-inline-start:265px}.topbar{height:70px;padding:0 28px;display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:20;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.menu{display:none;border:0;background:transparent;font-size:22px}.search{width:min(440px,38vw);height:40px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:#f8f9fa;color:#8b95a0}.search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.top-actions select,.gps,.bell{height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#55616d}.top-actions select{padding:0 9px;font-size:10px}.gps,.bell{width:38px;display:grid;place-items:center;position:relative}.bell i{position:absolute;top:7px;inset-inline-end:7px;width:6px;height:6px;border-radius:50%;background:var(--red)}.profile{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:start}.profile>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#202a34;font:800 10px Arial}.profile b,.profile small{display:block}.profile b{font-size:10px}.profile small{margin-top:2px;color:var(--muted);font-size:8px}.content{max-width:1600px;margin:auto;padding:27px 28px 45px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head p{margin:0 0 5px;color:var(--red);font:800 8px Arial;letter-spacing:.14em}.page-head h1{margin:0 0 5px;font-size:25px}.page-head span{color:var(--muted);font-size:11px}.action{height:39px;padding:0 14px;border:1px solid var(--red);border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--red),var(--red2));font-size:10px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric{min-height:115px;padding:17px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 25px #121d2908}.metric i{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#fff0f3;color:var(--red);font:800 12px Arial}.metric:nth-child(2) i{background:#eaf9f2;color:var(--green)}.metric:nth-child(3) i{background:#ebf4ff;color:var(--blue)}.metric:nth-child(4) i{background:#fff5e7;color:var(--orange)}.metric span,.metric b,.metric small{display:block}.metric span{color:var(--muted);font-size:9px}.metric b{margin:5px 0;font:800 17px Arial}.metric small{color:var(--green);font:8px Arial}.grid{display:grid;grid-template-columns:1.4fr .75fr;gap:14px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 28px #131c2608}.panel-head{min-height:63px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f2}.panel-head h2{margin:0 0 4px;font-size:12px}.panel-head p{margin:0;color:var(--muted);font-size:8px}.panel-head button{border:0;background:transparent;color:var(--red);font-size:9px}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 13px;background:#fafbfc;color:#8e97a1;text-align:start;font-size:8px}.data-table td{padding:12px 13px;border-top:1px solid #f0f1f3;font-size:9px;white-space:nowrap}.code{padding:5px 7px;border-radius:7px;color:#bd1530;background:#fff0f3;font:800 7px Arial}.pill{padding:5px 7px;border-radius:8px;color:#087b4c;background:#ebfaf3;font-size:8px}.pill.pending{color:#a85d00;background:#fff5e7}.request-list{padding:7px 13px}.request{padding:12px 2px;border-bottom:1px solid #eff1f3}.request:last-child{border:0}.request>div{display:flex;align-items:center;gap:8px}.request .cart{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#fff0f3;color:var(--red)}.request strong,.request small{display:block}.request strong{font-size:9px}.request small{margin-top:3px;color:var(--muted);font-size:7px}.request .price{margin-inline-start:auto;font:800 9px Arial}.request footer{margin-top:8px;display:flex;justify-content:flex-end}.request footer button{padding:5px 8px;border:0;border-radius:7px;color:#fff;background:var(--red);font-size:8px}.empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:11px}.loading{min-height:260px;display:grid;place-items:center;color:var(--muted);font-size:11px}.loading:before{content:"";width:26px;height:26px;margin-inline-end:10px;border:3px solid #eceef0;border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.form-card{max-width:850px;padding:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-card label{display:block;margin-bottom:13px}.form-card label span{display:block;margin-bottom:6px;color:#66727e;font-size:9px;font-weight:700}.form-card input,.form-card select,.form-card textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;outline:0;background:#fff;font-size:10px}.form-card textarea{min-height:80px;resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#ed8a99;box-shadow:0 0 0 3px #fff0f3}.map-board{min-height:420px;position:relative;overflow:hidden;background-color:#f1f0ec;background-image:linear-gradient(#ffffffb0 1px,transparent 1px),linear-gradient(90deg,#ffffffb0 1px,transparent 1px);background-size:36px 36px}.map-board:before,.map-board:after{content:"";position:absolute;width:130%;height:10px;left:-15%;top:45%;border:2px solid #fff;background:#d7dadb;transform:rotate(-11deg)}.map-board:after{top:18%;transform:rotate(58deg)}.map-marker{position:absolute;z-index:2;width:35px;height:35px;border:4px solid #fff;border-radius:50% 50% 50% 12%;display:grid;place-items:center;color:#fff;background:var(--red);box-shadow:0 6px 15px #17212b44;transform:rotate(-45deg)}.map-marker span{font:800 8px Arial;transform:rotate(45deg)}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}
@media(max-width:820px){.login-screen{display:block}.login-art{display:none}.login-form{padding:12vh 0}.mobile-login-brand{display:flex;margin-bottom:55px}.sidebar{transform:translateX(-110%);transition:.23s}.sidebar.open{transform:none}[dir=rtl] .sidebar{transform:translateX(110%)}[dir=rtl] .sidebar.open{transform:none}.brand button,.menu{display:block}.scrim.show{display:block;position:fixed;inset:0;z-index:25;border:0;background:#10182077}.workspace{margin-inline-start:0}.topbar{height:62px;padding:0 14px}.search{flex:1;width:auto}.profile div{display:none}.content{padding:21px 14px 40px}}
@media(max-width:560px){.top-actions select{max-width:70px}.bell{display:none}.page-head{align-items:flex-start}.page-head h1{font-size:20px}.metrics{gap:8px}.metric{min-height:100px;padding:11px;gap:8px}.metric i{width:36px;height:36px}.metric b{font-size:12px}.form-row{grid-template-columns:1fr}.login-form{width:min(420px,calc(100% - 32px))}}