:root{--tradie-primary: #FF6B35;--tradie-primary-dark: #E55A2E;--tradie-primary-light: #FFD4C4;--status-on-track: #4CAF50;--status-warning: #FFC107;--status-critical: #F44336;--status-muted: #718096;--tradie-navy: #1A365D;--tradie-grey-900: #1A202C;--tradie-grey-800: #2D3748;--tradie-grey-700: #4A5568;--tradie-grey-600: #718096;--tradie-grey-400: #CBD5E0;--tradie-grey-200: #E2E8F0;--tradie-grey-100: #F7FAFC;--tradie-white: #FFFFFF;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--touch-target-min: 48px}[data-theme=dark]{--tradie-primary: #FF8A65;--tradie-grey-900: #F7FAFC;--tradie-grey-800: #E2E8F0;--tradie-grey-700: #CBD5E0;--tradie-grey-600: #A0AEC0;--tradie-grey-400: #4A5568;--tradie-grey-300: #2D3748;--tradie-grey-200: #1A202C;--tradie-grey-100: #171923;--tradie-white: #171923}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tradie-primary: #FF8A65;--tradie-grey-900: #F7FAFC;--tradie-grey-800: #E2E8F0;--tradie-grey-700: #CBD5E0;--tradie-grey-600: #A0AEC0;--tradie-grey-400: #4A5568;--tradie-grey-300: #2D3748;--tradie-grey-200: #1A202C;--tradie-grey-100: #171923;--tradie-white: #171923}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;font-feature-settings:"liga","kern"}body{font-family:var(--font-primary);color:var(--tradie-grey-900);background-color:var(--tradie-grey-100);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-heading-1{font-size:var(--text-3xl);font-weight:700;line-height:1.2;color:var(--tradie-grey-900);margin-bottom:var(--space-4)}.text-heading-2{font-size:var(--text-2xl);font-weight:600;line-height:1.3;color:var(--tradie-grey-900);margin-bottom:var(--space-3)}.text-heading-3{font-size:var(--text-xl);font-weight:600;line-height:1.4;color:var(--tradie-grey-800);margin-bottom:var(--space-2)}.text-body{font-size:var(--text-base);line-height:1.6;color:var(--tradie-grey-800)}.text-small{font-size:var(--text-sm);line-height:1.5;color:var(--tradie-grey-600)}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.btn-base{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);min-height:var(--touch-target-min);font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background-color:var(--tradie-primary);color:var(--tradie-white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--tradie-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--tradie-white);color:var(--tradie-grey-800);border:1px solid var(--tradie-grey-300)}.btn-secondary:hover:not(:disabled){background-color:var(--tradie-grey-100);border-color:var(--tradie-grey-400)}.btn-success{background-color:var(--status-on-track);color:var(--tradie-white)}.btn-warning{background-color:var(--status-warning);color:var(--tradie-grey-900)}.btn-critical{background-color:var(--status-critical);color:var(--tradie-white)}.btn-disabled,.btn-base:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:40px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:56px}.card{background-color:var(--tradie-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--tradie-grey-200);overflow:hidden;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--tradie-grey-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--tradie-grey-200);background-color:var(--tradie-grey-100)}.job-card{border-left:4px solid transparent;cursor:pointer;min-height:var(--touch-target-min)}.job-card--on-track{border-left-color:var(--status-on-track)}.job-card--warning{border-left-color:var(--status-warning)}.job-card--critical{border-left-color:var(--status-critical);animation:pulse-critical 2s infinite}.job-card--muted{border-left-color:var(--status-muted);opacity:.7}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;font-size:var(--text-sm)}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-indicator--on-track .status-dot{background-color:var(--status-on-track)}.status-indicator--warning .status-dot{background-color:var(--status-warning);animation:pulse-warning 2s infinite}.status-indicator--critical .status-dot{background-color:var(--status-critical);animation:pulse-critical 1.5s infinite}.status-indicator--muted .status-dot{background-color:var(--status-muted)}.status-indicator--error .status-dot{background-color:var(--status-critical)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:1px solid transparent}.status-badge--on-track{background-color:#4caf501a;color:var(--status-on-track);border-color:#4caf5033}.status-badge--warning{background-color:#ffc1071a;color:var(--status-warning);border-color:#ffc10733}.status-badge--critical{background-color:#f443361a;color:var(--status-critical);border-color:#f4433633}.theme-toggle{position:relative;display:inline-flex;align-items:center;background:var(--tradie-grey-200);border:1px solid var(--tradie-grey-400);border-radius:24px;padding:4px;transition:all var(--transition-fast)}.theme-toggle-option{padding:var(--space-2) var(--space-3);border-radius:20px;font-size:var(--text-sm);font-weight:500;color:var(--tradie-grey-600);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target-min);min-width:80px;justify-content:center;position:relative}.theme-toggle-option.active{background:var(--tradie-primary);color:var(--tradie-white);box-shadow:var(--shadow-sm)}.theme-toggle-option:hover:not(.active){background:var(--tradie-grey-300)}.theme-icon{font-size:var(--text-lg);line-height:1;display:inline-block}.theme-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.theme-toggle-option{min-width:60px}.theme-label{display:none}.theme-icon{font-size:var(--text-xl)}}.progress{width:100%;height:8px;background-color:var(--tradie-grey-200);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;transition:width var(--transition-normal);border-radius:var(--radius-sm)}.progress-bar--on-track{background-color:var(--status-on-track)}.progress-bar--warning{background-color:var(--status-warning)}.progress-bar--critical{background-color:var(--status-critical)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--tradie-grey-800);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3);font-size:var(--text-base);border:1px solid var(--tradie-grey-300);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:var(--touch-target-min)}.form-input:focus{outline:none;border-color:var(--tradie-primary);box-shadow:0 0 0 3px #ff6b351a}.form-error{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--status-critical)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{gap:var(--space-2)}.stack-lg{gap:var(--space-8)}.cluster{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.cluster-sm{gap:var(--space-2)}.cluster-lg{gap:var(--space-6)}.grid{display:grid;gap:var(--space-4)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.text-success{color:var(--status-on-track)}.text-warning{color:var(--status-warning)}.text-critical{color:var(--status-critical)}.text-muted{color:var(--tradie-grey-600)}.bg-success{background-color:var(--status-on-track)}.bg-warning{background-color:var(--status-warning)}.bg-critical{background-color:var(--status-critical)}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-critical{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--transition-normal)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:48rem){.container{padding:0 var(--space-8)}.grid{gap:var(--space-6)}.job-card{padding:var(--space-6)}}@media(min-width:64rem){.container{padding:0 var(--space-12)}.text-heading-1{font-size:2.5rem}.text-heading-2{font-size:2rem}}@media(min-width:80rem){.container{padding:0 var(--space-16)}}@media(prefers-contrast:high){:root{--tradie-grey-300: #000000;--tradie-grey-600: #ffffff}.card{border:2px solid var(--tradie-grey-900)}.btn-base{border:2px solid}}.skeleton{background:linear-gradient(90deg,var(--tradie-grey-200) 25%,var(--tradie-grey-300) 50%,var(--tradie-grey-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:20px;height:20px;border:2px solid var(--tradie-grey-300);border-top:2px solid var(--tradie-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}