:root{--ex-primary:#4cbb8c;--ex-primary-hover:#43a87f;--ex-body-bg:#fbfbfc;--ex-body-text:#1f2429;--ex-border-color:#e7ebef;--ex-sidebar-width:260px;--ex-topbar-height:64px}*{box-sizing:border-box}html,body{height:100%;color:var(--ex-body-text);background:var(--ex-body-bg);margin:0;font-family:IBM Plex Sans Arabic,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem}a{color:var(--ex-primary);text-decoration:none}a:hover{color:var(--ex-primary-hover)}.app-shell{min-height:100%}.content-wrapper{min-height:calc(100% - var(--ex-topbar-height));margin-inline-start:var(--ex-sidebar-width);padding:0 1.5rem 2rem}.sidebar{width:var(--ex-sidebar-width);color:#e7ebef;z-index:1030;background:#0f1216;padding:1rem 0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar .sidebar-brand{color:#fff;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:0 1.5rem 1.5rem;font-size:1.125rem;font-weight:600;display:flex}.sidebar .sidebar-brand img{height:28px}.sidebar .sidebar-header{text-transform:uppercase;color:#99a3af;letter-spacing:.04em;padding:1.5rem 1.5rem .5rem;font-size:.75rem}.sidebar .sidebar-item{color:#cfd6dd;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar .sidebar-item i{opacity:.85;font-size:1.125rem}.sidebar .sidebar-item:hover{color:#fff;background:#ffffff0a}.sidebar .sidebar-item.active{color:#fff;background:#4cbb8c26;border-inline-end:3px solid #4cbb8c}.sidebar .sidebar-item.is-disabled{opacity:.45;cursor:not-allowed}.sidebar .sidebar-item.is-disabled:hover{color:#cfd6dd;background:0 0}.topbar{height:var(--ex-topbar-height);border-bottom:1px solid var(--ex-border-color);z-index:1020;background:#fff;align-items:center;margin-inline-start:var(--ex-sidebar-width);padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar .topbar-search{background:#f3f5f7;border-radius:10px;flex:1;align-items:center;gap:.5rem;max-width:420px;height:40px;padding:0 .75rem;display:flex}.topbar .topbar-search i{color:#6c757d}.topbar .topbar-search input{color:#0f1216;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.topbar .topbar-actions{align-items:center;gap:.75rem;margin-inline-start:auto;display:flex}.topbar .topbar-actions .icon-btn{color:#343a40;cursor:pointer;background:#f3f5f7;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.topbar .topbar-actions .icon-btn:hover{background:#e7ebef}.topbar .topbar-actions .icon-btn .badge-dot{top:6px;background:#e03131;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:6px}.topbar .topbar-actions .user-chip{padding:4px;background:#f3f5f7;border-radius:14px;align-items:center;gap:.5rem;padding-inline-end:.75rem;font-size:.875rem;font-weight:500;display:flex}.topbar .topbar-actions .user-chip img{border-radius:50%;width:28px;height:28px}.page-header{align-items:center;padding:1.5rem 0 1rem;display:flex}.page-header .page-title{color:#0f1216;margin:0;font-size:1.25rem;font-weight:600}.page-header .breadcrumb{color:#6c757d;margin:.25rem 0 0;padding:0;font-size:.875rem}.page-header .breadcrumb a{color:#6c757d;text-decoration:none}.page-header .breadcrumb .active{color:#1f2429}.page-header .page-header-actions{gap:.5rem;margin-left:auto;display:flex}.kpi-card{border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 1px 2px #0f12160a}.kpi-card .kpi-label{color:#6c757d;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.kpi-card .kpi-value{color:#0f1216;font-size:1.875rem;font-weight:600;line-height:1.1}.kpi-card .kpi-delta{margin-top:.5rem;font-size:.875rem}.kpi-card .kpi-delta.up{color:#2f9e44}.kpi-card .kpi-delta.down{color:#e03131}.kpi-card .kpi-hint{color:#6c757d;margin-top:.5rem;font-size:.75rem}.kpi-card--success{border-top:3px solid #2f9e44}.kpi-card--warning{border-top:3px solid #f59f00}.kpi-card--danger{border-top:3px solid #e03131}.kpi-card--info{border-top:3px solid #228be6}.empty-state{text-align:center;border:1px dashed var(--ex-border-color);color:#6c757d;background:#fff;border-radius:14px;margin-top:1rem;padding:2rem 1.5rem}.empty-state p{margin:0;font-size:.875rem}.empty-state__icon{color:#6c757d;background:#f3f5f7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;display:inline-flex}.empty-state__icon i{font-size:24px;line-height:1}.empty-state__title{color:#1f2429;margin:0 0 .5rem;font-size:1rem;font-weight:600}.empty-state__message{color:#495057;max-width:44ch;margin:0 auto;font-size:.875rem}.empty-state__hint{color:#6c757d;max-width:52ch;margin:.5rem auto 0;font-size:.75rem}.empty-state__action{justify-content:center;gap:.5rem;margin-top:1rem;display:inline-flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.kpi-grid--compact{gap:.75rem}.kpi-grid--compact .kpi-card{padding:.75rem 1rem}.kpi-grid--compact .kpi-value{font-size:1.25rem}.table-search{border:1px solid var(--ex-border-color);background:#fff;border-radius:10px;align-items:center;gap:.5rem;min-width:280px;max-width:100%;height:36px;margin-bottom:.75rem;padding:0 .75rem;transition:border-color .12s,box-shadow .12s;display:inline-flex}.table-search:focus-within{border-color:#4cbb8c;box-shadow:0 0 0 3px #4cbb8c26}.table-search i{color:#6c757d}.table-search__input{color:#0f1216;background:0 0;border:none;outline:none;flex:1;min-width:140px;font-family:inherit;font-size:.875rem}.table-search__input::placeholder{color:#6c757d}.table-search__count{color:#6c757d;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.75rem}.table-search__clear{appearance:none;color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:2px 4px}.table-search__clear:hover{color:#0f1216;background:#f3f5f7}.table-search__clear[hidden]{display:none}.page-sticky-bar{top:var(--ex-topbar-height);z-index:900;border:1px solid var(--ex-border-color);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .75rem;padding:.5rem .75rem;display:flex;position:sticky;box-shadow:0 2px 6px #0f172a0a}.page-sticky-bar__label{color:#343a40;margin-inline-end:.5rem;font-size:.875rem;font-weight:600}.page-sticky-bar .btn{white-space:nowrap}.copy-btn{appearance:none;color:#6c757d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;margin-inline-start:4px;padding:0 4px;font-size:.85em;line-height:1;transition:background-color .12s,color .12s}.copy-btn:hover{color:#38906e;background:#e7f6ef}.copy-btn.is-copied{color:#2f9e44;background:#2f9e4414}.id-chip{color:#1f2429;background:#f3f5f7;border-radius:10px;align-items:center;gap:4px;padding:0 .5rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.9em;display:inline-flex}.id-chip:hover{background:#e7ebef}.row-actions{gap:4px;display:inline-flex}.row-actions .btn-icon{border:1px solid var(--ex-border-color);color:#343a40;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.row-actions .btn-icon i{font-size:14px;line-height:1}.row-actions .btn-icon:hover{color:#38906e;background:#e7f6ef;border-color:#9cdbb9}.row-actions .btn-icon.btn-icon--danger:hover{color:#ca1e1e;background:#fcebeb;border-color:#f5bfbf}.row-actions .btn-icon.btn-icon--success:hover{color:#267f36;background:#c5eecd;border-color:#9ee2aa}.row-actions .btn-icon.btn-icon--warning:hover{color:#c27e00;background:#ffedcc;border-color:#ffd88f}.form-group{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.form-label{color:#343a40;font-size:.875rem;font-weight:500}.form-input{border:1px solid var(--ex-border-color);color:#0f1216;background:#fff;border-radius:10px;height:44px;padding:0 1rem;font-family:inherit;font-size:1rem;transition:border-color .12s,box-shadow .12s}.form-input:focus{border-color:var(--ex-primary);outline:none;box-shadow:0 0 0 3px #4cbb8c26}.form-input.is-invalid{border-color:#e03131;box-shadow:0 0 0 3px #e031311f}.form-check{color:#343a40;cursor:pointer;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.btn-primary-block{background:var(--ex-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:44px;font-size:1rem;font-weight:600;transition:background .12s}.btn-primary-block:hover{background:var(--ex-primary-hover)}.btn-primary-block:disabled{opacity:.5;cursor:not-allowed}.auth-body{background:linear-gradient(135deg,#f3f5f7 0%,#fbfbfc 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-shell{width:100%;max-width:420px}.auth-brand{text-align:center;margin-bottom:1.5rem}.auth-brand-logo{height:40px}.auth-brand-name{color:#0f1216;margin-top:.75rem;font-size:1.5rem;font-weight:600}.auth-card{border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;padding:2rem;box-shadow:0 2px 6px #0f12160f}.auth-title{color:#0f1216;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.auth-notice{color:#228be6;background:#228be614;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.auth-error{color:#e03131;background:#e0313114;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.auth-error ul{margin:0;padding-inline-start:1.5rem}.locale-switch{position:relative}.locale-switch:hover .locale-menu,.locale-switch:focus-within .locale-menu{display:block}.locale-menu{border:1px solid var(--ex-border-color);z-index:1050;background:#fff;border-radius:10px;min-width:120px;margin:0;padding:.25rem;list-style:none;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 16px #0f121614}[dir=rtl] .locale-menu{left:0;right:auto}.locale-menu a{color:#343a40;border-radius:6px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.locale-menu a:hover{color:#0f1216;background:#f3f5f7}.locale-menu a.active{color:#38906e;background:#4cbb8c1f}.user-chip-logout{margin:0 0 0 .5rem}[dir=rtl] .user-chip-logout{margin:0 .5rem 0 0}.data-table{border-collapse:collapse;border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;width:100%;font-size:.875rem;overflow:hidden;box-shadow:0 1px 2px #0f12160a}.data-table thead th{text-align:inline-start;letter-spacing:.04em;text-transform:uppercase;color:#6c757d;border-bottom:1px solid var(--ex-border-color);background:#fbfbfc;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--ex-border-color);color:#1f2429;vertical-align:top;padding:.75rem 1rem}.data-table tbody tr:last-child td{border-bottom:0}.data-table a{color:var(--ex-primary)}.table-wrapper{overflow-x:auto}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pager{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pager span{color:#6c757d;font-size:.875rem}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.detail-card{border:1px solid var(--ex-border-color);background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 1px 2px #0f12160a}.detail-card h3{color:#0f1216;margin:0 0 .75rem;font-size:1rem;font-weight:600}.detail-card dl{grid-template-columns:140px 1fr;row-gap:.5rem;margin:0;display:grid}.detail-card dt{color:#6c757d;font-size:.875rem}.detail-card dd{color:#1f2429;margin:0;font-size:.875rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;height:36px;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ex-primary);color:#fff}.btn-primary:hover{background:var(--ex-primary-hover);color:#fff}.btn-secondary{color:#1f2429;border-color:var(--ex-border-color);background:#fff}.btn-secondary:hover{background:#fbfbfc}.btn-danger{color:#fff;background:#e03131}.btn-danger:hover{filter:brightness(.95);color:#fff}.btn-ghost{color:#343a40;background:0 0}.btn-ghost:hover{background:#f3f5f7}.btn-sm{height:30px;padding:0 .75rem;font-size:.75rem}.badge{text-transform:lowercase;letter-spacing:.02em;color:#343a40;background:#f3f5f7;border:1px solid #e7ebef;border-radius:999px;align-items:center;padding:2px .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#237733;background:#c5eecd;border-color:#9ee2aa}.badge-warning{color:#a96d00;background:#ffedcc;border-color:#ffd88f}.badge-danger{color:#ca1e1e;background:#fcebeb;border-color:#f5bfbf}.badge-info{color:#1776c9;background:#e2f0fc;border-color:#b5d8f7}.badge-neutral{color:#343a40;background:#f3f5f7;border-color:#e7ebef}.badge-primary{color:#2d785c;background:#e7f6ef;border-color:#9cdbb9}.badge-unknown{color:#343a40;background:0 0;border:1px dashed #99a3af}.badge-muted{color:#6c757d;background:0 0;border:1px dashed #e7ebef}.money{font-variant-numeric:tabular-nums}.money__currency{color:#6c757d;margin-inline-start:.15em;font-size:.85em}.money--negative{color:#d72020}.money--positive{color:#267f36}.page-alert{color:#2d785c;background:#e7f6ef;border:1px solid #9cdbb9;border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.page-alert.is-danger{color:#c11d1d;background:#fcebeb;border-color:#f4b6b6}.page-alert.is-success{color:#237733;background:#c5eecd;border-color:#9ee2aa}.page-alert__icon{background:#fff9;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.page-alert__body{flex:auto}.page-alert--animated{animation:.24s ease-out both expressdz-alert-in}@keyframes expressdz-alert-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.btn,.data-table tbody tr,.detail-card,.kpi-card{transition:background-color .12s ease-out,color .12s ease-out,box-shadow .16s ease-out,transform .16s ease-out}.btn:active:not(:disabled){transform:translateY(1px)}.data-table tbody tr:hover{background:#fbfbfc}.data-table tbody tr.row--danger,.data-table tbody tr.row--warning,.data-table tbody tr.row--info{box-shadow:inset 4px 0}.data-table tbody tr.row--danger{color:#1f2429;background:#e031310f}.data-table tbody tr.row--danger td:first-child{box-shadow:inset 4px 0 #e03131}.data-table tbody tr.row--danger:hover{background:#e0313117}.data-table tbody tr.row--warning{background:#f59f0014}.data-table tbody tr.row--warning td:first-child{box-shadow:inset 4px 0 #f59f00}.data-table tbody tr.row--warning:hover{background:#f59f001f}.data-table tbody tr.row--info{background:#228be60f}.data-table tbody tr.row--info td:first-child{box-shadow:inset 4px 0 #228be6}.data-table tbody tr.row--info:hover{background:#228be617}.urgency{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.urgency i{font-size:10px;line-height:1}.urgency--critical{color:#ca1e1e;background:#e031311f}.urgency--high{color:#dc2121;background:#e0313114}.urgency--medium{color:#996300;background:#f59f001f}.urgency--low{color:#237733;background:#2f9e441a}.alert-bar{border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.35;animation:.24s ease-out both expressdz-alert-in;display:flex}.alert-bar__icon{background:#fff9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.alert-bar__body{flex-direction:column;flex:auto;gap:2px;display:flex}.alert-bar__title{font-weight:600}.alert-bar__message{color:inherit;opacity:.88}.alert-bar__cta{white-space:nowrap;flex:none}.alert-bar--warning{color:#664200;background:#ffedcc;border-color:#ffd88f}.alert-bar--danger{color:#b81c1c;background:#fcebeb;border-color:#f4b6b6}.alert-bar--info{color:#1363a8;background:#e2f0fc;border-color:#abd3f6}.data-table--dense thead th{padding:6px .75rem}.data-table--dense tbody td{padding:6px .75rem;line-height:1.35}.data-table--dense .badge{padding:1px 6px;font-size:.7rem}.data-table--dense .urgency{padding:1px 6px}.data-table--dense .row-actions .btn-icon{width:26px;height:26px}.data-table--dense .row-actions .btn-icon i{font-size:12px}.row-actions-th,.row-actions-td{white-space:nowrap;width:1%}.kpi-trend{color:#495057;background:#f3f5f7;border-radius:6px;align-items:center;gap:2px;margin-top:.25rem;padding:1px 6px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.kpi-trend i{font-size:14px;line-height:1}.kpi-trend--up{color:#237733;background:#2f9e441f}.kpi-trend--down{color:#d32020;background:#e031311f}.kpi-trend--flat{color:#495057;background:#f3f5f7}tr.row--group-divider td{border-bottom:2px dashed var(--ex-border-color);background:#fbfbfc;height:0;padding:0}tr.row--group-divider:hover{background:#fbfbfc}.control-toolbar{border:1px solid var(--ex-border-color);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.control-toolbar__label{color:#343a40;align-items:center;gap:.5rem;display:inline-flex}.control-toolbar__label strong{color:#0f1216;font-variant-numeric:tabular-nums}.control-toolbar__label i{color:#43a87f;font-size:16px}.control-toolbar__meta{color:#6c757d;font-size:.75rem}.control-toolbar__meta strong{color:#343a40;font-variant-numeric:tabular-nums}.control-toolbar #livemap-refresh{margin-inline-start:auto}.livemap{border:1px solid var(--ex-border-color);background:#f3f5f7;border-radius:14px;width:100%;height:calc(100vh - 240px);min-height:440px;overflow:hidden;box-shadow:0 1px 2px #0f12160a}.livemap:focus-visible{outline-offset:2px;outline:2px solid #4cbb8c}.control-hint{color:#6c757d;margin:.75rem 0 0;font-size:.75rem}.control-hint i{color:#4cbb8c;margin-inline-end:4px}.livemap-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0f172a59}.livemap-dot--pickup{background:#228be6}.livemap-dot--dropoff{background:#1f2429}.livemap-dot--driver{background:#4cbb8c}.livemap-dot--critical{background:#e03131;box-shadow:0 1px 4px #0f172a59,0 0 0 4px #e0313138}.livemap-dot--high{background:#f59f00;box-shadow:0 1px 4px #0f172a59,0 0 0 4px #f59f0038}.livemap-dot--normal{background:#2f9e44}.livemap-popup{min-width:160px;font-family:IBM Plex Sans Arabic,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4}.livemap-popup__title{color:#0f1216;font-size:.875rem;display:block}.livemap-popup__row{color:#495057;margin-top:2px;font-size:.75rem}.leaflet-container .leaflet-control-attribution{background:#ffffffd9;font-size:10px}[dir=rtl] .sidebar{border-inline-start:none;border-inline-end:1px solid #ffffff0f;inset-inline-start:0}