@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}}:root{--font-heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#4f46e51a;--primary-glow:#4f46e559;--secondary:#0ea5e9;--secondary-hover:#0284c7;--success:#10b981;--success-hover:#059669;--success-light:#10b9811a;--warning:#f59e0b;--warning-hover:#d97706;--warning-light:#f59e0b1a;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#ef44441a;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--card-shadow:0 10px 30px -10px #0000000f, 0 1px 3px #00000005;--shadow-inset:inset 0 2px 4px 0 #0000000f;--glass-bg:#ffffffbf;--glass-border:#fff9;--glass-blur:16px;--active-sidebar-bg:#e0e7ff;--active-sidebar-text:#4338ca;--scrollbar-thumb:#cbd5e1;--scrollbar-track:#f1f5f9}[data-theme=dark]{--bg-primary:#090d16;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--border-color:#374151;--card-shadow:0 15px 35px -10px #0006, 0 5px 15px -5px #0003;--shadow-inset:inset 0 2px 4px 0 #0003;--glass-bg:#111827bf;--glass-border:#37415166;--glass-blur:16px;--active-sidebar-bg:#1e1b4b;--active-sidebar-text:#c7d2fe;--scrollbar-thumb:#374151;--scrollbar-track:#111827}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.25}p{color:var(--text-secondary);line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}button{font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e540}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color);transform:translateY(-1px)}.btn-success{background-color:var(--success);color:#fff;box-shadow:0 4px 12px #10b98140}.btn-success:hover:not(:disabled){background-color:var(--success-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);transform:translateY(-1px)}input,select,textarea{font-family:var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-group{margin-bottom:1.25rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);box-shadow:var(--card-shadow);padding:1.5rem}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.table-container{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}th{background-color:var(--bg-tertiary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:1rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--bg-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast) forwards;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--card-shadow);animation:slideUp var(--transition-normal) forwards;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-tertiary);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-column{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.flex-1{flex:1}.w-full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.pointer{cursor:pointer}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}}.app-layout{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.content-area{flex-direction:column;flex:1;height:100%;padding:1.5rem 1.5rem 5rem;display:flex;position:relative;overflow-y:auto}.employee-mobile-shell{background:#020617}.employee-mobile-shell .content-area{padding:0;overflow:hidden}.employee-mobile-shell .mobile-app-view{width:100%;min-height:100dvh;padding:0;overflow:hidden}.employee-mobile-shell .mobile-login-panel{width:100%;min-height:100dvh;box-shadow:none;background:#020617;border:0;border-radius:0;flex-direction:column;overflow-y:auto;gap:1rem!important;max-width:none!important;margin:0!important;display:flex!important}.employee-mobile-shell .mobile-login-panel h2{color:#f8fafc}.employee-mobile-shell .mobile-login-panel>div:last-child{border-top:1px solid #1f2937;padding-top:1rem}.employee-mobile-shell .mobile-demo-login-list{display:none!important}.employee-mobile-shell .mobile-inline-logout{display:inline-flex}.employee-mobile-shell .top-bar{display:none}.employee-mobile-shell .mobile-ops-shell{height:100dvh;margin:0;display:block}.employee-mobile-shell .mobile-phone-frame{height:100dvh;max-width:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.employee-mobile-shell .mobile-phone-screen{height:100dvh;border:0!important;border-radius:0!important;min-height:100dvh!important}.employee-mobile-shell .mobile-simulator-panel{display:none!important}.rider-login-panel{background:radial-gradient(circle at 50% 0,#facc152e,#0000 28%),linear-gradient(#0f172a 0%,#020617 100%)!important}.rider-login-card{color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100%;display:flex}.rider-login-logo{color:#111827;background:linear-gradient(135deg,#fde047 0%,#facc15 58%,#38bdf8 100%);border-radius:24px;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 18px 52px #facc1561}.rider-login-subtitle{color:#fde68a;letter-spacing:.08em;font-size:.76rem;font-weight:800}.rider-login-input{color:#f8fafc;background:#1e293bb8;border:1px solid #94a3b838;border-radius:14px;height:46px;padding:0 .9rem;font-size:.85rem}.rider-login-input::placeholder{color:#cbd5e1}.rider-primary-action{border:0;border-radius:14px;height:48px;box-shadow:0 16px 40px #facc1547;color:#111827!important;background:linear-gradient(135deg,#fef08a 0%,#facc15 100%)!important}.rider-phone-screen{color:#f8fafc;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 4%,#facc152e,#0000 16%),radial-gradient(circle at 90% 12%,#38bdf82e,#0000 30%),linear-gradient(#0f172a 0%,#020617 100%)!important}.rider-phone-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 72%);mask-image:linear-gradient(#000000b3,#0000 72%)}.rider-status-bar,.rider-tab-bar,.rider-staff-chip,.rider-phone-content,.rider-home-indicator{z-index:1;position:relative}.rider-status-bar{color:#e2e8f0;justify-content:space-between;padding:.15rem .45rem .35rem;font-size:.68rem;font-weight:700;display:flex}.rider-tab-bar{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));align-items:start;gap:.25rem;min-height:72px;padding:.1rem .2rem .5rem;display:grid;overflow:visible}.rider-tab-button{color:#cbd5e1;cursor:pointer;background:#0f172a6b;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;min-width:0;height:56px;font-size:.58rem;font-weight:800;display:flex}.rider-tab-button.active{color:#facc15;background:#facc151f}.rider-tab-button.scan-pivot{transform:translateY(-8px)}.rider-tab-button.scan-pivot .rider-tab-icon{color:#111827;background:linear-gradient(135deg,#fef08a 0%,#facc15 100%);border-radius:999px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 14px 32px #facc155c}.rider-tab-button.scan-pivot span:last-child{color:#fef08a}.rider-staff-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a8a;border:1px solid #94a3b829;border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;margin:0 .35rem .65rem;padding:.55rem .65rem;display:flex}.rider-staff-chip strong{font-size:.78rem;display:block}.rider-staff-chip span{color:#94a3b8;margin-top:.12rem;font-size:.62rem;display:block}.rider-logout-button{color:#e2e8f0;background:#1e293bb8;border:1px solid #94a3b833;border-radius:10px;place-items:center;width:32px;height:30px;padding:0;display:inline-grid}.rider-phone-content{scrollbar-width:thin;scrollbar-color:#facc1580 transparent}.rider-phone-content>div>div,.rider-phone-content form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a9e!important;border-color:#94a3b829!important;border-radius:18px!important}.rider-phone-content .btn-primary{color:#111827;background:linear-gradient(135deg,#fef08a 0%,#facc15 100%)!important}.rider-home-indicator{background:#e2e8f0b3;border-radius:999px;width:120px;height:4px;margin:8px auto 0}@media (width>=769px){.content-area{padding:2rem}}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:260px;height:100%;transition:transform var(--transition-normal);flex-direction:column;justify-content:space-between;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sidebar-brand h1{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.sidebar-menu{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;list-style:none;display:flex}.sidebar-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;display:flex}.sidebar-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background-color:var(--active-sidebar-bg);color:var(--active-sidebar-text);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.mobile-nav{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:900;justify-content:space-around;align-items:center;height:64px;padding:0 .5rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;height:100%;font-size:.65rem;font-weight:500;display:flex}.mobile-nav-item.active{color:var(--primary);font-weight:600}@media (width<=768px){.sidebar{display:none}.mobile-nav{display:flex}}.pwa-install-prompt{z-index:1100;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:min(520px,100vw - 2rem);box-shadow:var(--card-shadow);align-items:center;gap:.75rem;padding:.85rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.pwa-install-copy{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.pwa-install-copy strong{color:var(--text-primary);font-size:.9rem}.pwa-install-copy span{color:var(--text-secondary);font-size:.78rem;line-height:1.35}.pwa-install-button{white-space:nowrap;padding:.55rem .8rem}.pwa-install-close{width:32px;height:32px;color:var(--text-muted);background:var(--bg-tertiary);flex:none;padding:0}@media (width<=768px){.pwa-install-prompt{align-items:flex-start;bottom:76px}}.top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.top-bar-title h2{font-size:1.75rem;font-weight:700}.top-bar-actions{align-items:center;gap:1rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{justify-content:space-between;align-items:center;display:flex}.stat-info{flex-direction:column;gap:.25rem;display:flex}.stat-val{font-size:1.85rem;font-weight:700;font-family:var(--font-heading)}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-grid{grid-template-columns:2fr 1.2fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.urgent-badge{background:var(--danger-light);color:var(--danger);animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.timeline{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.timeline-item{gap:1rem;display:flex;position:relative}.timeline-item:after{content:"";background-color:var(--border-color);width:2px;position:absolute;top:40px;bottom:-20px;left:19px}.timeline-item:last-child:after{display:none}.timeline-icon{border-radius:var(--radius-full);z-index:10;background-color:var(--bg-tertiary);border:2px solid var(--border-color);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.timeline-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;padding:.75rem 1rem}.map-canvas-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-tertiary);cursor:crosshair;width:100%;height:350px;position:relative;overflow:hidden}.map-placeholder-grid{pointer-events:none;background-image:linear-gradient(90deg,#8080800d 1px,#0000 1px),linear-gradient(#8080800d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.map-pin{cursor:pointer;z-index:100;transition:transform var(--transition-fast);position:absolute;transform:translate(-50%,-100%)}.map-pin:hover{transform:translate(-50%,-100%)scale(1.15)}.map-circle{border:2px dashed var(--primary);border-radius:var(--radius-full);background-color:var(--primary-light);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.gps-simulator-container{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.gps-simulator-container{grid-template-columns:1fr}}.phone-wrapper{justify-content:center;align-items:center;display:flex}.phone-mock{background-color:var(--bg-primary);border:12px solid #1e293b;border-radius:40px;flex-direction:column;width:320px;height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0006}.phone-screen{background-color:var(--bg-secondary);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.phone-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);height:44px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 1.5rem;font-size:.75rem;font-weight:600;display:flex}.phone-camera{z-index:1000;background-color:#1e293b;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:60px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-body{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.phone-home-indicator{border-radius:var(--radius-full);background-color:#475569;width:120px;height:5px;margin:6px auto}.doc-preview-card{border-radius:var(--radius-sm);background-color:#fff;border:1px solid #cbd5e1;max-width:800px;margin:0 auto;padding:2.5rem;font-family:Inter,sans-serif;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b!important}.doc-preview-card *{color:#1e293b!important}.doc-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--primary)!important}.doc-header-info{border-bottom:2px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:grid}.doc-summary-table{border-collapse:collapse;width:100%;margin:1.5rem 0}.doc-summary-table th{border-bottom:2px solid #cbd5e1;color:#475569!important;background-color:#f1f5f9!important}.doc-summary-table td{border-bottom:1px solid #e2e8f0;padding:.75rem}.doc-totals{width:250px;margin-top:1.5rem;margin-left:auto}@media print{body *{visibility:hidden}.doc-preview-card,.doc-preview-card *{visibility:visible}.doc-preview-card{width:100%;box-shadow:none;border:none;padding:0;position:absolute;top:0;left:0}.content-area,.sidebar,.mobile-nav,.top-bar,.top-bar-actions,button{display:none!important}}.dev-panel{z-index:1000;position:fixed;bottom:20px;right:20px}.dev-toggle{border-radius:var(--radius-full);color:#f8fafc;cursor:pointer;width:44px;height:44px;transition:transform var(--transition-fast);background-color:#1e293b;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 15px -3px #0000004d}.dev-toggle:hover{transform:rotate(45deg)scale(1.05)}.dev-modal{border-radius:var(--radius-md);color:#cbd5e1;background-color:#1e293b;border:1px solid #ffffff26;flex-direction:column;gap:1rem;width:340px;padding:1.25rem;display:flex;position:absolute;bottom:55px;right:0;box-shadow:0 20px 25px -5px #00000080}.dev-modal h4{color:#f8fafc;border-bottom:1px solid #ffffff1a;padding-bottom:.5rem;font-size:.95rem}.dev-modal .btn-dev{color:#f8fafc;background-color:#ffffff14;border:1px solid #ffffff1a;justify-content:flex-start;width:100%;padding:.5rem;font-size:.8rem}.dev-modal .btn-dev:hover{background-color:#ffffff26}