@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-true-black:#000000;--bg-card:#0d0d0d;--bg-elevated:#141414;--bg-hover:#1a1a1a;--bg-active:#222222;--primary:#2D5A8C;--primary-light:#4A7AB8;--primary-dark:#1E3F5A;--accent:#6BA399;--accent-light:#8DBDA9;--accent-dark:#4A8B7F;--accent-muted:rgba(107,163,153,0.15);--accent-subtle:rgba(107,163,153,0.08);--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-disabled:#52525b;--success:#22c55e;--success-muted:rgba(34,197,94,0.15);--warning:#f59e0b;--warning-muted:rgba(245,158,11,0.15);--error:#ef4444;--error-muted:rgba(239,68,68,0.15);--info:#3b82f6;--info-muted:rgba(59,130,246,0.15);--border:#27272a;--border-subtle:#1f1f23;--border-accent:var(--accent);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--touch-target:52px;--touch-target-sm:44px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition-fast:100ms ease-out;--transition-base:150ms ease-out;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-weight:500;font-size:1rem;line-height:1.65;letter-spacing:.012em;color:var(--text-primary);background:var(--bg-true-black);min-height:100vh;min-height:100dvh;overflow-x:hidden}.loading-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--bg-card);z-index:9999;overflow:hidden}.loading-bar:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:var(--accent);animation:loading-slide 1.5s ease-in-out infinite}@keyframes loading-slide{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(400%)}}.loading-bar.complete:after{width:100%;animation:none;opacity:0;transition:opacity .3s ease-out}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5,h6{font-size:1rem}.countdown,.earnings,.mono,.phone,.price,.time,.vin,[data-mono],code{font-family:var(--font-mono);font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums}.mono-lg{font-size:2.5rem;letter-spacing:-.02em}.mono-lg,.mono-xl{font-family:var(--font-mono);font-weight:600}.mono-xl{font-size:3.5rem;letter-spacing:-.03em}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target);padding:0 var(--space-lg);font-family:var(--font-sans);font-size:1rem;font-weight:600;line-height:1;letter-spacing:.01em;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover,button:hover{background:var(--bg-hover);border-color:var(--border)}.btn:active,button:active{background:var(--bg-active);transform:scale(.98)}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#000000;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.btn-primary:active{background:var(--accent-dark)}.btn-success{background:var(--success);color:#000000;border-color:var(--success)}.btn-success:hover{background:#16a34a;border-color:#16a34a}.btn-danger{background:var(--error);color:#ffffff;border-color:var(--error)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover)}.btn-lg{min-height:60px;padding:0 var(--space-xl);font-size:1.125rem}.btn-icon{width:var(--touch-target);padding:0}.btn-complete-job{width:100%;min-height:64px;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--success);color:#000000;border:none;border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(34,197,94,.3);transition:all var(--transition-base)}.btn-complete-job:hover{background:#16a34a;box-shadow:0 6px 28px rgba(34,197,94,.4);transform:translateY(-1px)}.btn-complete-job:active{transform:translateY(0) scale(.99)}.btn-complete-job:disabled{background:var(--bg-elevated);color:var(--text-muted);box-shadow:none}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.job-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);cursor:pointer;position:relative}.job-card:hover{border-color:var(--accent);border-bottom-width:2px;border-bottom-color:var(--accent)}.job-card:active{background:var(--bg-hover)}.job-card.active,.job-card[data-status=in-progress]{border-left:3px solid var(--accent);background:var(--accent-subtle)}.job-card[data-status=completed]{border-left:3px solid var(--success);opacity:.7}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.job-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.job-card-time{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary)}.job-card-vehicle{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.job-card-service{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.job-card-location{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-muted)}.job-card-price{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--success)}.countdown-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.countdown-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-sm)}.countdown-time{font-family:var(--font-mono);font-size:4rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.countdown-time.urgent{color:var(--warning)}.countdown-time.overdue{color:var(--error)}.countdown-subtext{font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-sm)}.earnings-display{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:linear-gradient(180deg,var(--bg-elevated) 0,var(--bg-card) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.earnings-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-xs)}.earnings-amount{font-family:var(--font-mono);font-size:3rem;font-weight:600;color:var(--success);line-height:1}.earnings-jobs{font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-sm)}.timeline{position:relative;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:var(--space-lg)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:calc(-1 * var(--space-xl) + 4px);top:4px;width:10px;height:10px;border-radius:50%;background:var(--border);border:2px solid var(--bg-true-black)}.timeline-item.active .timeline-marker{background:var(--accent);box-shadow:0 0 0 4px var(--accent-muted)}.timeline-item.completed .timeline-marker{background:var(--success)}.timeline-time{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.photo-item{aspect-ratio:1;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.photo-item:hover{border-color:var(--accent)}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--text-muted);font-size:.75rem;border:2px dashed var(--border);background:transparent}.photo-add:hover{border-color:var(--accent);color:var(--accent)}.table-container{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{position:sticky;top:0;z-index:10}th{text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border)}td,th{padding:var(--space-md)}td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}tbody tr:nth-child(2n){background:var(--bg-card)}tbody tr:nth-child(odd){background:var(--bg-true-black)}tbody tr.clickable{cursor:pointer;transition:all var(--transition-fast)}tbody tr.clickable:hover{background:var(--bg-hover);border-bottom:2px solid var(--accent)}tbody tr.clickable:hover td{border-bottom-color:transparent}td.numeric{font-family:var(--font-mono);text-align:right}input,select,textarea{width:100%;min-height:var(--touch-target);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input.mono{font-family:var(--font-mono);letter-spacing:.05em}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-xs)}.nav-item,label{color:var(--text-secondary)}.nav-item{display:flex;align-items:center;gap:var(--space-md);min-height:var(--touch-target);padding:0 var(--space-lg);text-decoration:none;transition:all var(--transition-fast);border-left:3px solid transparent}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item.active{color:var(--text-primary);font-weight:600;border-left-color:var(--accent);background:var(--accent-subtle)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:var(--space-sm) 0;padding-bottom:env(safe-area-inset-bottom,var(--space-sm));z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-width:64px;min-height:var(--touch-target);padding:var(--space-xs);color:var(--text-muted);text-decoration:none;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast)}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--accent)}.bottom-nav-item .icon,.bottom-nav-item svg{width:24px;height:24px}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary)}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-error{background:var(--error-muted);color:var(--error)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-accent{background:var(--accent-muted);color:var(--accent)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.divider,hr{border:none;height:1px;background:var(--border-subtle);margin:var(--space-lg) 0}.divider-label{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.divider-label:after,.divider-label:before{content:"";flex:1;height:1px;background:var(--border-subtle)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-state-icon{font-size:3rem;color:var(--text-muted);margin-bottom:var(--space-md)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-description{font-size:.875rem;color:var(--text-secondary);max-width:300px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:1.125rem;font-weight:600}.modal-body,.modal-footer{padding:var(--space-lg)}.modal-footer{display:flex;gap:var(--space-md);justify-content:flex-end;border-top:1px solid var(--border-subtle)}.toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom, 0px));left:var(--space-md);right:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1100;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-accent{color:var(--accent)}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.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}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,var(--space-md))}.safe-area-top{padding-top:env(safe-area-inset-top,var(--space-md))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-true-black)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-muted);color:var(--text-primary)}@media (min-width:640px){.container{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (min-width:1024px){.bottom-nav{display:none}.main-content{margin-left:240px}}@media print{body{background:white;color:black}.bottom-nav,.modal-overlay,.toast{display:none!important}}