@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700;900&display=swap");:root{--brand:#2563eb;--brand-soft:#60a5fa;--flame:#f97316;--ink-900:#0f172a;--ink-800:#1e293b;--ink-700:#334155;--ink-400:#94a3b8;--ok:#10b981;--danger:#ef4444;--warn:#f59e0b}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:#020617;color:#f8fafc;font-family:Noto Sans Arabic,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(96,165,250,.08) 0 1px,transparent 1px 72px),linear-gradient(45deg,rgba(249,115,22,.06) 0 1px,transparent 1px 84px);opacity:.7}.display,h1,h2{font-family:Noto Naskh Arabic,Noto Sans Arabic,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--flame);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.shell{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{border-left:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px}.brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.16)}.brandMark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--flame);box-shadow:0 14px 30px rgba(249,115,22,.28)}.brand h1,.panelHead h3,.topbar h2{margin:0}.brand h1{font-size:18px;line-height:1}.brand p,.topbar p{margin:4px 0 0;color:var(--ink-400);font-size:12px}nav{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.nav{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink-400);padding:12px 14px;text-align:right;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.nav:hover{border-color:rgba(96,165,250,.18);background:rgba(37,99,235,.1);color:#bfdbfe}.nav.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 16px 34px rgba(37,99,235,.22)}.nav span{margin-right:auto;border-radius:999px;background:var(--flame);padding:2px 8px;color:#fff;font-size:12px;font-weight:900}.content{min-width:0;padding:18px}.topbar{display:flex;align-items:center;gap:16px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(30,41,59,.78);padding:14px 16px}.topbar h2{font-size:22px}.search{display:flex;align-items:center;gap:8px;width:min(420px,40vw);margin-right:auto;border:1px solid rgba(148,163,184,.2);border-radius:13px;background:rgba(15,23,42,.62);color:var(--ink-400);padding:0 12px}.search input{width:100%;border:0;outline:0;background:transparent;color:#f8fafc;padding:11px 0}.search input::placeholder{color:#64748b}.iconButton{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(148,163,184,.16);border-radius:13px;background:rgba(15,23,42,.68);color:var(--ink-400)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px}.stats div{border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(30,41,59,.72);padding:18px}.stats strong{display:block;color:#fff;font-size:30px;font-weight:900;line-height:1}.stats span{display:block;margin-top:8px;color:var(--ink-400);font-size:13px}.ok{color:var(--ok)!important}.dangerText{color:var(--danger)!important}.flameText{color:var(--flame)!important}.workspace{display:grid;grid-template-columns:360px minmax(420px,1fr) 340px;grid-gap:14px;gap:14px;min-height:calc(100vh - 190px);margin-top:14px}.mapPanel,.panel{overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(30,41,59,.74)}.panelHead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,163,184,.14);padding:14px 16px}.panelHead h3{font-size:16px}.panelHead span{border-radius:999px;background:rgba(37,99,235,.18);color:#93c5fd;padding:3px 9px;font-size:12px;font-weight:800}.order{border-right:3px solid rgba(148,163,184,.45);border-bottom:1px solid rgba(148,163,184,.1);padding:14px 16px}.order div{display:flex;align-items:center;justify-content:space-between;gap:10px}.order strong{color:#fff;font-weight:900}.order span{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.order p{margin:7px 0 4px;color:#cbd5e1;font-size:13px}.order small{color:#94a3b8}.order.danger{border-right-color:var(--danger);background:rgba(239,68,68,.06)}.order.danger span{background:rgba(239,68,68,.15);color:#fca5a5}.order.warn{border-right-color:var(--warn);background:rgba(245,158,11,.06)}.order.warn span{background:rgba(245,158,11,.15);color:#fcd34d}.order.brand{border-right-color:var(--brand);background:rgba(37,99,235,.07)}.order.brand span{background:rgba(37,99,235,.18);color:#93c5fd}.order.ok{border-right-color:var(--ok)}.mapPanel{position:relative;min-height:520px}.mapGrid{inset:0;background:linear-gradient(rgba(59,130,246,.08) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.08) 1px,transparent 0),#0f172a;background-size:40px 40px}.mapGrid,.road{position:absolute}.road{border-radius:4px;background:rgba(255,255,255,.07)}.road.horizontal{right:0;left:0;height:14px}.road.horizontal.one{top:34%}.road.horizontal.two{top:63%;height:18px}.road.vertical{top:0;bottom:0;width:12px}.road.vertical.one{right:28%}.road.vertical.two{left:31%}.mapLabel{position:absolute;color:rgba(96,165,250,.35);font-size:13px;font-weight:700}.mapLabel.a{top:24%;right:34%}.mapLabel.b{top:50%;left:18%}.pin{width:28px;height:28px;border:2px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 18px 34px rgba(0,0,0,.32)}.pin,.pin:after{position:absolute}.pin:after{content:"";inset:7px;border-radius:inherit;background:#fff}.okPin{top:31%;right:34%;background:var(--ok)}.brandPin{top:56%;right:58%;background:var(--brand)}.warnPin{top:71%;left:20%;background:var(--flame)}.driver{display:grid;grid-template-columns:42px 1fr auto;align-items:center;grid-gap:10px;gap:10px;border-bottom:1px solid rgba(148,163,184,.1);padding:13px 16px}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:900}.driver small,.driver strong{display:block}.driver small{margin-top:3px;color:var(--ink-400)}.offline,.online{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.online{background:rgba(16,185,129,.14);color:#6ee7b7}.offline{background:rgba(100,116,139,.18);color:#cbd5e1}.alert{display:flex;align-items:center;gap:10px;margin-top:14px;border:1px solid rgba(239,68,68,.26);border-radius:16px;background:rgba(239,68,68,.1);color:#fecaca;padding:13px 16px;font-size:14px}.authLoading,.authPage{position:relative;display:grid;min-height:100vh;place-items:center;padding:20px}.authLoading{gap:8px;color:#fff}.authLoading span{color:var(--ink-400);font-size:13px}.authCard{width:min(440px,100%);border:1px solid rgba(148,163,184,.16);border-radius:22px;background:rgba(30,41,59,.82);padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.authMark{margin-bottom:16px;color:#fff;font-weight:900}.authCard h1{margin:0;font-size:28px}.authCard p{margin:8px 0 22px;color:var(--ink-400);line-height:1.7}.authCard label,.userForm label{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px;color:#cbd5e1;font-size:13px;font-weight:800}.authCard input,.userForm input,.userForm select{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:13px;background:rgba(15,23,42,.74);color:#fff;padding:12px 13px}.authCard button,.userForm button{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:13px 16px;font-weight:900;box-shadow:0 16px 34px rgba(37,99,235,.25)}.authCard button:disabled{cursor:wait;opacity:.7}.formError,.formMessage{border-radius:12px;margin:10px 0;padding:10px 12px;font-size:13px}.formError{background:rgba(239,68,68,.12);color:#fecaca}.formMessage{background:rgba(16,185,129,.12);color:#a7f3d0}.standalone{position:relative;max-width:1100px;margin:0 auto}.textLink{color:#93c5fd;font-weight:800;text-decoration:none}.usersGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:14px;gap:14px;margin-top:14px}.userForm{padding-bottom:16px}.userForm .formMessage,.userForm button,.userForm label{margin-inline:16px}.productsStrip{display:grid;grid-template-columns:1.4fr repeat(3,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.productsStrip article,.productsStrip>div{border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(30,41,59,.72);padding:14px 16px}.productsStrip span,.productsStrip strong{display:block}.productsStrip strong{color:#fff;font-size:15px;font-weight:900}.productsStrip span{margin-top:4px;color:var(--ink-400);font-size:12px}.productsStrip article strong{margin-top:6px;color:var(--flame);font-size:20px}@media (max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{position:static}.workspace{grid-template-columns:1fr}.search{width:min(420px,50vw)}}@media (max-width:760px){.content{padding:10px}.topbar{align-items:stretch;flex-direction:column}.search{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.productsStrip,.usersGrid{grid-template-columns:1fr}}