@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqQ4E.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--app-background: #F8F9FB;--bg-primary: #F8F9FB;--bg-card: #FFFFFF;--surface: #FFFFFF;--surface-secondary: #F3F4F6;--surface-tertiary: #E5E7EB;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--border: #E5E7EB;--border-color: #E5E7EB;--border-focus: #FFC107;--primary: #FFC107;--primary-hover: #E0A800;--primary-light: #FFF8E1;--primary-contrast: #111827;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--disabled: #D1D5DB;--overlay: rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .12);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--app-background: #0F172A;--bg-primary: #0F172A;--bg-card: #1E293B;--surface: #1E293B;--surface-secondary: #334155;--surface-tertiary: #475569;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #64748B;--border: #334155;--border-color: #334155;--border-focus: #FFC107;--primary: #FFC107;--primary-hover: #FFD54F;--primary-light: rgba(255, 193, 7, .15);--primary-contrast: #0F172A;--success: #34D399;--success-light: rgba(52, 211, 153, .15);--warning: #FBBF24;--warning-light: rgba(251, 191, 36, .15);--danger: #F87171;--danger-light: rgba(248, 113, 113, .15);--info: #60A5FA;--info-light: rgba(96, 165, 250, .15);--disabled: #475569;--overlay: rgba(0, 0, 0, .75);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;background-color:var(--app-background);color:var(--text-primary);font-family:var(--font-family);font-size:15px;line-height:1.5;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body{margin:0;padding:0;width:100%}.main-app-container{width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;background-color:var(--app-background)}.mobile-app-wrapper{width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background-color:var(--app-background);position:relative;display:flex;flex-direction:column;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}p{color:var(--text-secondary)}.btn-primary{width:100%;background-color:var(--primary);color:var(--primary-contrast);border:none;padding:14px 20px;font-size:16px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,transform .1s ease}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background-color:var(--disabled);color:var(--text-muted);cursor:not-allowed;transform:none}.btn-secondary{width:100%;background-color:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border);padding:14px 20px;font-size:16px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-secondary:active{transform:scale(.98)}.btn-outline{width:100%;background-color:transparent;color:var(--primary);border:2px solid var(--primary);padding:12px 20px;font-size:16px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.form-control{width:100%;background-color:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:14px 16px;font-size:15px;border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #ffc10740}.form-control::placeholder{color:var(--text-muted)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:16px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.chip.chip-pending{background-color:var(--warning-light);color:var(--warning)}.chip.chip-active{background-color:var(--success-light);color:var(--success)}.chip.chip-danger{background-color:var(--danger-light);color:var(--danger)}.chip.chip-info{background-color:var(--info-light);color:var(--info)}.custom-select-group{position:relative}.custom-dropdown{position:relative;width:100%;box-sizing:border-box}.custom-dropdown .dropdown-trigger{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-primary);font-size:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none}.custom-dropdown .dropdown-trigger .arrow-icon{font-size:12px;color:var(--text-secondary);transition:transform .2s ease}.custom-dropdown.open .dropdown-trigger .arrow-icon{transform:rotate(180deg)}.custom-dropdown .dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;max-width:100%;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.custom-dropdown .dropdown-menu .dropdown-search-box{padding:8px;border-bottom:1px solid var(--border);background-color:var(--surface-secondary)}.custom-dropdown .dropdown-menu .dropdown-search-box .dropdown-search-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);font-size:13px;background-color:var(--surface);color:var(--text-primary);box-sizing:border-box}.custom-dropdown .dropdown-menu .dropdown-search-box .dropdown-search-input:focus{outline:none;border-color:var(--primary)}.custom-dropdown .dropdown-menu .dropdown-options-list{max-height:180px;overflow-y:auto;box-sizing:border-box}.custom-dropdown .dropdown-menu .dropdown-option{padding:12px 16px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color .15s ease}.custom-dropdown .dropdown-menu .dropdown-option:hover,.custom-dropdown .dropdown-menu .dropdown-option.selected{background-color:var(--surface-secondary);font-weight:600}.custom-dropdown .dropdown-menu .dropdown-option.selected{color:var(--primary)}.custom-dropdown .dropdown-menu .dropdown-no-results{padding:14px;font-size:13px;color:var(--text-secondary);text-align:center}[data-theme=dark] .mobile-app-wrapper,[data-theme=dark] .main-app-container{background-color:var(--app-background)!important;color:var(--text-primary)!important;box-shadow:0 0 50px #00000080!important}[data-theme=dark] .dashboard-content,[data-theme=dark] .jobs-content{background-color:var(--app-background)!important;color:var(--text-primary)!important}[data-theme=dark] .driver-header,[data-theme=dark] .jobs-header{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .location-box,[data-theme=dark] .online-toggle-container{background-color:var(--surface-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .section-header h3,[data-theme=dark] .jobs-header h2,[data-theme=dark] .user-greeting h2{color:var(--text-primary)!important}[data-theme=dark] .job-card-item,[data-theme=dark] .job-item-card,[data-theme=dark] .active-job-card,[data-theme=dark] .empty-state,[data-theme=dark] .empty-jobs{background-color:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .job-card-item h3,[data-theme=dark] .job-card-item h4,[data-theme=dark] .job-card-item .val,[data-theme=dark] .job-card-item strong,[data-theme=dark] .job-item-card h3,[data-theme=dark] .job-item-card h4,[data-theme=dark] .job-item-card .val,[data-theme=dark] .job-item-card strong,[data-theme=dark] .active-job-card h3,[data-theme=dark] .active-job-card h4,[data-theme=dark] .active-job-card .val,[data-theme=dark] .active-job-card strong,[data-theme=dark] .empty-state h3,[data-theme=dark] .empty-state h4,[data-theme=dark] .empty-state .val,[data-theme=dark] .empty-state strong,[data-theme=dark] .empty-jobs h3,[data-theme=dark] .empty-jobs h4,[data-theme=dark] .empty-jobs .val,[data-theme=dark] .empty-jobs strong{color:var(--text-primary)!important}[data-theme=dark] .job-card-item p,[data-theme=dark] .job-card-item .location,[data-theme=dark] .job-card-item .lbl,[data-theme=dark] .job-card-item span:not(.badge-count):not(.chip):not(.status-badge),[data-theme=dark] .job-item-card p,[data-theme=dark] .job-item-card .location,[data-theme=dark] .job-item-card .lbl,[data-theme=dark] .job-item-card span:not(.badge-count):not(.chip):not(.status-badge),[data-theme=dark] .active-job-card p,[data-theme=dark] .active-job-card .location,[data-theme=dark] .active-job-card .lbl,[data-theme=dark] .active-job-card span:not(.badge-count):not(.chip):not(.status-badge),[data-theme=dark] .empty-state p,[data-theme=dark] .empty-state .location,[data-theme=dark] .empty-state .lbl,[data-theme=dark] .empty-state span:not(.badge-count):not(.chip):not(.status-badge),[data-theme=dark] .empty-jobs p,[data-theme=dark] .empty-jobs .location,[data-theme=dark] .empty-jobs .lbl,[data-theme=dark] .empty-jobs span:not(.badge-count):not(.chip):not(.status-badge){color:var(--text-secondary)!important}[data-theme=dark] .jobs-tabs .tab{background-color:var(--surface-secondary)!important;border-color:var(--border)!important;color:var(--text-secondary)!important}[data-theme=dark] .jobs-tabs .tab.active{background-color:var(--primary)!important;color:var(--primary-contrast)!important;border-color:var(--primary)!important}[data-theme=dark] .offline-banner{background:#f59e0b1f!important;border-color:#f59e0b4d!important}[data-theme=dark] .offline-banner h4{color:#fbbf24!important}[data-theme=dark] .offline-banner p{color:#fde68a!important}[data-theme=dark] .rc-action-banner{background:#ffc1071f!important;border-color:#ffc10759!important}[data-theme=dark] .rc-action-banner h4{color:#fbbf24!important}[data-theme=dark] .rc-action-banner p{color:#fde68a!important}[data-theme=dark] .bottom-nav{background-color:var(--surface)!important;border-color:var(--border)!important}
