@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--bg: #f4f6f9;--bg2: #eef0f4;--panel: #ffffff;--border: #e2e6ed;--border2: #c8cdd8;--text: #111827;--text2: #4b5563;--text3: #9ca3af;--accent: #1d4ed8;--accent2: #1e40af;--teal: #0f766e;--gold: #b45309;--green: #15803d;--red: #dc2626;--amber: #d97706;--shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);--shadow2: 0 2px 8px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.08);--radius: 14px;--radius2: 20px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;height:100%}body{font-family:Inter,Noto Sans Arabic,system-ui,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}[dir=rtl]{font-family:Noto Sans Arabic,Inter,system-ui,sans-serif}[dir=rtl] .brand-lockup,[dir=rtl] .topbar,[dir=rtl] .topbar-actions{flex-direction:row-reverse}[dir=rtl] .sidebar-footer{text-align:right}[dir=rtl] .contextual-strip{flex-direction:row-reverse}[dir=rtl] .contextual-strip-right{text-align:left}[dir=rtl] .booking-card-top{flex-direction:row-reverse}[dir=rtl] .booking-card-top-right{align-items:flex-start}[dir=rtl] .print-prompt,[dir=rtl] .customer-card-top,[dir=rtl] .workload-card{flex-direction:row-reverse}[dir=rtl] .workload-metrics{text-align:left}[dir=rtl] .panel-header{flex-direction:row-reverse}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .filter-chip-row,[dir=rtl] .topbar-pills,[dir=rtl] .hero-strip{flex-direction:row-reverse}[dir=rtl] .ops-ribbon article{text-align:right}[dir=rtl] .summary-band article{text-align:right}[dir=rtl] .booking-meta,[dir=rtl] .print-chip-row,[dir=rtl] .inline-actions,[dir=rtl] .action-chip-row,[dir=rtl] .picker-label-row,[dir=rtl] .nav-item{flex-direction:row-reverse}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;cursor:pointer}.boot-screen{min-height:100vh;display:grid;place-items:center;font-size:.9rem;color:var(--text3);letter-spacing:.1em;text-transform:uppercase}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;padding:24px;gap:20px;background:var(--bg)}.login-hero{border-radius:var(--radius2);padding:52px 48px;background:linear-gradient(145deg,#1e3a5f,#1d4ed8 60%,#0f766e);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow2);animation:fadeUp .5s ease both}.login-hero:after{content:"";position:absolute;width:420px;height:420px;right:-100px;top:-100px;border-radius:50%;background:#ffffff12}.login-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:#fff}.login-hero-frame{display:grid;gap:22px;align-content:start;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 16px;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffffffe6}.hero-keywords{display:flex;gap:10px;flex-wrap:wrap}.hero-keywords span{padding:8px 16px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#fffc}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1}.hero-metrics.compact article{padding:18px}.hero-metrics article{padding:20px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.hero-metrics strong{display:block;font-size:.95rem;font-weight:600;margin-bottom:4px;color:#fff}.hero-metrics span{display:block;font-size:.78rem;color:#fff9}.login-card{align-self:center;border-radius:var(--radius2);padding:36px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow2);animation:fadeUp .5s .1s ease both}.login-card-header{margin-bottom:24px}.login-card-header h2{font-size:1.6rem;font-weight:700;margin-top:6px;letter-spacing:-.02em;color:var(--text)}.eyebrow,.panel-kicker{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--teal)}.form-grid{display:grid;gap:14px}.form-grid.compact{grid-template-columns:repeat(2,1fr)}.form-grid label{display:grid;gap:6px}.form-grid label span{font-size:.8rem;font-weight:500;color:var(--text2)}.form-grid .wide{grid-column:1/-1}input,select,textarea{width:100%;padding:11px 14px;border-radius:10px;background:#fff;border:1.5px solid var(--border);color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d4ed81f}textarea{min-height:88px;resize:vertical}.primary-button,.ghost-button,.chip-button,.preset-button{border:none;border-radius:10px;transition:transform .16s,box-shadow .16s,background .16s;font-weight:600}.primary-button{padding:12px 20px;width:100%;background:var(--accent);color:#fff;font-size:.95rem;box-shadow:0 4px 14px #1d4ed84d}.primary-button:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 6px 20px #1d4ed866}.primary-button:disabled{opacity:.5;transform:none}.ghost-button{padding:10px 16px;background:#fff;border:1.5px solid var(--border);color:var(--text);font-size:.85rem}.ghost-button:hover{border-color:var(--border2);background:var(--bg);transform:translateY(-1px)}.preset-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.preset-button{text-align:left;padding:12px;background:var(--bg);border:1.5px solid var(--border);border-radius:10px}.preset-button:hover{border-color:var(--accent);background:#eff6ff;transform:translateY(-1px)}.preset-button strong{display:block;font-size:.83rem;font-weight:600;margin-bottom:2px}.preset-button span{display:block;font-size:.74rem;color:var(--text3)}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{padding:20px 14px;background:var(--panel);border-right:1.5px solid var(--border);position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow-y:auto}.brand-lockup{display:flex;gap:12px;align-items:center;padding:8px 6px;margin-bottom:24px}.brand-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.82rem;background:var(--accent);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #1d4ed84d}.brand-stack{display:grid;gap:1px}.brand-stack strong{font-size:.88rem;font-weight:700;color:var(--text)}.brand-lockup small{font-size:.7rem;color:var(--text3);font-weight:500}.sidebar-nav{display:grid;gap:2px;align-content:start}.nav-item{padding:10px 12px;border-radius:10px;color:var(--text2);font-size:.84rem;font-weight:500;display:flex;align-items:center;gap:9px;border:1.5px solid transparent;transition:all .16s ease}.nav-item:hover{color:var(--text);background:var(--bg);border-color:var(--border)}.nav-item.active{color:var(--accent);font-weight:700;background:#eff6ff;border-color:#bfdbfe}.nav-item-icon{font-size:.9rem;width:20px;text-align:center}.nav-item-labels{display:grid;gap:1px;line-height:1.2}.nav-item-ar{font-size:.72rem;color:var(--text3);font-family:Noto Sans Arabic,sans-serif;direction:rtl}.nav-item.active .nav-item-ar{color:#1d4ed899}.sidebar-footer{padding:12px 14px;border-radius:12px;background:var(--bg);border:1.5px solid var(--border)}.sidebar-footer span{display:block;font-size:.7rem;color:var(--text3);margin-bottom:2px}.sidebar-footer strong{font-size:.82rem;font-weight:600;color:var(--text)}.shell-main{padding:22px;display:grid;grid-template-rows:auto 1fr;gap:20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius);background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow)}.topbar h1{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.topbar-block{display:grid;gap:7px}.topbar-pills{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.topbar-pills span{padding:4px 12px;border-radius:999px;background:var(--bg);border:1.5px solid var(--border);font-size:.74rem;font-weight:600;color:var(--text2)}.topbar-pills .live-pill{background:#f0fdf4;border-color:#bbf7d0;color:var(--green)}.topbar-actions{display:flex;align-items:center;gap:10px}.user-chip{padding:10px 14px;border-radius:10px;background:var(--bg);border:1.5px solid var(--border);min-width:180px}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:.84rem;font-weight:600;color:var(--text)}.user-chip span{font-size:.74rem;color:var(--text3);margin-top:2px}.content,.page-grid{display:grid;gap:18px}.hero-strip{padding:24px 28px;border-radius:var(--radius2);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;background:linear-gradient(135deg,#1e3a5f,#1d4ed8);color:#fff;box-shadow:var(--shadow2)}.customer-hero{background:linear-gradient(135deg,#0f4c75,#1b6ca8)}.hero-strip h2,.panel h2{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.hero-strip h2{color:#fff}.hero-strip-note{font-size:.78rem;color:#fff9;text-transform:uppercase;letter-spacing:.08em;font-weight:600;max-width:30ch}.customer-hero .eyebrow{color:#7dd3fc}.customer-hero .hero-strip-note{color:#ffffff8c}.panel,.kpi-card{border-radius:var(--radius2);border:1.5px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.panel{padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px}.panel-header h2{font-size:1.1rem;font-weight:700;color:var(--text)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.kpi-card{padding:18px}.kpi-card span{display:block;font-size:.72rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.kpi-card strong{font-size:1.9rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--text)}.kpi-card.warm{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.kpi-card.warm strong{color:var(--amber)}.kpi-card.muted{background:var(--panel)}.kpi-card.accent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.kpi-card.accent strong{color:var(--red)}.kpi-card.dark{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;box-shadow:0 4px 20px #1d4ed84d}.kpi-card.dark span{color:#ffffffb3}.kpi-card.dark strong{color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);font-weight:700}.dense-table th,.dense-table td{padding-top:8px;padding-bottom:8px}.table-subtext{margin-top:2px;color:var(--text3);font-size:.78rem}tbody tr:hover td{background:#f8fafc}.ops-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ops-ribbon article{border-radius:16px;padding:20px;background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow);transition:border-color .18s,transform .18s}.ops-ribbon article:hover{border-color:var(--border2);transform:translateY(-2px)}.ops-ribbon span,.ops-ribbon small{display:block;color:var(--text2)}.ops-ribbon strong{display:block;font-size:1.4rem;font-weight:800;margin:10px 0 6px;letter-spacing:-.03em;color:var(--text)}.two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.workload-list,.booking-stack{display:grid;gap:12px}.workload-card,.booking-card,.note-card,.summary-band article{border-radius:14px;border:1.5px solid var(--border);background:var(--panel);transition:border-color .18s}.workload-card:hover,.booking-card:hover{border-color:var(--border2)}.workload-card{padding:14px 16px;display:flex;justify-content:space-between;gap:16px}.workload-card.compact{padding:12px 16px}.workload-card span,.booking-card p,.booking-meta,.note-card p{color:var(--text2)}.workload-metrics{display:grid;gap:4px;text-align:right}.summary-band{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary-band article{padding:18px}.summary-band span{display:block;color:var(--text3);margin-bottom:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.summary-band strong{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.note-card{padding:16px}.note-card.checklist p{margin:0 0 8px}.note-card.checklist p:last-child{margin-bottom:0}.booking-card{padding:16px}.booking-card-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.booking-card-top p{margin:5px 0 0;font-size:.84rem;color:var(--text2)}.booking-card-top-right{display:grid;justify-items:end;gap:8px}.booking-meta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem}.search-toolbar{display:grid;gap:14px;margin-bottom:16px}.search-box{display:grid;gap:6px}.search-box span{font-size:.8rem;color:var(--text2)}.booking-toolbar{padding-bottom:4px;border-bottom:1.5px solid var(--border)}.filter-chip-row,.vehicle-pill-row{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1.5px solid var(--border);border-radius:999px;padding:7px 14px;background:var(--panel);color:var(--text2);font-size:.78rem;font-weight:600;transition:all .16s}.filter-chip:hover{border-color:var(--border2);color:var(--text)}.filter-chip.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 2px 8px #1d4ed840}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-card{border-radius:16px;padding:18px;background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow);transition:border-color .18s,transform .18s}.customer-card:hover{border-color:var(--border2);transform:translateY(-2px)}.customer-card-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.customer-card-top strong,.customer-card-top span,.customer-card-counts small{display:block}.customer-card-top span,.customer-card-body p,.customer-card-counts small,.vehicle-pill.empty{color:var(--text2)}.customer-card-counts{text-align:right}.customer-card-body{display:grid;gap:5px;margin-bottom:12px}.customer-card-body p{margin:0;font-size:.84rem}.vehicle-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--bg);border:1.5px solid var(--border);font-size:.76rem;font-weight:500}.picker{display:grid;gap:10px}.picker-label-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.picker-label-row span,.picker-label-row small{color:var(--text2)}.picker-label-row span{font-size:.8rem}.picker-results{display:grid;gap:6px;max-height:200px;overflow:auto;padding:6px;border-radius:12px;background:var(--bg)}.picker-item,.picker-empty{border-radius:10px;padding:10px 14px}.picker-item{border:1.5px solid transparent;background:var(--panel);text-align:left;transition:all .14s}.picker-item:hover{border-color:var(--border2);background:var(--bg)}.picker-item strong,.picker-item span{display:block}.picker-item span{margin-top:2px;color:var(--text3);font-size:.78rem}.picker-item.active{border-color:#bfdbfe;background:#eff6ff}.picker-empty{background:var(--panel);color:var(--text3)}.contextual-strip{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;border-radius:12px;background:#f0fdf4;border:1.5px solid #bbf7d0}.contextual-strip strong,.contextual-strip span,.contextual-strip-right small{display:block}.contextual-strip span,.contextual-strip-right small{color:var(--text2)}.contextual-strip-right{text-align:right}.print-prompt{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow)}.print-prompt strong,.print-prompt span{display:block}.print-prompt span{margin-top:4px;color:var(--text2);font-size:.84rem}.print-prompt-actions{display:flex;gap:10px}.chip-button{padding:8px 14px;background:var(--bg);border:1.5px solid var(--border);color:var(--text);font-size:.8rem;font-weight:600;border-radius:8px;transition:all .16s}.chip-button:hover{border-color:var(--border2);background:#fff}.inline-actions,.action-chip-row,.print-chip-row{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 11px;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.status-pending,.status-driver_assigned,.status-vehicle_picked_up,.status-out_for_delivery{background:#fef3c7;color:#92400e;border:1.5px solid #fde68a}.status-confirmed,.status-arrived_at_center,.status-in_progress{background:#ccfbf1;color:#134e4a;border:1.5px solid #99f6e4}.status-completed,.status-paid,.status-active,.status-delivered{background:#dcfce7;color:#14532d;border:1.5px solid #bbf7d0}.status-cancelled,.status-paused,.status-expired{background:#fee2e2;color:#7f1d1d;border:1.5px solid #fecaca}.empty-state,.form-error,.form-success{border-radius:12px;padding:14px 18px;font-size:.86rem}.empty-state{background:var(--bg);border:1.5px solid var(--border);color:var(--text2)}.form-error{background:#fef2f2;color:#b91c1c;border:1.5px solid #fecaca}.form-success{background:#f0fdf4;color:#166534;border:1.5px solid #bbf7d0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-hero,.login-card,.panel,.kpi-card,.hero-strip,.workload-card,.booking-card,.note-card,.summary-band article{animation:fadeUp .38s ease both}@media (max-width:1199px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.two-column-grid{grid-template-columns:1fr}.ops-ribbon,.customer-grid,.hero-metrics{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:200px 1fr}}@media (max-width:767px){.login-shell{grid-template-columns:1fr;padding:16px;gap:14px}.login-hero{padding:32px 24px;border-radius:20px}.login-hero h1{font-size:2.2rem}.hero-metrics,.hero-metrics.compact{grid-template-columns:1fr;gap:10px}.login-card{padding:24px}.preset-grid{grid-template-columns:1fr}.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:none;border-right:1.5px solid var(--border);overflow-y:auto;background:var(--panel);padding:20px 14px}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}.shell.sidebar-open .sidebar{transform:translate(0);box-shadow:4px 0 40px #0000002e}[dir=rtl] .shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shell.sidebar-open .sidebar-overlay{display:block}.shell-main{padding:12px;gap:14px}.topbar{padding:12px 14px;flex-direction:row;align-items:center;gap:10px}.topbar h1{font-size:1.1rem}.topbar-block{gap:4px}.topbar-pills{display:none}.topbar-actions{gap:8px}.user-chip{display:none}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border-radius:10px;background:var(--bg);border:1.5px solid var(--border);flex-shrink:0;cursor:pointer}.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .22s}.shell.sidebar-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.shell.sidebar-open .hamburger span:nth-child(2){opacity:0}.shell.sidebar-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.kpi-grid,.ops-ribbon,.two-column-grid,.customer-grid,.hero-metrics,.summary-band,.form-grid.compact{grid-template-columns:1fr}.hero-strip{flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border-radius:16px}.hero-strip-note{max-width:none}.hero-strip h2{font-size:1.1rem}.panel{padding:14px}.booking-card-top{flex-direction:column;gap:10px}.booking-card-top-right{flex-direction:row;justify-content:space-between;align-items:center}.booking-meta{font-size:.78rem;gap:8px}.print-prompt{flex-direction:column;align-items:stretch;gap:10px}.print-prompt-actions{flex-direction:column}.inline-actions,.action-chip-row,.print-chip-row{flex-wrap:wrap;gap:8px}.contextual-strip{flex-direction:column;gap:8px}.contextual-strip-right{text-align:left}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:480px}.filter-chip-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-chip{white-space:nowrap;flex-shrink:0}.primary-button,.ghost-button{font-size:.9rem;padding:11px 16px}.chip-button{padding:9px 12px;font-size:.8rem}.kpi-card{padding:16px}.kpi-card strong{font-size:1.6rem}input,select,textarea{padding:12px 14px;font-size:1rem}.picker [style*="position: absolute"]{border-radius:12px}}@media (max-width:380px){.topbar h1{font-size:.95rem}.hero-strip h2{font-size:1rem}.kpi-card strong{font-size:1.3rem}}@media (min-width:768px){.hamburger{display:none}.sidebar-overlay{display:none!important}.topbar-start{display:none}}