@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap";:root{--color-primary: #0042AC;--color-accent: #00D3FB;--color-success: #83FD80;--color-on-primary: #FFFFFF;--color-on-accent: #0A1628;--color-on-success: #0A1628;--color-primary-dk: #002A6E;--g-health: #15803d;--g-health-fill: var(--color-success);--g-jade-ink: var(--g-health);--g-fill-2: #0A5BD8;--g-bg: #f4f7fc;--g-white: #ffffff;--g-surface: #eaf0fa;--g-text: #0A1628;--g-muted: #4a5c7a;--g-border: #cfdaf0;--g-green: var(--color-primary);--g-green-dk: var(--color-primary-dk);--g-green-lt: #cfe0ff;--g-green-md: var(--color-success);--g-green-nav: var(--color-primary);--g-blue: var(--color-primary);--g-blue-lt: #c9f5ff;--g-blue-mid: var(--color-accent);--bg: #fafafa;--surface: #ffffff;--surface2:#f7f8fa;--navy: var(--color-primary-dk);--blue: var(--color-primary);--blue-mid:var(--color-primary);--text: #0f1923;--muted: #6b7280;--border: #e5e7eb;--pale: #e6eefc;--purple: #7c3aed;--purple-bg: #f3f0ff;--success: #15803d;--success-bg: #ebffea;--warning: #d97706;--warning-bg: #fffbeb;--danger: #dc2626;--danger-bg: #fef2f2;--info: var(--color-primary);--info-bg: #e3fbff;--accent-copper: #c1662f;--accent-copper-bg: #fdf1e9;--accent-teal: var(--color-accent);--accent-teal-bg: #e3fbff;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-primary: 0 10px 28px -4px rgba(4,44,83,.14), 0 3px 8px -2px rgba(4,44,83,.08);--r-btn: 6px;--r-input: 6px;--r-card: 10px;--r-modal: 12px;--r-full: 9999px;--radius-input: var(--r-input);--radius-btn: var(--r-btn);--radius-card: var(--r-card);--radius-modal: var(--r-modal);--radius-pill: var(--r-full);--g-green-tint: color-mix(in srgb, var(--g-green) 15%, transparent);--g-green-tint-border: color-mix(in srgb, var(--g-green) 30%, transparent);--g-blue-tint: color-mix(in srgb, var(--g-blue) 15%, transparent);--g-red-tint: color-mix(in srgb, var(--g-error) 15%, transparent);--g-orange-tint: color-mix(in srgb, var(--g-warning) 15%, transparent);--g-text-xs: .72rem;--g-text-sm: .82rem;--g-text-base: .9rem;--g-text-lg: 1.1rem;--g-text-xl: 1.4rem;--g-text-2xl: 1.8rem;--g-space-1: 4px;--g-space-2: 8px;--g-space-3: 12px;--g-space-4: 16px;--g-space-5: 20px;--g-space-6: 24px;--g-radius-sm: 8px;--g-radius-md: 12px;--g-radius-lg: 16px;--g-radius-xl: 20px;--g-shadow-sm: 0 1px 3px rgba(0,0,0,.08);--g-shadow-md: 0 4px 16px rgba(0,0,0,.1);--g-shadow-lg: 0 8px 32px rgba(0,0,0,.14);--g-warning: #f59e0b;--g-error: #dc2626;--g-info: var(--color-primary);--g-success-bg: #ebffea;--g-success-border: var(--color-success);--g-success-text: #166534;--g-error-bg: #fef2f2;--g-error-border: #fecaca;--g-error-text: #991b1b;--g-warning-strong: #d97706;--g-warning-bg: #fffbeb;--g-warning-border: #fde68a;--g-warning-text: #92400e;--g-info-bg: #e3fbff;--g-info-border: #9ff0ff;--g-link: var(--color-primary);--g-heading: var(--color-primary-dk);--g-purple: #7c3aed;--g-purple-bg: #f3f0ff;--g-purple-border: #ddd6fe;--g-on-accent: #FFFFFF;--g-brand-navy: var(--color-primary-dk);--g-brand-blue: var(--color-primary);--g-brand-green: var(--color-primary);--g-brand-green-dk: var(--color-primary-dk)}[data-theme=dark]{--g-bg: #0b1220;--g-white: #121a2b;--g-surface: #18233a;--g-text: #e6edf7;--g-muted: #8fa1bf;--g-border: #24324d;--g-green: var(--color-accent);--g-green-dk: var(--color-accent);--g-green-lt: #12304f;--g-green-md: var(--color-success);--g-green-nav: var(--color-primary);--g-blue: var(--color-accent);--g-blue-lt: #0f2e45;--g-blue-mid: var(--color-accent);--bg: #0d1117;--surface: #161b22;--surface2:#1c2128;--navy: #060b16;--blue: var(--color-accent);--blue-mid:var(--color-accent);--text: #e6edf3;--muted: #8b949e;--border: #30363d;--pale: #14223a;--purple: #a371f7;--purple-bg: #1a1030;--success: var(--color-success);--success-bg: color-mix(in srgb, var(--color-success) 10%, #121a2b);--warning: #d29922;--warning-bg: #1a1300;--danger: #f85149;--danger-bg: #1e0a09;--info: var(--color-accent);--info-bg: #0d1f40;--g-health: var(--color-success);--accent-copper: #e08a52;--accent-copper-bg: #2a1c12;--accent-teal: var(--color-accent);--accent-teal-bg: #0f2326;--shadow-primary: 0 10px 28px -4px rgba(0,0,0,.5), 0 3px 8px -2px rgba(0,0,0,.35);--g-shadow-sm: 0 1px 3px rgba(0,0,0,.4);--g-shadow-md: 0 4px 16px rgba(0,0,0,.45);--g-shadow-lg: 0 8px 32px rgba(0,0,0,.55);--g-warning: #fbbf24;--g-error: #f87171;--g-info: var(--color-accent);--g-success-bg: color-mix(in srgb, var(--color-success) 10%, #121a2b);--g-success-border: color-mix(in srgb, var(--color-success) 50%, transparent);--g-success-text: var(--color-success);--g-error-bg: #1e0a09;--g-error-border: #5c211e;--g-error-text: #fca5a5;--g-warning-strong: #fbbf24;--g-warning-bg: #1a1300;--g-warning-border: #57430f;--g-warning-text: #fcd34d;--g-info-bg: #0d1f40;--g-info-border: #1e3a5f;--g-link: var(--color-accent);--g-heading: #e6edf7;--g-purple: #a371f7;--g-purple-bg: #1a1030;--g-purple-border: #3b2a66}body,div,nav,main,header,section,aside,article,button,input,select,textarea,label,span,p,a,h1,h2,h3,h4,h5,h6,li,ul,ol,table,td,th{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:100%;min-height:100svh}::selection{background:#185fa526;color:var(--text, #0f1923)}:focus-visible{outline:2px solid var(--blue, #185fa5);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.stage-1{animation:fadeUp .45s ease both}.stage-2{animation:fadeUp .45s ease .08s both}.stage-3{animation:fadeUp .45s ease .16s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}[dir=rtl]{text-align:right}[dir=rtl] .rtl-reverse{flex-direction:row-reverse}[lang=ar] body,[lang=ar] input,[lang=ar] button,[lang=ar] select,[lang=ar] textarea{font-family:Noto Sans Arabic,sans-serif}@media(max-width:767px){#root{overflow-x:hidden}.nav-links-desktop{display:none!important}.hamburger-btn{display:flex!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.login-left-panel{display:none!important}.stats-grid,.stats-grid-4{grid-template-columns:1fr 1fr!important}.table-row{grid-template-columns:1fr!important;flex-direction:column!important}}@media(min-width:768px){.hamburger-btn,.nav-drawer,.show-mobile{display:none!important}}@media(max-width:1023px){.hide-tablet{display:none!important}}.hit-44:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}@media(max-width:380px){.grid-narrow-2{grid-template-columns:1fr 1fr!important}.grid-narrow-1{grid-template-columns:1fr!important}}@media(max-width:767px){.chatbot-widget{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:0!important;bottom:0!important;right:0!important}}@media(max-width:767px){.fleet-tab-bar{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fleet-tab-bar::-webkit-scrollbar{display:none}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border, #d0e4f5);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border, #30363d)}
