:root{--color-bg: #F1EDE3;--color-surface: #FFFFFF;--color-text: #1A1A17;--color-text-muted: #5C5C54;--color-border: #D9D3C4;--color-accent-alert: #B8453A;--color-accent-active: #3E7C6B;--color-accent-customs: #C99A3E;--color-accent-info: #3A6EA5;--color-event-recovery: var(--color-accent-customs);--color-event-pickup: var(--color-accent-info);--color-event-delivery: var(--color-accent-alert);--color-event-customer_pickup: var(--color-accent-active);--color-event-transfer: #5B6B8C;--color-event-carnet_clearance:#8B5FA8;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--radius: 10px;--radius-pill: 999px;--tap-target: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}button,input{font-family:inherit;font-size:inherit}.login-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-5);background:var(--color-bg)}.login-logo{text-align:center;margin-bottom:var(--space-6)}.login-logo-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.login-logo-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.login-input{height:var(--tap-target);padding:0 var(--space-4);border-radius:var(--radius);border:2px solid var(--color-border);background:var(--color-surface);font-size:var(--text-md)}.login-input:focus{outline:none;border-color:var(--color-accent-active)}.login-error{color:var(--color-accent-alert);font-size:var(--text-sm);text-align:center}.login-submit{height:var(--tap-target);border-radius:var(--radius);border:none;background:var(--color-accent-active);color:#fff;font-family:var(--font-display);font-size:var(--text-md);font-weight:600;margin-top:var(--space-2)}.login-submit:active{opacity:.85}.login-submit:disabled{opacity:.5}.app-shell{min-height:100vh;padding-top:var(--safe-top);padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.app-header{padding:var(--space-4) var(--space-4) var(--space-3);background:var(--color-bg);position:sticky;top:0;z-index:5}.app-header-greeting{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.app-header-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.status-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.status-tab{flex:1;height:44px;border-radius:var(--radius);border:2px solid var(--color-border);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.status-tab.active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-2)}.section-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.section-title.overdue{color:var(--color-accent-alert)}.section-count{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-border);padding:1px 8px;border-radius:var(--radius-pill)}.empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.job-list{padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.job-card{display:flex;background:var(--color-surface);border-radius:var(--radius);box-shadow:0 1px 3px #00000014;overflow:hidden}.job-card.mine{box-shadow:0 0 0 2px var(--color-accent-active),0 1px 3px #00000014}.job-card-bar{width:6px;flex-shrink:0}.job-card-body{padding:var(--space-3) var(--space-4);flex:1;min-width:0}.job-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.job-card-name{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;line-height:1.25}.job-card-mine-badge{flex-shrink:0;font-size:var(--text-xs);font-weight:700;color:#fff;background:var(--color-accent-active);padding:2px 9px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em}.job-card-time-ago{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-muted)}.job-card-done-check{color:var(--color-accent-active);font-weight:700;margin-left:auto}.job-card-customer{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.job-card-event{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.evtag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;padding:3px 8px;border-radius:5px;color:#fff;letter-spacing:.03em;flex-shrink:0}.evtag-recovery{background:var(--color-event-recovery)}.evtag-pickup{background:var(--color-event-pickup)}.evtag-delivery{background:var(--color-event-delivery)}.evtag-customer_pickup{background:var(--color-event-customer_pickup)}.evtag-transfer{background:var(--color-event-transfer)}.evtag-carnet_clearance{background:var(--color-event-carnet_clearance)}.job-card-datetime{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}.job-card-location{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.4}.job-card-driver{font-size:var(--text-sm);margin-top:var(--space-1)}.job-card-driver.unassigned{color:var(--color-accent-alert);font-weight:600}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;z-index:10}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-muted);text-decoration:none;font-size:var(--text-xs);font-weight:600;background:none;border:none}.nav-item.active{color:var(--color-accent-active)}.nav-icon{font-size:22px}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:20;display:flex;align-items:flex-end}.detail-sheet{background:var(--color-bg);width:100%;max-height:90vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:var(--space-4) var(--space-4) calc(var(--space-6) + var(--safe-bottom));position:relative}.detail-sheet-handle{width:40px;height:4px;background:var(--color-border);border-radius:99px;margin:0 auto var(--space-4)}.detail-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;padding-right:40px}.detail-customer{font-size:var(--text-md);color:var(--color-text-muted);margin-top:2px}.detail-field-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:var(--space-4);margin-bottom:var(--space-1)}.detail-note{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-3);font-size:var(--text-sm);line-height:1.5}.detail-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5)}.action-btn{height:var(--tap-target);border-radius:var(--radius);border:2px solid var(--color-border);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-md);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.action-btn.primary{background:var(--color-accent-active);border-color:var(--color-accent-active);color:#fff}.action-btn.photo{background:var(--color-accent-customs);border-color:var(--color-accent-customs);color:#fff}.action-btn:active{opacity:.85}.action-btn:disabled{opacity:.5}.close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;border-radius:99px;background:var(--color-border);border:none;font-size:18px;display:flex;align-items:center;justify-content:center}.loading-state{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-muted)}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-3));left:var(--space-4);right:var(--space-4);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);text-align:center;z-index:30}.toast.error{background:var(--color-accent-alert);color:#fff}