:root{--primary: #E63946;--primary-hover: #C1121F;--primary-light: #FF6B6B;--primary-faded: rgba(230, 57, 70, .1);--secondary: #3B82F6;--secondary-hover: #2563EB;--secondary-light: #60A5FA;--secondary-faded: rgba(59, 130, 246, .1);--bg: #FAFAFA;--surface: #FFFFFF;--surface-2: #F3F4F6;--surface-3: #E5E7EB;--border: #E5E7EB;--border-soft: #F3F4F6;--border-strong: #D1D5DB;--text: #1F2937;--text-dim: #6B7280;--text-dimmer: #9CA3AF;--text-muted: #D1D5DB;--text-on-primary: #FFFFFF;--success: #10B981;--success-bg: #D1FAE5;--success-border: #6EE7B7;--warning: #F59E0B;--warning-bg: #FEF3C7;--warning-border: #FCD34D;--error: #EF4444;--error-bg: #FEE2E2;--error-border: #FCA5A5;--info: #3B82F6;--info-bg: #DBEAFE;--info-border: #93C5FD;--status-pending: #F59E0B;--status-assigned: #3B82F6;--status-en-route: #8B5CF6;--status-on-site: #F59E0B;--status-completed: #10B981;--status-cancelled: #EF4444;--status-payment: #10B981;--status-broadcast: #F59E0B;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .15);--focus-ring: 0 0 0 3px rgba(230, 57, 70, .3);--focus-offset: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-xs: 11px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 30px;--font-4xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}:root.dark,[data-theme=dark]{--bg: #0F0F0F;--surface: #1A1A1A;--surface-2: #242424;--surface-3: #2D2D2D;--border: #404040;--border-soft: #333333;--border-strong: #4B5563;--text: #FFFFFF;--text-dim: #E0E0E0;--text-dimmer: #A0A0A0;--text-muted: #6B7280;--success-bg: rgba(16, 185, 129, .2);--warning-bg: rgba(245, 158, 11, .2);--error-bg: rgba(239, 68, 68, .2);--info-bg: rgba(59, 130, 246, .2);--shadow: 0 4px 20px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--surface);color:var(--text)}*:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--primary);outline-offset:var(--focus-offset);box-shadow:var(--focus-ring)}@keyframes tra-spin{to{transform:rotate(360deg)}}@keyframes tra-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes tra-skeleton{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes tra-toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tra-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tra-slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.tra-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tra-spin .7s linear infinite;vertical-align:middle}.tra-skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:400px 100%;animation:tra-skeleton 1.2s infinite;border-radius:var(--radius-sm)}.tra-portal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:12px;transition:background .3s ease,border-color .3s ease}.tra-portal-nav{display:flex;gap:4px;flex-wrap:wrap}.tra-portal-nav a{background:transparent;color:var(--text-dim);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--font-md);font-weight:var(--font-medium);transition:all .2s ease}.tra-portal-nav a:hover{background:var(--primary-faded);color:var(--primary)}.tra-portal-nav a.active{background:var(--primary);color:var(--text-on-primary)}.tra-portal-main{padding:var(--space-6);max-width:1100px;margin:0 auto}@media (max-width: 768px){.tra-portal-header{padding:12px 16px;gap:var(--space-2)}.tra-portal-main{padding:var(--space-4)}.tra-portal-nav a{font-size:var(--font-sm)!important;padding:6px 10px!important}}@media (max-width: 480px){.tra-portal-header{flex-direction:column;align-items:stretch}.tra-portal-nav{justify-content:center}}@media (max-width: 768px){button,a[role=button]{min-height:44px}}.tra-toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;pointer-events:none}.tra-toast{pointer-events:auto;min-width:240px;max-width:360px;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:var(--font-sm);box-shadow:var(--shadow);animation:tra-toast-in .2s ease;display:flex;align-items:flex-start;gap:10px;transition:background .3s ease,border-color .3s ease}.tra-toast-success{border-left:3px solid var(--success)}.tra-toast-error{border-left:3px solid var(--error)}.tra-toast-info{border-left:3px solid var(--info)}.tra-toast-warn{border-left:3px solid var(--warning)}@media (max-width: 480px){.tra-toast-stack{left:16px;right:16px;bottom:16px}.tra-toast{min-width:0;max-width:none}}.tra-empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.tra-empty-icon{font-size:40px;margin-bottom:var(--space-3);opacity:.6}.tra-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tra-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.tra-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:480px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);transition:background .3s ease,border-color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}::-webkit-scrollbar-thumb:active{background:var(--primary-hover)}*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--surface-2)}.tra-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tra-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}@media (max-width: 600px){.tra-grid-3{grid-template-columns:repeat(2,1fr)}.tra-grid-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-md);font-weight:var(--font-medium);cursor:pointer;transition:background .2s ease;min-height:44px}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-md);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;min-height:44px}.btn-secondary:hover{background:var(--primary-faded)}.input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text);font-size:var(--font-md);transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}@media print{.tra-portal-nav,.tra-toast-stack,button{display:none!important}}@media (max-width: 768px){*{-webkit-tap-highlight-color:rgba(230,57,70,.1);-webkit-touch-callout:none}body{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fixmotor-portal-header{padding:12px 16px!important}.fixmotor-portal-header .container{padding:0 16px!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #E5E5E5;display:flex;justify-content:space-around;padding:8px 0;z-index:1000;box-shadow:0 -2px 10px #0000001a}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;font-size:11px;font-weight:400;flex:1;transition:all .2s ease}.mobile-bottom-nav a.active{color:var(--primary, #E63946);font-weight:600}.fixmotor-portal-nav{display:none!important}.card,[style*="border-radius: 14"]{margin:8px!important;padding:16px!important;border-radius:8px!important}button,.btn,[style*="cursor: pointer"]{min-height:44px!important;min-width:44px!important;font-size:16px!important}.btn-full-width{width:100%!important;margin:8px 0!important}input,select,textarea{font-size:16px!important;padding:12px!important;min-height:44px!important;border-radius:8px!important}.form-group{margin-bottom:16px!important}table{font-size:14px!important}.mobile-table-card{background:#fff;border:1px solid #E5E5E5;border-radius:8px;padding:16px;margin:8px 0}.grid,[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:16px!important}.flex-mobile-column{flex-direction:column!important}.container,[style*="max-width: 1280"]{padding:0 16px!important;margin:0 auto!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}h4{font-size:16px!important}img{max-width:100%!important;height:auto!important}.modal,.dialog{margin:16px!important;max-height:90vh!important;overflow-y:auto!important}.dropdown-menu{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;border-radius:16px 16px 0 0!important;box-shadow:0 -4px 20px #0003!important}}@media (min-width: 769px) and (max-width: 1024px){.container,[style*="max-width: 1280"]{padding:0 24px!important}.card,[style*="border-radius: 14"]{margin:12px!important;padding:18px!important}}@media (hover: none) and (pointer: coarse){*:hover{transform:none!important;box-shadow:none!important}button:active,.btn:active,a:active{opacity:.7;transform:scale(.98)}button,a,input,select,textarea{min-width:44px;min-height:44px}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}@media (max-width: 768px){html.dark body{background:#0f0f0f!important;color:#fff!important}html.dark .card,html.dark [style*="background: var(--surface)"]{background:#1a1a1a!important;border-color:#404040!important}html.dark .mobile-bottom-nav{background:#1a1a1a!important;border-top-color:#404040!important}}@media (max-width: 768px){*,*:before,*:after{animation-duration:.2s!important;transition-duration:.2s!important}img{content-visibility:auto}*{will-change:auto}}@media (max-width: 768px){*:focus-visible{outline:2px solid var(--primary, #E63946)!important;outline-offset:2px!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (max-width: 768px) and (orientation: landscape){.mobile-bottom-nav{padding:4px 0}.mobile-bottom-nav a{font-size:10px}.mobile-bottom-nav a span:first-child{font-size:16px}}@supports (padding: max(0px)){@media (max-width: 768px){.mobile-header{padding-top:max(12px,env(safe-area-inset-top))}.mobile-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}}@media (max-width: 768px){.fixmotor-portal-nav,.fixmotor-portal-nav *{display:none!important}.fixmotor-portal-header{padding:12px 16px!important}.fixmotor-portal-header>div{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.fixmotor-portal-header>div>div:last-child{display:none!important}.fixmotor-portal-main,.fixmotor-portal-main>div{padding:16px!important;max-width:100%!important}.mobile-bottom-nav{display:flex!important}.fixmotor-portal-header .desktop-only{display:none!important}}@media (max-width: 768px){.mobile-bottom-nav{display:flex!important;visibility:visible!important}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid #E5E5E5!important;justify-content:space-around!important;padding:8px 0!important;z-index:1000!important;box-shadow:0 -2px 10px #0000001a!important}.mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;text-decoration:none!important;color:#666!important;font-size:11px!important;flex:1!important}.mobile-bottom-nav a.active,.mobile-bottom-nav a[aria-current=page]{color:var(--primary, #E63946)!important;font-weight:600!important}}@media screen and (max-width: 768px){header.fixmotor-portal-header{padding:12px 16px!important}nav.fixmotor-portal-nav{display:none!important}header.fixmotor-portal-header .user-profile{display:none!important}.mobile-menu-button{display:block!important}}@media (max-width: 768px){body:before{content:"📱 MOBILE MODE ACTIVE";position:fixed;top:0;left:0;right:0;background:var(--primary, #E63946);color:#fff;text-align:center;font-size:10px;padding:2px;z-index:9999;display:block}}@media (hover: none) and (pointer: coarse){*{-webkit-tap-highlight-color:rgba(255,68,68,.2)!important}button,a,input,select{min-height:44px!important;min-width:44px!important}}