@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color:#0f172a;--secondary-color:#3b82f6;--accent-color:#10b981;--bg-color:#f8fafc;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--danger-color:#ef4444;--warning-color:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background-color:var(--primary-color);color:#fff;z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a}.role-selector{gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-family:inherit;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--secondary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-success{background-color:var(--accent-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-dark{color:#fff;background-color:#0f172a}.btn-dark:hover:not(:disabled){background-color:#1e293b;transform:translateY(-1px)}.btn-outline{color:#fff;background-color:#0000;border:1px solid #fff}.btn-outline:hover{background-color:#ffffff1a}.btn-outline-dark{color:var(--text-primary);background-color:#0000;border:1px solid #cbd5e1}.btn-outline-dark:hover{background-color:#f1f5f9}.card{background-color:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.card-header{color:var(--primary-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.form-group{margin-bottom:.85rem}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.form-control{width:100%;color:var(--text-primary);background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #3b82f626}.input-wrapper{gap:.5rem;display:flex}.btn-icon{cursor:pointer;color:var(--text-secondary);background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:.65rem;transition:all .2s;display:flex}.btn-icon:hover{color:var(--primary-color);background:#f1f5f9}.btn-icon.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.dashboard-grid{box-sizing:border-box;flex:1;grid-template-columns:420px 1fr;gap:1.5rem;height:calc(100vh - 72px);padding:1.25rem 1.5rem;display:grid;overflow:hidden}.sidebar-scrollable{flex-direction:column;height:100%;padding-right:.5rem;display:flex;overflow-y:auto}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.metric-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.metric-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem;box-shadow:0 1px 3px #0000000d}.metric-value{color:var(--primary-color);margin-top:.2rem;font-size:1.2rem;font-weight:800;line-height:1.2}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.65rem;font-weight:700}.mode-toggle{background:#e2e8f0;border-radius:10px;gap:4px;margin-bottom:1.25rem;padding:4px;display:flex}.mode-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.mode-toggle-btn.active{color:var(--primary-color);background:#fff;box-shadow:0 1px 3px #0000001a}.batch-merchant-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:1rem;padding:.85rem}.batch-queue-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-height:160px;margin-bottom:1rem;overflow-y:auto}.batch-item-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.82rem;display:flex}.batch-item-row:last-child{border-bottom:none}.order-card-item{border:1px solid #e2e8f0;border-left:4px solid var(--secondary-color);background-color:#fff;border-radius:12px;margin-bottom:.75rem;padding:.85rem;box-shadow:0 1px 3px #0000000a}.order-action-bar{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.65rem;padding-top:.65rem;display:flex}.order-phone-text{color:var(--text-primary);font-family:monospace;font-size:.75rem;font-weight:700}.action-btn-group{gap:4px;display:flex}.action-btn-circle{cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.action-btn-circle:hover{background:#f8fafc}.action-btn-circle.call{color:#2563eb}.action-btn-circle.whatsapp{color:#16a34a}.action-btn-circle.copy{color:#475569}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.status-online{color:#059669;background-color:#10b98133}.status-busy{color:#d97706;background-color:#f59e0b33}.status-offline{color:#475569;background-color:#64748b33}.map-container{border:1px solid #e2e8f0;border-radius:16px;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.floating-finance-btn{z-index:500;color:var(--primary-color);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 6px #0000001a}.floating-finance-btn:hover{background:#f8fafc}.finance-dashboard{width:100%;max-width:1200px;height:calc(100vh - 72px);margin:0 auto;padding:2rem;overflow-y:auto}.rider-app{background-color:var(--bg-color);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.rider-header{background-color:var(--primary-color);color:#fff;text-align:center;border-bottom-right-radius:24px;border-bottom-left-radius:24px;padding:1.5rem;position:relative}.toggle-switch{width:60px;height:34px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(26px)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.text-gray{color:var(--text-secondary)}.text-green{color:#16a34a}.text-center{text-align:center}.w-full{width:100%}.mobile-header-right{align-items:center;gap:.5rem;display:none}.mobile-menu-trigger-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .15s;display:flex;position:relative}.mobile-menu-trigger-btn:active{background:#ffffff40;transform:scale(.96)}.mobile-menu-alert-dot{background:#ef4444;border:2px solid #1e293b;border-radius:50%;width:9px;height:9px;animation:1.5s infinite pulseDot;position:absolute;top:7px;right:7px}.mobile-pending-pill{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;animation:2s infinite pulseBadge;display:flex;box-shadow:0 2px 8px #ef444466}.mobile-pending-dot{background:#fff;border-radius:50%;width:6px;height:6px}.mobile-rider-pill{color:#93c5fd;white-space:nowrap;background:#3b82f633;border:1px solid #3b82f659;border-radius:16px;padding:.25rem .65rem;font-size:.78rem;font-weight:600}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulseBadge{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (width<=900px){.header.app-top-header{min-height:52px;padding:max(.6rem, env(safe-area-inset-top)) .9rem .6rem!important}.desktop-nav,.desktop-only{display:none!important}.mobile-header-right{display:flex!important}.brand-title{font-size:.95rem!important}.dashboard-grid{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar-scrollable{height:auto;overflow:visible;padding:1rem .75rem!important}.map-container{height:400px}input,select,textarea{font-size:16px!important}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:440px;animation:.2s ease-out scaleIn;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:var(--primary-color);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:800;display:flex}.modal-body{padding:1.5rem}.modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.badge-paid{color:#15803d;background-color:#dcfce7;border-radius:9999px;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:800;display:inline-flex}.badge-unpaid{color:#b45309;background-color:#fef3c7;border-radius:9999px;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:800;display:inline-flex}.receipt-tag{color:#1e40af;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:.15rem .45rem;font-family:monospace;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.receipt-tag:hover{background-color:#dbeafe}.payment-toast{z-index:999;background:#fff;border:2px solid #10b981;border-radius:12px;align-items:center;gap:.75rem;max-width:380px;padding:1rem 1.25rem;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:5rem;right:1.5rem;box-shadow:0 10px 15px -3px #10b98133,0 4px 6px -2px #10b9811a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.toast-close-btn:hover{color:#0f172a}.filter-pills{gap:6px;margin-bottom:.75rem;display:flex}.filter-pill{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:all .2s}.filter-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.note-pill{color:#1e40af;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:6px;align-items:center;gap:5px;margin:3px 0 6px;padding:.25rem .5rem;font-size:.74rem;font-weight:500;line-height:1.3;display:inline-flex}.note-toggle-box{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:.45rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.note-toggle-box:hover{color:var(--text-primary);background-color:#f1f5f9;border-color:#94a3b8}.note-input-container{animation:.2s ease-out fadeInNote;position:relative}@keyframes fadeInNote{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rider-app-wrapper{background-color:#f8fafc;flex-direction:column;width:100%;max-width:520px;min-height:calc(100vh - 65px);margin:0 auto;display:flex;position:relative;box-shadow:0 0 35px #0f172a14}@media (width<=540px){.rider-app-wrapper{max-width:100%;box-shadow:none;min-height:100vh}}.rider-top-header{color:#fff;z-index:40;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-bottom-right-radius:24px;border-bottom-left-radius:24px;padding:1.25rem 1.25rem 1rem;position:sticky;top:0;box-shadow:0 10px 25px -5px #0f172a4d}.rider-top-bar{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.rider-identity{align-items:center;gap:.75rem;display:flex}.rider-avatar-badge{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:2px solid #ffffff40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f666}.rider-name-title{letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.2}.rider-code-tag{color:#93c5fd;letter-spacing:.04em;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;margin-top:3px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.rider-header-actions{align-items:center;gap:.45rem;display:flex}.rider-icon-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.rider-icon-btn:hover{color:#fff;background:#fff3}.rider-icon-btn.active{color:#60a5fa;background:#3b82f640;border-color:#3b82f6}.rider-status-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.rider-status-indicator{align-items:center;gap:.65rem;display:flex}.rider-pulse-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.rider-pulse-dot.online{background-color:#10b981;box-shadow:0 0 10px #10b981}.rider-pulse-dot.online:after{content:"";border:2px solid #10b981;border-radius:50%;animation:1.8s cubic-bezier(.45,0,.55,1) infinite pulseBeacon;position:absolute;inset:-5px}.rider-pulse-dot.busy{background-color:#f59e0b;box-shadow:0 0 10px #f59e0b}.rider-pulse-dot.offline{background-color:#64748b}@keyframes pulseBeacon{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(2)}}.rider-status-text{letter-spacing:.01em;font-size:.92rem;font-weight:600}.rider-stats-strip{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.85rem;display:grid}.rider-stat-box{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:.55rem .4rem}.rider-stat-val{color:#fff;font-size:1.05rem;font-weight:700}.rider-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.65rem;font-weight:500}.rider-nav-tabs{background:#e2e8f0;border-radius:14px;gap:4px;margin:1rem 1rem .5rem;padding:4px;display:flex}.rider-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .75rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;position:relative}.rider-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.rider-tab-badge{color:#fff;background:#ef4444;border-radius:10px;padding:2px 6px;font-size:.65rem;font-weight:700;animation:1.2s ease-in-out infinite alternate bounceDot}@keyframes bounceDot{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.rider-body-content{flex-direction:column;flex:1;padding:.75rem 1rem 2rem;display:flex}.incoming-offer-card{background:#fff;border:2px solid #10b981;border-radius:20px;margin-bottom:1rem;padding:1.25rem;animation:1.6s ease-in-out infinite alternate offerCardPulse;box-shadow:0 12px 35px #10b98133,0 4px 12px #0000000d}@keyframes offerCardPulse{0%{box-shadow:0 6px 18px #10b98133}to{box-shadow:0 12px 35px #10b98166}}.offer-header-banner{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.offer-alert-pill{color:#047857;letter-spacing:.03em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.offer-fee-highlight{text-align:right}.offer-fee-number{color:#059669;font-size:1.65rem;font-weight:800;line-height:1}.offer-fee-caption{color:#64748b;text-transform:uppercase;font-size:.68rem;font-weight:600}.route-timeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:1rem;padding:1rem;position:relative}.route-stop-item{gap:.85rem;display:flex;position:relative}.route-stop-item:first-child{padding-bottom:1.25rem}.route-stop-item:first-child:after{content:"";background:#cbd5e1;border-style:dashed;width:2px;position:absolute;top:24px;bottom:0;left:11px}.stop-marker-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.stop-marker-dot.pickup{color:#059669;background:#ecfdf5;border:2px solid #10b981}.stop-marker-dot.dropoff{color:#2563eb;background:#eff6ff;border:2px solid #3b82f6}.stop-details{flex:1;min-width:0}.stop-tag{letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:700}.stop-tag.pickup{color:#059669}.stop-tag.dropoff{color:#2563eb}.stop-address{color:#1e293b;word-break:break-word;font-size:.95rem;font-weight:600;line-height:1.3}.btn-accept-order{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1.05rem;font-size:1.15rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #10b98159}.btn-accept-order:active{transform:scale(.98)}.rider-trip-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 10px 25px #0000000f}.rider-trip-stepper{justify-content:space-between;align-items:center;margin:.5rem 0 .85rem;padding:0 .5rem;display:flex;position:relative}.rider-trip-stepper:before{content:"";z-index:0;background:#e2e8f0;height:3px;position:absolute;top:14px;left:28px;right:28px}.stepper-step{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.stepper-bubble{color:#94a3b8;background:#fff;border:3px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;transition:all .3s;display:flex}.stepper-step.completed .stepper-bubble{color:#fff;background:#10b981;border-color:#10b981}.stepper-step.active .stepper-bubble{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:scale(1.1);box-shadow:0 0 10px #3b82f680}.stepper-label{color:#64748b;margin-top:5px;font-size:.65rem;font-weight:600}.stepper-step.active .stepper-label{color:#1e293b;font-weight:700}.mission-action-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.mission-top-row{justify-content:space-between;align-items:center;display:flex}.mission-phase-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#3b82f6;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.mission-target-address{color:#f8fafc;font-size:1.05rem;font-weight:700;line-height:1.3}.btn-nav-launch{cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.98rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb59;color:#fff!important}.btn-nav-launch:hover{background:#1d4ed8;transform:translateY(-1px)}.customer-comm-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.comm-cust-info{flex:1;min-width:0}.comm-cust-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.comm-cust-phone{color:#64748b;margin-top:1px;font-family:monospace;font-size:.82rem}.comm-action-buttons{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.comm-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:4px;height:38px;padding:0 .75rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.comm-btn-call{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.comm-btn-call:hover{background:#dbeafe}.comm-btn-wa{background:#25d366;color:#fff!important}.comm-btn-wa:hover{background:#20bd5a}.comm-btn-copy{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;padding:0 .6rem}.rider-payment-box{border-radius:14px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.rider-payment-box.paid{color:#065f46;background:#ecfdf5;border:1.5px solid #10b981}.rider-payment-box.unpaid{color:#92400e;background:#fffbeb;border:1.5px solid #f59e0b}.payment-box-title{letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px;font-size:.88rem;font-weight:800}.payment-box-sub{font-size:.8rem;font-weight:500;line-height:1.35}.rider-instruction-card{background:#fef3c7;border:1.5px solid #fcd34d;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.instruction-text{color:#78350f;font-size:.88rem;font-weight:600;line-height:1.35}.btn-trip-lifecycle{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1.1rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #00000026}.btn-trip-lifecycle.pickup{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.btn-trip-lifecycle.delivered{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-trip-lifecycle:active{transform:scale(.98)}.radar-searching-wrapper{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.radar-graphic-box{justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:1.75rem;display:flex;position:relative}.radar-ring{border:2px solid #3b82f659;border-radius:50%;animation:2.4s cubic-bezier(.215,.61,.355,1) infinite radarPulse;position:absolute}.radar-ring:first-child{width:45px;height:45px;animation-delay:0s}.radar-ring:nth-child(2){width:90px;height:90px;animation-delay:.6s}.radar-ring:nth-child(3){width:140px;height:140px;animation-delay:1.2s}@keyframes radarPulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}.radar-center-beacon{color:#fff;z-index:2;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 4px 15px #3b82f666}.radar-status-title{color:#1e293b;margin-bottom:.4rem;font-size:1.3rem;font-weight:700}.radar-status-sub{color:#64748b;max-width:300px;margin-bottom:1.25rem;font-size:.88rem;line-height:1.4}.radar-gps-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.rider-offline-box{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.offline-icon-circle{color:#94a3b8;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex}.earnings-hero-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:20px;margin-bottom:1.25rem;padding:1.5rem;box-shadow:0 10px 25px -5px #0f172a33}.earnings-total-val{color:#10b981;letter-spacing:-.02em;margin:.35rem 0;font-size:2.2rem;font-weight:800;line-height:1.1}.earnings-stat-row{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.earnings-history-list{flex-direction:column;gap:.75rem;display:flex}.trip-receipt-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;box-shadow:0 2px 5px #00000008}.receipt-top-bar{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.receipt-fee{color:#059669;font-size:1.1rem;font-weight:800}.rider-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:flex-end;padding:1rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.rider-modal-card{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;box-shadow:0 20px 40px #00000040}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.arrival-alert-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.1rem;animation:2s ease-in-out infinite alternate arrivalPulse;display:flex;box-shadow:0 4px 15px #0284c740}@keyframes arrivalPulse{0%{box-shadow:0 4px 15px #0284c740}to{box-shadow:0 8px 25px #0284c773}}.btn-im-outside{cursor:pointer;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #25d3664d;color:#fff!important}.btn-im-outside:hover{background:#20bd5a}.pin-verification-box{text-align:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:14px;margin-bottom:1rem;padding:1rem}.pin-verification-box.valid{background:#ecfdf5;border-color:#10b981}.pin-verification-box.invalid{background:#fef2f2;border-color:#ef4444}.pin-input-field{letter-spacing:.4em;text-align:center;background:#fff;border:2px solid #cbd5e1;border-radius:10px;width:180px;margin:.5rem auto;padding:.4rem .5rem;font-family:monospace;font-size:1.8rem;font-weight:800;display:block}.pin-input-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.badge-pin{color:#7c3aed;letter-spacing:.03em;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.handover-selector-group{gap:.5rem;margin-bottom:.85rem;display:flex}.handover-opt-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;padding:.65rem .5rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.handover-opt-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.quick-chips-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.quick-chip-item{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:3px 9px;font-size:.72rem;font-weight:600;transition:all .15s}.quick-chip-item:hover,.quick-chip-item.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.status-badge.status-arrived{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-arrived{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.btn-send-receipt{cursor:pointer;background:#25d366;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.75rem;padding:.9rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 12px #25d3664d;color:#fff!important}.orders-reports-container{width:100%;max-width:1380px;height:calc(100vh - 72px);margin:0 auto;padding:1.5rem 2rem;overflow-y:auto}.report-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-csv-export{color:#fff;background:#059669}.btn-csv-export:hover{background:#047857;box-shadow:0 2px 8px #0596694d}.btn-pdf-print{color:#fff;background:#2563eb}.btn-pdf-print:hover{background:#1d4ed8;box-shadow:0 2px 8px #2563eb4d}.btn-toggle-analytics{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.btn-toggle-analytics:hover{background:#e2e8f0}.orders-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.filter-grid-row{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:.75rem;display:grid}@media (width<=900px){.filter-grid-row{grid-template-columns:1fr 1fr}}@media (width<=600px){.orders-reports-container{padding:1rem}.filter-grid-row{grid-template-columns:1fr}}.date-preset-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.date-preset-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.status-pill-chip{text-transform:capitalize;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pill-chip.delivered{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-pill-chip.arrived{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.status-pill-chip.picked_up{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.status-pill-chip.accepted{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.status-pill-chip.pending{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.status-pill-chip.cancelled{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.orders-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.orders-report-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.orders-report-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.85rem .75rem;font-size:.78rem;font-weight:700}.orders-report-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem .75rem}.orders-report-table tr:hover{background:#f8fafc}.print-only{display:none}@media print{.no-print,.role-selector,.mobile-drawer-overlay,.mobile-header-right,.desktop-nav,.floating-finance-btn,.btn-csv-export,.btn-pdf-print,.btn-toggle-analytics,.orders-filter-card,.recharts-responsive-container,.analytics-card-section,button,a.no-print{display:none!important}body,html{color:#000!important;background:#fff!important;font-size:11pt!important}.orders-reports-container{max-width:100%!important;height:auto!important;padding:0!important;overflow:visible!important}.print-only{display:block!important}.orders-table-wrapper{box-shadow:none!important;border:1px solid #333!important;overflow:visible!important}.orders-report-table{font-size:8.5pt!important}.orders-report-table th,.orders-report-table td{border-bottom:1px solid #ddd!important;padding:4px 6px!important}.orders-report-table tr{page-break-inside:avoid!important}@page{margin:12mm;size:landscape}}:root{--primary-navy:#0f172a;--secondary-slate:#1e293b;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--accent-amber:#f59e0b;--accent-emerald:#10b981;--text-dark:#0f172a;--text-muted:#64748b;--text-light:#f8fafc;--bg-light:#f8fafc;--bg-white:#fff;--border-color:#e2e8f0;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 10px 25px -5px #00000014;--shadow-lg:0 20px 40px -10px #0000001f}.landing-wrapper,.landing-wrapper *{font-style:italic!important}.landing-wrapper{background-color:var(--bg-light);color:var(--text-dark);min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.top-banner{color:#94a3b8;background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.85rem;display:flex}.top-banner strong{color:#f8fafc}.banner-link{color:#38bdf8;align-items:center;gap:.35rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.banner-link:hover{color:#7dd3fc;text-decoration:underline}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fffffff2;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.brand-logo{cursor:pointer;align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon-wrap{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;box-shadow:0 4px 12px #2563eb4d}.brand-logo:hover .logo-icon-wrap{transform:scale(1.1)rotate(-4deg);box-shadow:0 6px 18px #2563eb73}.brand-text{flex-direction:column;display:flex}.brand-title{letter-spacing:-.5px;color:var(--primary-navy);font-size:1.35rem;font-weight:800}.brand-accent{color:var(--accent-blue)}.brand-tagline{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.7rem;font-weight:600}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--accent-blue);transform-origin:100%;width:100%;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--accent-blue)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-actions{align-items:center;gap:1rem;display:flex}.btn-portal-login{background:var(--primary-navy);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-portal-login:hover{background:var(--accent-blue);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.menu-toggle{color:var(--text-dark);cursor:pointer;background:0 0;border:none;display:none}.hero-section{background:url(/assets/falcon_hero_bg-DXvLZzQd.jpg) bottom/cover no-repeat;padding:4.5rem 1.5rem 3.5rem;position:relative;overflow:hidden}.hero-sky-backdrop{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.falcon-flight-track.main-falcon{filter:drop-shadow(0 14px 22px #0f172a59);width:125px;height:82px;animation:18s cubic-bezier(.4,0,.2,1) infinite falconSoarAcross;position:absolute;top:10%;left:-140px}.falcon-body-wrap{transform-origin:50%;width:100%;height:100%;animation:4s ease-in-out infinite alternate falconGlideMotion}.falcon-live-svg{width:100%;height:100%;overflow:visible}.falcon-wing-left{transform-origin:48px 28px;animation:1.3s ease-in-out infinite wingBeatLeft}.falcon-wing-right{transform-origin:52px 28px;animation:1.3s ease-in-out infinite wingBeatRight}.falcon-vapor-trail{filter:blur(1px);background:linear-gradient(90deg,#0000,#38bdf899,#0000);border-radius:2px;width:80px;height:2px;animation:1.3s ease-in-out infinite vaporPulse;position:absolute;top:48%;right:80%;transform:rotate(-3deg)}.falcon-flight-track.distant-falcon-1{opacity:.8;filter:blur(.2px)drop-shadow(0 4px 8px #0f172a33);width:52px;height:34px;animation:26s linear 5s infinite falconSoarHigh;position:absolute;top:6%;left:-70px}.falcon-flight-track.distant-falcon-2{opacity:.7;filter:blur(.3px)drop-shadow(0 4px 8px #0f172a33);width:42px;height:28px;animation:22s linear 12s infinite falconSoarHigh;position:absolute;top:22%;left:-60px}@keyframes falconSoarAcross{0%{opacity:0;transform:translate(-120px,30px)scale(.7)rotate(6deg)}8%{opacity:1}35%{transform:translate(35vw,10px)scale(1)rotate(-3deg)}60%{transform:translate(65vw,55px)scale(1.05)rotate(4deg)}85%{opacity:1;transform:translate(92vw,15px)scale(.95)rotate(-2deg)}to{opacity:0;transform:translate(115vw,-30px)scale(.8)rotate(-6deg)}}@keyframes falconSoarHigh{0%{opacity:0;transform:translate(-60px,20px)scale(.8)rotate(3deg)}10%{opacity:.55}50%{transform:translate(50vw,-15px)scale(1)rotate(-2deg)}90%{opacity:.55}to{opacity:0;transform:translate(110vw,25px)scale(.7)rotate(4deg)}}@keyframes falconGlideMotion{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-8px)rotate(-3deg)}70%{transform:translateY(6px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}@keyframes wingBeatLeft{0%,to{transform:scaleY(1)rotate(0)}12%{transform:scaleY(.35)translateY(7px)rotate(-12deg)}25%{transform:scaleY(1.1)translateY(-3px)rotate(7deg)}38%{transform:scaleY(.4)translateY(5px)rotate(-9deg)}50%{transform:scaleY(1.05)translateY(-2px)rotate(3deg)}65%,90%{transform:scaleY(.95)translateY(0)rotate(2deg)}}@keyframes wingBeatRight{0%,to{transform:scaleY(1)rotate(0)}12%{transform:scaleY(.35)translateY(7px)rotate(-12deg)}25%{transform:scaleY(1.1)translateY(-3px)rotate(7deg)}38%{transform:scaleY(.4)translateY(5px)rotate(-9deg)}50%{transform:scaleY(1.05)translateY(-2px)rotate(3deg)}65%,90%{transform:scaleY(.95)translateY(0)rotate(2deg)}}@keyframes vaporPulse{0%,to{opacity:.2;transform:scaleX(.8)}50%{opacity:.7;transform:scaleX(1.2)}}.hero-container{z-index:3;max-width:1200px;margin:0 auto;position:relative}.hero-content{max-width:720px}.hero-badge{color:var(--accent-blue);background:#eff6ff;border:1px solid #dbeafe;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-1px;color:var(--primary-navy);text-shadow:0 2px 16px #ffffffd9,0 0 2px #fffffff2;margin-bottom:1.25rem;font-size:3rem;font-weight:800;line-height:1.15}.gradient-text{background:linear-gradient(135deg,#1d4ed8 0%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:#1e293b;text-shadow:0 1px 12px #ffffffe6;margin-bottom:2rem;font-size:1.15rem;font-weight:500;line-height:1.6}.hero-cta-group{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.btn-hero-primary{color:#fff;border-radius:var(--radius-sm);background:#10b981;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.btn-hero-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-hero-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--primary-navy);border-radius:var(--radius-sm);cursor:pointer;background:#ffffffeb;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000d}.btn-hero-secondary:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.hero-trust-list{flex-wrap:wrap;gap:1rem;display:flex}.trust-item{color:#0f172a;-webkit-backdrop-filter:blur(8px);background:#ffffffd6;border:1px solid #ffffffe6;border-radius:20px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0f172a0f}.hero-visual{justify-content:center;display:flex}.visual-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#fffffff0;border:1px solid #e2e8f0e6;width:100%;max-width:400px;padding:2rem;position:relative;box-shadow:0 20px 40px -15px #0f172a29,0 0 0 1px #e2e8f0e6}.card-header-badge{text-transform:uppercase;color:var(--accent-blue);background:#eff6ff;border-radius:20px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:flex}.live-indicator{background:var(--accent-blue);border-radius:50%;width:6px;height:6px}.visual-illustration{flex-direction:column;align-items:center;padding:1.5rem 0;display:flex}.delivery-falcon-circle,.delivery-truck-circle{background:#eff6ff;border:3px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;box-shadow:0 8px 20px #2563eb26}.route-line{background:#e2e8f0;border-radius:2px;width:80%;height:4px;margin-top:1.5rem;position:relative}.route-dot{border-radius:50%;width:12px;height:12px;position:absolute;top:-4px}.route-dot.start{background:var(--accent-blue);left:0}.route-dot.end{background:var(--accent-emerald);right:0}.visual-info{border-top:1px solid #f1f5f9;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.info-row{justify-content:space-between;font-size:.85rem;display:flex}.info-label{color:var(--text-muted)}.info-val{color:var(--text-dark);font-weight:600}.status-badge{color:#b45309;background:#fef3c7;border-radius:4px;padding:.15rem .5rem;font-size:.8rem}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.reveal-on-scroll .stagger-1{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1) 80ms,transform .7s cubic-bezier(.16,1,.3,1) 80ms;transform:translateY(24px)}.reveal-on-scroll .stagger-2{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1) .16s,transform .7s cubic-bezier(.16,1,.3,1) .16s;transform:translateY(24px)}.reveal-on-scroll .stagger-3{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1) .24s,transform .7s cubic-bezier(.16,1,.3,1) .24s;transform:translateY(24px)}.reveal-on-scroll .stagger-4{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1) .32s,transform .7s cubic-bezier(.16,1,.3,1) .32s;transform:translateY(24px)}.reveal-on-scroll.is-revealed .stagger-1,.reveal-on-scroll.is-revealed .stagger-2,.reveal-on-scroll.is-revealed .stagger-3,.reveal-on-scroll.is-revealed .stagger-4{opacity:1;transform:translateY(0)}.stats-section{background:var(--primary-navy);color:#fff;padding:2.75rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.stats-container{text-align:center;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.stat-card{padding:.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-4px)}.stat-number{color:#38bdf8;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #38bdf859;margin-bottom:.25rem;font-size:2.35rem;font-weight:800;transition:color .3s,text-shadow .3s}.stat-card:hover .stat-number{color:#60a5fa;text-shadow:0 0 25px #38bdf899}.stat-label{color:#94a3b8;font-size:.9rem;font-weight:500}.section-container{max-width:1200px;margin:0 auto;padding:4.5rem 1.5rem}.section-header{margin-bottom:3rem}.section-header.text-center{text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.section-tag{color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-block}.section-tag-light{color:#38bdf8;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.5px;color:var(--primary-navy);margin-bottom:1rem;font-size:2.25rem;font-weight:800}.section-desc{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.about-section{border-bottom:1px solid var(--border-color);background:#fff}.services-section{background:var(--bg-light)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;display:grid}.service-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;flex-direction:column;padding:2rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#2563eb,#38bdf8);height:3px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:#93c5fd;transform:translateY(-8px);box-shadow:0 20px 35px -10px #2563eb1f,0 0 0 1px #bfdbfecc}.service-card:hover:before{transform:scaleX(1)}.service-icon-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex}.service-card:hover .service-icon-box{border-color:#bfdbfe;transform:scale(1.12)rotate(4deg);box-shadow:0 8px 18px #2563eb2e}.service-title{color:var(--primary-navy);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.service-text{color:var(--text-muted);flex-grow:1;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5}.service-feature-list{border-top:1px solid #f1f5f9;flex-direction:column;gap:.5rem;padding-top:1rem;list-style:none;display:flex}.service-feature-list li{color:#334155;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.feature-check{color:var(--accent-emerald);flex-shrink:0;transition:transform .2s,color .2s}.service-card:hover .feature-check{color:#059669;transform:scale(1.2)}.how-it-works-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#fff}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.workflow-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f8fafc;padding:2.25rem 1.75rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.workflow-card:after{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#10b981);height:3px;transition:transform .35s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.workflow-card:hover{border-color:#bfdbfe;transform:translateY(-6px);box-shadow:0 16px 32px -8px #0f172a14}.workflow-card:hover:after{transform:scaleX(1)}.step-badge{color:var(--accent-blue);background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.5rem;font-weight:900;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s,color .3s,box-shadow .3s;display:flex}.workflow-card:hover .step-badge{color:#fff;background:#2563eb;transform:scale(1.12)rotate(-4deg);box-shadow:0 8px 20px #2563eb59}.step-title{color:var(--primary-navy);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.step-desc{color:var(--text-muted);font-size:.95rem;line-height:1.5}.why-us-section{background:var(--bg-light)}.why-us-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid}.features-checklist{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.feature-box{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;gap:1.25rem;padding:1.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex}.feature-box:hover{border-color:#93c5fd;transform:translate(8px);box-shadow:0 12px 24px -6px #0f172a14}.feat-icon{flex-shrink:0;width:28px;height:28px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.feature-box:hover .feat-icon{transform:scale(1.2)rotate(-6deg)}.feature-box h4{color:var(--primary-navy);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.feature-box p{color:var(--text-muted);font-size:.9rem;line-height:1.4}.portal-promo-card{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff1a;padding:2.5rem;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.portal-promo-card:hover{border-color:#38bdf866;transform:translateY(-6px);box-shadow:0 25px 50px -12px #2563eb59}.portal-promo-card .falcon-icon{animation:3.5s ease-in-out infinite alternate floatFalconCard}@keyframes floatFalconCard{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(4deg)}}.portal-promo-card h3{margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.portal-promo-card p{color:#94a3b8;margin-bottom:1.75rem;font-size:.95rem;line-height:1.5}.btn-portal-cta{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#3b82f6;border:none;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-portal-cta:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:40%;height:200%;animation:3.5s infinite sweepShine;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}@keyframes sweepShine{0%,70%{left:-60%}to{left:140%}}.btn-portal-cta:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.contact-section{background:#fff}.contact-card{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;padding:3.5rem 3rem;display:grid}.contact-info-col h2{margin-bottom:1rem;font-size:2rem;font-weight:800;line-height:1.2}.contact-info-col p{color:#94a3b8;margin-bottom:2rem;font-size:1rem;line-height:1.6}.contact-details{flex-direction:column;gap:1.25rem;display:flex}.contact-item{align-items:center;gap:1rem;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex}.contact-item:hover{transform:translate(8px)}.contact-icon{color:#38bdf8;flex-shrink:0;width:24px;height:24px;transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s}.contact-item:hover .contact-icon{color:#60a5fa;transform:scale(1.2)}.contact-item div{flex-direction:column;font-size:.9rem;display:flex}.contact-item strong{color:#f8fafc}.contact-item span{color:#94a3b8}.action-box{border-radius:var(--radius-md);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;padding:2rem;transition:transform .3s,border-color .3s}.action-box:hover{border-color:#38bdf84d}.action-box h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.action-box p{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem;line-height:1.4}.btn-whatsapp-large{color:#fff;border-radius:var(--radius-sm);background:#10b981;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.9rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #10b98159}.btn-whatsapp-large:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;height:200%;animation:4s 1.5s infinite sweepShine;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}.btn-whatsapp-large:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 25px #10b9818c}.landing-footer{color:#94a3b8;background:#090d16;padding:4rem 1.5rem 2rem}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto 3rem;display:grid}.footer-brand .brand-title{color:#fff}.footer-desc{max-width:350px;margin-top:1rem;font-size:.9rem;line-height:1.5}.footer-links-col h4{color:#fff;margin-bottom:1.25rem;font-size:1rem;font-weight:700}.footer-links-col a,.footer-link-btn{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;margin-bottom:.75rem;padding:0;font-family:inherit;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-links-col a:hover,.footer-link-btn:hover{color:#38bdf8}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;max-width:1200px;margin:0 auto;padding-top:2rem;font-size:.85rem}.text-amber{color:var(--accent-amber)}.text-blue{color:var(--accent-blue)}.text-emerald{color:var(--accent-emerald)}.text-purple{color:#a855f7}@media (width<=960px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-badge{margin-left:auto;margin-right:auto}.hero-cta-group,.hero-trust-list{justify-content:center}.hero-title{font-size:2.35rem}.stats-container{grid-template-columns:repeat(2,1fr)}.workflow-grid,.why-us-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr;padding:2.5rem 1.5rem}.footer-container{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.top-banner{text-align:center;flex-direction:column;gap:.35rem}.nav-links{display:none}.nav-links.mobile-active{width:100%;box-shadow:var(--shadow-md);border-bottom:1px solid var(--border-color);background:#fff;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:absolute;top:100%;left:0}.menu-toggle{display:block}.btn-portal-login span{display:none}.btn-portal-login{padding:.5rem .75rem}}.receipt-page-container{color:#1e293b;background-color:#f1f5f9;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem 4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.receipt-top-bar{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:1.25rem;display:flex}.receipt-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.receipt-back-btn:hover{color:#0f172a;background:#f8fafc}.receipt-action-group{gap:.5rem;display:flex}.receipt-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.receipt-btn-whatsapp{color:#fff;background-color:#25d366}.receipt-btn-whatsapp:hover{background-color:#20ba5a}.receipt-btn-print{color:#fff;background-color:#0f172a}.receipt-btn-print:hover{background-color:#1e293b}.receipt-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}.receipt-header-band{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:1.75rem 2rem 1.5rem;position:relative}.receipt-brand-row{justify-content:space-between;align-items:flex-start;display:flex}.receipt-brand-info{align-items:center;gap:.75rem;display:flex}.receipt-logo-icon{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.receipt-company-name{letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.2}.receipt-company-tagline{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.receipt-voucher-title{text-align:right}.receipt-title-tag{text-transform:uppercase;letter-spacing:.1em;color:#38bdf8;background:#38bdf81f;border-radius:4px;margin-bottom:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.receipt-order-num{color:#f8fafc;font-family:monospace;font-size:.95rem;font-weight:700}.receipt-status-banner{background-color:#f8fafc;border-bottom:1px dashed #cbd5e1;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.receipt-status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-badge-paid{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.status-badge-delivered{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.status-badge-pending{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.receipt-timestamp{color:#64748b;font-size:.8rem;font-weight:500}.receipt-body{padding:1.75rem 2rem}.receipt-section-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.75rem;font-size:.725rem;font-weight:700}.receipt-route-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.route-stop{align-items:flex-start;gap:.75rem;display:flex;position:relative}.route-stop:first-child{padding-bottom:1rem}.route-stop:first-child:after{content:"";background:#cbd5e1;width:2px;position:absolute;top:22px;bottom:0;left:9px}.route-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.route-dot-pickup{color:#fff;background:#2563eb}.route-dot-dropoff{color:#fff;background:#10b981}.route-details{flex:1}.route-label{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:700}.route-address{color:#0f172a;font-size:.925rem;font-weight:600}.receipt-info-grid{grid-template-cols:1fr 1fr;border-bottom:1px solid #f1f5f9;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:grid}.info-item{flex-direction:column;display:flex}.info-item-label{color:#64748b;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem;font-weight:600}.info-item-value{color:#1e293b;font-size:.925rem;font-weight:600}.receipt-financials{margin-bottom:1.5rem}.fin-row{color:#475569;justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.fin-row-total{color:#0f172a;border-top:2px solid #0f172a;border-bottom:2px solid #0f172a;margin-top:.5rem;padding:.85rem 0;font-size:1.15rem;font-weight:800}.fin-amount-highlight{color:#15803d;font-weight:800}.mpesa-confirmation-box{background:#f0fdf4;border:1px dashed #86efac;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.85rem 1rem;display:flex}.mpesa-code-label{color:#166534;text-transform:uppercase;letter-spacing:.05em;font-size:.725rem;font-weight:700}.mpesa-code-value{color:#14532d;letter-spacing:.05em;font-family:monospace;font-size:1.1rem;font-weight:800}.receipt-footer{text-align:center;color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem 2rem;font-size:.775rem;line-height:1.5}.receipt-footer-support{color:#0f172a;margin-bottom:.4rem;font-weight:600}.receipt-footer-link{color:#2563eb;text-decoration:none}.receipt-state-box{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:480px;padding:3rem 2rem;box-shadow:0 4px 6px -1px #0000000d}.receipt-search-form{gap:8px;margin:1.25rem 0;display:flex}.receipt-search-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:.65rem .85rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.receipt-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.receipt-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}.receipt-search-btn:hover{background:#1d4ed8}@media print{body,html{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}.receipt-page-container{background:#fff!important;margin:0!important;padding:0!important}.no-print,.receipt-top-bar,.landing-nav,.top-banner,header,footer{display:none!important}.receipt-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #000!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important}.receipt-header-band{color:#fff!important;background:#0f172a!important}.status-badge-paid{color:#15803d!important;background:#dcfce7!important;border:1px solid #15803d!important}.mpesa-confirmation-box{background:#f0fdf4!important;border:1px solid #166534!important}}