@font-face{font-family:General Sans;src:url(/fonts/general-sans/GeneralSans-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans/GeneralSans-Medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans/GeneralSans-Semibold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans/GeneralSans-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--color-primary:#ea580c;--color-primary-hover:#c2410c;--color-secondary-accent:#262626;--color-dark:#181818;--color-heading:#181818;--color-body:#171717;--color-muted:#737373;--color-placeholder:#a3a3a3;--color-bg:#f7f7f5;--color-surface-soft:#f5f5f5;--color-surface:#fff;--color-border:#e7e5e4;--color-border-hover:#d6d3d1;--color-border-focus:#ea580c;--color-success:#2f7d59;--color-success-bg:#edf7f2;--color-success-border:#bbf7d0;--color-error:#b74747;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-warning:#c47a12;--color-warning-bg:#fff6e5;--color-warning-border:#fde68a;--color-blue-tint:#f3f4f6;--color-blue-tint-border:#e5e7eb;--color-green-tint:#edf7f2;--color-green-tint-border:#bbf7d0;--color-amber-tint:#fff6e5;--color-amber-tint-border:#fde68a;--color-orange-tint:#fff3e8;--color-orange-tint-border:#ffedd5;--font-family:"General Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 1px 3px 0 #1018270a, 0 1px 2px -1px #10182705}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);color:var(--color-body);background-color:var(--color-bg);min-height:100dvh;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,select,textarea{font-family:inherit;font-size:inherit}input::placeholder,textarea::placeholder{color:var(--color-placeholder);opacity:1;font-weight:400}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);font-weight:500;text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-page{background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:2rem 1.25rem;display:flex}.auth-card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);border-top:3px solid var(--color-primary);width:100%;max-width:460px;box-shadow:var(--shadow-card);padding:clamp(2rem,5vw,2.5rem)}.auth-brand-header{align-items:center;gap:.625rem;margin-bottom:1.5rem;display:flex}.brand-logo-badge{border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.125rem;font-weight:700;display:flex}.brand-wordmark{white-space:nowrap}.brand-wordmark-usta{color:var(--color-dark)}.brand-wordmark-sanayicim{color:var(--color-primary)}.brand-wordmark-inverse .brand-wordmark-usta{color:var(--color-surface)}.brand-admin-label{color:var(--color-muted);font-size:.875rem}.brand-title{letter-spacing:-.03em;color:var(--color-dark);font-size:1.375rem;font-weight:700}.auth-card-header{margin-bottom:1.5rem}.auth-card-title{letter-spacing:-.025em;color:var(--color-dark);margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.auth-card-subtitle{color:var(--color-body);font-size:.9375rem}.form-group{margin-bottom:1.125rem}.form-label{color:var(--color-heading);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-dark);min-height:46px;padding:.6875rem .875rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.form-input.has-error{border-color:var(--color-error)}.form-input.has-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261f}.form-input:disabled{background-color:var(--color-surface-soft);cursor:not-allowed}.input-password-wrapper{position:relative}.input-password-wrapper .form-input{padding-right:4.5rem}.password-toggle-btn{min-width:44px;min-height:44px;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:.8125rem;font-weight:600;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-heading)}.form-error-text{color:var(--color-error);margin-top:.25rem;font-size:.8125rem}.alert-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.btn-primary-submit{color:#fff;background-color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:background-color .15s;display:flex}.btn-primary-submit:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary-submit:disabled{cursor:not-allowed;background-color:#9ca3af}.auth-card-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);margin-top:1.5rem;padding-top:1.25rem;font-size:.875rem}.auth-card-footer a{color:var(--color-primary);font-weight:600}.auth-card-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.page-wrapper{width:100%}.service-job-container{width:100%;max-width:820px;margin:0 auto}.service-job-header{margin-bottom:1.75rem}.service-job-header h1{letter-spacing:-.025em;color:var(--color-dark);margin-bottom:.375rem;font-size:1.625rem;font-weight:700}.service-job-header p{color:var(--color-body);font-size:.9375rem}.service-job-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(1.5rem,4vw,2.25rem)}.form-section{margin-bottom:2rem}.form-section:last-of-type{margin-bottom:1.5rem}.form-section-header{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.form-section-badge{border-radius:var(--radius-sm);background-color:var(--color-blue-tint);width:24px;height:24px;color:var(--color-primary);border:1px solid var(--color-blue-tint-border);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.form-section-title{color:var(--color-heading);font-size:1rem;font-weight:700}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}}.form-textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-dark);resize:vertical;min-height:85px;padding:.6875rem .875rem;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.form-textarea.has-error{border-color:var(--color-error)}.form-textarea.has-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261f}.form-textarea:disabled{background-color:var(--color-surface-soft);cursor:not-allowed}.btn-secondary{min-height:44px;color:var(--color-body);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-soft);color:var(--color-dark)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:calc(100% - 2rem);max-width:480px;max-height:calc(100dvh - 2rem);color:var(--color-body);margin:auto;padding:1.75rem;position:fixed;inset:0;overflow-y:auto;box-shadow:0 16px 48px #10182729}.modal-title{color:var(--color-dark);margin-bottom:.5rem;font-size:1.1875rem;font-weight:700}.modal-body{color:var(--color-body);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.55}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}@media (width<=640px){.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.success-panel{text-align:center;padding:2.5rem 1.5rem}.success-icon-badge{background-color:var(--color-success-bg);width:56px;height:56px;color:var(--color-success);border:2px solid var(--color-success-border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.75rem;font-weight:700;display:inline-flex}.success-title{color:var(--color-dark);margin-bottom:.375rem;font-size:1.375rem;font-weight:700}.success-subtitle{color:var(--color-body);margin-bottom:1.25rem;font-size:.9375rem}.success-badge-notice{background-color:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-dark);margin-bottom:1.75rem;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:inline-block}.success-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}@media (width<=640px){.success-actions{flex-direction:column}.success-actions button{width:100%}}.page-container,.detail-container{width:100%}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{color:var(--color-dark);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--color-body);font-size:.9375rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-primary-action{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-primary-action:hover{background-color:var(--color-primary-hover);color:#fff}.status-badge{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.custom-status-select-container{width:100%;position:relative}.custom-status-select-trigger{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-body);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;min-height:44px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.custom-status-select-trigger:focus-visible,.custom-status-select-trigger.open{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ea580c26}.custom-status-select-trigger.disabled{background-color:var(--color-surface-soft);color:var(--color-muted);cursor:not-allowed;opacity:.7}.trigger-chevron{color:var(--color-muted);align-items:center;display:flex}.custom-status-select-listbox{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-height:250px;box-shadow:var(--shadow-card);z-index:100;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.custom-status-select-option{border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:2px;padding:.5rem;transition:background-color .1s;display:flex}.custom-status-select-option:last-child{margin-bottom:0}.custom-status-select-option.focused,.custom-status-select-option.selected{background-color:var(--color-bg)}.custom-status-select-option.focused.selected{background-color:#e7e5e4}.option-check{color:var(--color-dark);align-items:center;display:flex}.tr-license-plate{color:#111827;white-space:nowrap;-webkit-user-select:text;user-select:text;background-color:#fff;border:1px solid #111827;border-radius:4px;align-items:stretch;max-width:100%;font-family:DIN Alternate,DIN Condensed,Impact,Arial Narrow,Helvetica Condensed,sans-serif;font-weight:600;font-stretch:75%;display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0000001a,inset 0 0 0 1px #111827}.tr-license-plate-band{color:#fff;background-color:#0039a6;border-right:1px solid #111827;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.tr-license-plate-country{font-family:var(--font-family);font-weight:600;line-height:1}.tr-license-plate-text{letter-spacing:.02em;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.tr-license-plate--compact{border-radius:3px;width:110px;height:26px}.tr-license-plate--compact .tr-license-plate-band{width:16px;padding-bottom:2px}.tr-license-plate--compact .tr-license-plate-country{font-size:.45rem}.tr-license-plate--compact .tr-license-plate-text{padding:0 4px;font-size:.875rem}.tr-license-plate--default{border-radius:4px;width:150px;height:35px}.tr-license-plate--default .tr-license-plate-band{width:22px;padding-bottom:3px}.tr-license-plate--default .tr-license-plate-country{font-size:.55rem}.tr-license-plate--default .tr-license-plate-text{padding:0 8px;font-size:1.25rem}.tr-license-plate--large{border-radius:6px;height:48px}.tr-license-plate--large .tr-license-plate-band{width:24px;padding-bottom:4px}.tr-license-plate--large .tr-license-plate-country{font-size:.75rem}.tr-license-plate--large .tr-license-plate-text{letter-spacing:.03em;padding:0 16px;font-size:1.75rem}.jobs-table-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.jobs-table{border-collapse:collapse;text-align:left;width:100%}.jobs-table th{background-color:var(--color-surface-soft);color:var(--color-muted);letter-spacing:.01em;border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.jobs-table td{border-bottom:1px solid var(--color-border);color:var(--color-body);vertical-align:middle;padding:1rem;font-size:.875rem}.jobs-table-row{cursor:pointer;transition:background-color .15s}.jobs-table-row:hover{background-color:#f8fafc}.jobs-table-row:last-child td{border-bottom:none}.jobs-mobile-list{flex-direction:column;gap:.75rem;display:none}.job-mobile-card{overflow-wrap:anywhere;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;color:inherit;flex-direction:column;gap:.625rem;padding:1rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.job-mobile-card:hover{border-color:var(--color-border-hover);background-color:#fafbfc}.job-mobile-card-header{justify-content:space-between;align-items:center;display:flex}.job-mobile-card-row{justify-content:space-between;font-size:.875rem;display:flex}@media (width<=768px){.jobs-table-card{display:none}.jobs-mobile-list{display:flex}.page-header-row{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions button,.page-actions a{text-align:center;flex:1}}.state-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-card);padding:3.5rem 1.5rem}.state-title{color:var(--color-dark);margin-bottom:.375rem;font-size:1.1875rem;font-weight:700}.state-subtitle{color:var(--color-body);max-width:440px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.9375rem}.detail-header-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.75rem;display:flex}.detail-section-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1.25rem;padding:1.5rem 1.75rem}.detail-section-title{color:var(--color-heading);margin-bottom:1.25rem;font-size:1rem;font-weight:700}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.detail-field{flex-direction:column;gap:.25rem;display:flex}.detail-field-label{color:var(--color-muted);font-size:.8125rem;font-weight:500}.detail-field-value{color:var(--color-dark);font-size:.9375rem;font-weight:600}.detail-field-text{color:var(--color-heading);white-space:pre-wrap;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:#f8fafc;background:var(--color-bg);padding:.875rem 1rem;font-size:.9375rem;line-height:1.6}.status-update-box{flex-direction:column;gap:1rem;display:flex}.status-select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:46px;color:var(--color-dark);background:var(--color-surface);padding:.625rem .75rem;font-size:1rem}.status-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.status-select:disabled{background-color:var(--color-surface-soft);cursor:not-allowed;opacity:.7}.status-feedback-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:#15803d;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600;display:flex}.status-feedback-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex}.timeline-list{flex-direction:column;margin-top:1rem;padding-left:.25rem;list-style:none;display:flex}.timeline-item{min-height:52px;display:flex;position:relative}.timeline-indicator{flex-direction:column;flex-shrink:0;align-items:center;width:20px;margin-right:1rem;display:flex}.timeline-dot{background-color:var(--color-primary);width:10px;height:10px;box-shadow:none;border:0;border-radius:50%;flex-shrink:0;margin-top:5px}.timeline-dot.is-delivered{background-color:var(--color-success);box-shadow:none}.timeline-line{background-color:var(--color-border);flex-grow:1;width:2px;margin:4px 0}.timeline-content{flex:1;padding-bottom:1.25rem}.timeline-title{color:var(--color-dark);margin-bottom:.2rem;font-size:.9375rem;font-weight:600;line-height:1.4}.timeline-time{color:var(--color-muted);font-size:.8125rem}.customer-tracking-result{width:100%;min-width:0}.customer-tracking-badge{color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;background-color:#fff4ec;border-radius:9999px;align-items:center;gap:.375rem;margin-bottom:.625rem;padding:.2rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.customer-result-title{overflow-wrap:anywhere}.customer-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;min-width:0;margin-bottom:1.25rem;padding:clamp(1rem,3.5vw,1.25rem)}.customer-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem;min-width:0;margin-bottom:1rem;display:flex}.customer-vehicle-info{color:var(--color-dark);overflow-wrap:anywhere;word-break:break-word;min-width:0;margin-bottom:1.25rem;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:700;line-height:1.4}.customer-time-grid{border-top:1px solid #0000000f;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;min-width:0;padding-top:1rem;display:grid}.customer-time-grid.single-time{grid-template-columns:1fr}.customer-time-item{flex-direction:column;gap:.25rem;min-width:0;display:flex}.customer-time-label{color:var(--color-muted);font-size:.75rem;font-weight:500}.customer-time-value{color:var(--color-dark);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(.8125rem,2vw,.875rem);font-weight:600}.customer-timeline-card{background-color:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;min-width:0;margin-bottom:1.5rem;padding:clamp(1rem,3.5vw,1.25rem)}.customer-timeline-heading{color:var(--color-dark);margin-bottom:1rem;font-size:1rem;font-weight:700}.customer-price-card{background-color:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;min-width:0;margin-bottom:1.25rem;padding:clamp(.875rem,3vw,1rem) clamp(1rem,3.5vw,1.25rem);display:flex;box-shadow:0 1px 3px #1018270d}.customer-price-label{color:var(--color-body,#4b5563);font-size:.875rem;font-weight:500}.customer-price-amount{color:var(--color-dark,#101827);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:700}.landing-page{background-color:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex}.landing-container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem}.landing-navbar{z-index:40;border-bottom:1px solid var(--color-border);background-color:#fff;position:sticky;top:0}.landing-navbar-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.landing-brand{align-items:center;gap:.625rem;text-decoration:none;display:flex}.landing-brand:hover{text-decoration:none}.landing-nav-desktop{align-items:center;gap:1.75rem;display:flex}.landing-nav-link{color:var(--color-heading);font-size:.9375rem;font-weight:600;text-decoration:none;transition:color .15s}.landing-nav-link:hover{color:var(--color-primary);text-decoration:none}.landing-nav-cta{padding:.5rem 1.125rem;font-size:.875rem}.landing-mobile-menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--color-dark);cursor:pointer;background:0 0;padding:.375rem .625rem;font-size:1.125rem;display:none}.landing-mobile-menu{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.5rem;display:flex}.landing-mobile-link{color:var(--color-heading);border-bottom:1px solid #f1f5f9;padding:.5rem 0;font-size:1rem;font-weight:600;text-decoration:none}.landing-mobile-link:hover{color:var(--color-primary);text-decoration:none}.landing-hero-section{background:var(--color-bg);padding:3.5rem 0 4rem}.landing-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;display:grid}.landing-badge{color:var(--color-primary);letter-spacing:.02em;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;margin-bottom:1.25rem;padding:.35rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.landing-hero-title{color:var(--color-dark);letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,3.8vw,2.875rem);font-weight:700;line-height:1.15}.landing-hero-highlight{color:var(--color-primary);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:700}.landing-hero-desc{color:var(--color-body);max-width:540px;margin-bottom:2rem;font-size:1.0625rem;line-height:1.65}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.landing-btn-hero{min-height:48px;padding:.875rem 1.75rem;font-size:.95rem}.landing-hero-subtext{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8125rem;font-weight:500;display:flex}.bullet-sep{color:var(--color-border-hover)}.mockup-window{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 30px -8px #10182714,0 4px 6px -2px #10182708}.mockup-header{border-bottom:1px solid var(--color-border);background-color:#f8fafc;align-items:center;gap:.875rem;padding:.625rem 1rem;display:flex}.mockup-dots{gap:.375rem;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot-red{background-color:#f87171}.dot-yellow{background-color:#fbbf24}.dot-green{background-color:#34d399}.mockup-title{color:var(--color-muted);font-size:.75rem;font-weight:600}.mockup-body{flex-direction:column;gap:.875rem;padding:1.25rem;display:flex}.mockup-topbar{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.mockup-topbar-heading{color:var(--color-dark);font-size:.875rem;font-weight:700}.mockup-topbar-badge{color:var(--color-primary);background-color:#eff6ff;border-radius:9999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:600}.mockup-job-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fafbfc;flex-direction:column;gap:.35rem;padding:.875rem;display:flex}.mockup-job-header{justify-content:space-between;align-items:center;display:flex}.mockup-job-vehicle{color:var(--color-dark);font-size:.875rem;font-weight:700}.mockup-job-customer{color:var(--color-muted);font-size:.75rem}.mockup-job-note{color:var(--color-body);background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-top:.25rem;padding:.375rem .5rem;font-size:.75rem}.mockup-flow-footer{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);background-color:#f8fafc;justify-content:space-between;align-items:center;margin-top:.25rem;padding:.5rem .75rem;font-size:.6875rem;font-weight:600;display:flex}.mockup-flow-step{align-items:center;gap:.25rem;display:flex}.flow-dot{background-color:#cbd5e1;border-radius:50%;width:6px;height:6px}.flow-dot.done{background-color:#22c55e}.flow-dot.active{background-color:var(--color-primary)}.step-done{color:#16a34a;font-weight:700}.step-active{color:var(--color-primary);font-weight:700}.flow-line{background-color:var(--color-border);flex:1;height:1px;margin:0 .35rem}.landing-trust-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);padding:2.5rem 0}.landing-trust-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.trust-card{align-items:flex-start;gap:1rem;display:flex}.trust-title{color:var(--color-dark);margin-bottom:.25rem;font-size:.9375rem;font-weight:700}.trust-desc{color:var(--color-body);font-size:.8125rem;line-height:1.5}.landing-section{padding:5rem 0}.landing-section-alt{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:#f8fafc}.landing-section-header{text-align:center;max-width:680px;margin:0 auto 3.5rem}.landing-section-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background-color:#eff6ff;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.landing-section-title{color:var(--color-dark);letter-spacing:-.025em;margin-bottom:.625rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.landing-section-subtitle{color:var(--color-body);font-size:1rem;line-height:1.6}.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:.75rem;padding:2rem;display:flex}.feature-icon-badge{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-primary);background-color:#eff6ff;border:1px solid #dbeafe;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex}.feature-title{color:var(--color-dark);font-size:1.1875rem;font-weight:700}.feature-desc{color:var(--color-body);font-size:.9375rem;line-height:1.6}.landing-steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.step-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:.75rem;padding:2rem 1.75rem;display:flex}.step-number{color:var(--color-primary);letter-spacing:-.05em;margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.step-title{color:var(--color-dark);font-size:1.125rem;font-weight:700}.step-desc{color:var(--color-body);font-size:.875rem;line-height:1.6}.landing-qr-notice{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #bfdbfe;align-items:center;gap:1.25rem;max-width:860px;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.landing-qr-text{color:var(--color-body);font-size:.875rem;line-height:1.55}.landing-qr-text code{color:var(--color-primary);background-color:#eff6ff;border-radius:4px;padding:.15rem .4rem;font-family:inherit;font-weight:600}.landing-cta-section{padding:5rem 0}.landing-cta-card{background-color:var(--color-dark);color:#fff;border-radius:var(--radius-lg);text-align:center;border:1px solid #1f2937;max-width:900px;margin:0 auto;padding:clamp(2.5rem,5vw,3.5rem) 2rem;box-shadow:0 10px 25px -5px #10182733}.landing-cta-title{letter-spacing:-.025em;color:#fff;margin-bottom:.75rem;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700}.landing-cta-desc{color:#94a3b8;max-width:580px;margin:0 auto 2rem;font-size:1.0625rem;line-height:1.6}.landing-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-btn-cta-primary{min-height:48px;padding:.875rem 2rem;font-size:.95rem}.landing-btn-cta-secondary{color:#fff;background-color:#1f2937;border-color:#374151;min-height:48px;padding:.875rem 2rem;font-size:.95rem}.landing-btn-cta-secondary:hover{color:#fff;background-color:#374151}.landing-footer{color:#94a3b8;background-color:#111827;border-top:1px solid #1f2937;padding:4rem 0 2rem}.landing-footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;display:grid}.landing-brand-footer{align-items:center;gap:.625rem;margin-bottom:1rem;display:flex}.landing-footer-text{color:#94a3b8;max-width:320px;font-size:.875rem;line-height:1.6}.landing-footer-heading{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.125rem;font-size:.875rem;font-weight:700}.landing-footer-links{flex-direction:column;gap:.625rem;list-style:none;display:flex}.landing-footer-links a{color:#94a3b8;font-size:.875rem;font-weight:400;text-decoration:none;transition:color .15s}.landing-footer-links a:hover{color:#fff;text-decoration:none}.landing-footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #1f2937;padding-top:2rem;font-size:.8125rem}@media (width<=1024px){.landing-hero-grid{gap:2rem}.landing-footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem}}@media (width<=768px){.landing-nav-desktop{display:none}.landing-mobile-menu-btn{min-width:44px;min-height:44px;display:block}.landing-hero-grid{grid-template-columns:1fr;gap:2.5rem}.landing-trust-grid{grid-template-columns:1fr;gap:1.25rem}.landing-features-grid,.landing-steps-grid{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=480px){.landing-hero-actions{flex-direction:column;width:100%}.landing-btn-hero{text-align:center;width:100%}.landing-cta-actions{flex-direction:column;width:100%}.landing-btn-cta-primary,.landing-btn-cta-secondary{text-align:center;width:100%}.landing-footer-grid{grid-template-columns:1fr}.landing-qr-notice{text-align:center;flex-direction:column}}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{background:var(--color-dark);border-bottom:none}.app-header .brand-title{color:#fff}.app-header-inner{align-items:center;gap:2rem;max-width:1240px;margin:auto;padding:1rem 2rem;display:flex}.app-nav{align-items:center;gap:.375rem;display:flex}.app-nav a{color:#a3a3a3;border-radius:var(--radius-md);white-space:nowrap;align-items:center;min-height:44px;padding:.625rem .875rem;font-size:.875rem;font-weight:600;display:flex}.app-nav a:hover{color:#fff;background:#262626;text-decoration:none}.app-nav a.active{color:var(--color-primary);background:#262626}.app-nav .app-new-job{color:var(--color-primary)}.app-account{text-align:right;min-width:0;margin-left:auto}.app-account-email{white-space:nowrap;text-overflow:ellipsis;color:#a3a3a3;max-width:220px;font-size:.75rem;display:block;overflow:hidden}.app-signout{cursor:pointer;color:#a3a3a3;background:0 0;border:0;min-height:44px;padding:0 .5rem;font-size:.8125rem;font-weight:600}.app-signout:hover{color:#fff}.app-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:2.5rem 2rem 3rem}.app-footer{text-align:center;color:var(--color-muted);padding:1.25rem;font-size:.75rem}.page-eyebrow{color:var(--color-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:500}.page-title,.service-job-header h1{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700}.back-link{min-height:44px;color:var(--color-body);align-items:center;margin-bottom:1rem;font-size:.875rem;display:inline-flex}.text-action{align-items:center;min-height:44px;font-size:.875rem;font-weight:600;display:inline-flex}.helper-text,.form-intro{color:var(--color-muted);font-size:.875rem;line-height:1.6}.form-intro{margin-bottom:1.75rem}.form-group,.detail-field,.timeline-content,.detail-information,.detail-progress,.customer-tracking-result,.customer-summary-card,.customer-timeline-card,.customer-vehicle-info,.customer-time-grid,.customer-time-item{min-width:0}:where(.btn-secondary,.btn-primary-action,.btn-primary-submit):hover{text-decoration:none}a.btn-primary-submit:hover{color:#fff}.btn-primary-action:disabled{background:var(--color-surface-soft);color:var(--color-muted);border-color:var(--color-border);cursor:not-allowed}.modal-card::backdrop{background:#10182773}.modal-card .modal-actions button{min-width:0}.auth-card-subtitle,.modal-body,.detail-field-value,.detail-field-text,.job-customer,.customer-result-title,.customer-vehicle-info,.customer-time-value,.timeline-title{overflow-wrap:anywhere;word-break:break-word}.auth-brand-header:hover{text-decoration:none}.verify-steps{background:var(--color-surface-soft);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1.25rem 1.25rem 1.25rem 2.5rem;font-size:.875rem}.verify-steps li+li{margin-top:.75rem}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.metric-card dt{color:var(--color-heading);font-size:.875rem;font-weight:600}.metric-value{letter-spacing:-.04em;color:var(--color-dark);font-variant-numeric:tabular-nums;margin:.75rem 0;font-size:2.5rem;font-weight:700;line-height:1.2;display:block}.metric-note{color:var(--color-muted);font-size:.75rem;display:block}.metric-card--blue{background:var(--color-blue-tint);border-color:var(--color-blue-tint-border)}.metric-card--blue .metric-value{color:var(--color-body)}.metric-card--orange{background:#fff4ec;border-color:#f6d5bf}.metric-card--orange .metric-value{color:#c94f12}.metric-card--amber{background:#fff8e6;border-color:#efcb72}.metric-card--amber .metric-value{color:#a95a08}.metric-card--green{background:var(--color-green-tint);border-color:var(--color-green-tint-border)}.metric-card--green .metric-value{color:#15803d}.section-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section-heading-row h2{color:var(--color-heading);font-size:1.125rem;font-weight:700}.section-heading-row p,.dashboard-note,.list-footer{color:var(--color-muted);font-size:.8125rem}.dashboard-note{margin-top:1.25rem}.list-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.25rem;display:flex}.jobs-table{table-layout:fixed}.jobs-table th:first-child{width:35%}.jobs-table th:nth-child(2){width:23%}.jobs-table th:nth-child(3){width:24%}.jobs-table th:last-child{width:18%}.jobs-table th{text-transform:none;letter-spacing:0;font-size:.8125rem}.job-detail-link{align-items:center;min-height:44px;display:inline-flex}.job-detail-link:hover .tr-license-plate{border-color:var(--color-primary);color:var(--color-primary)}.job-detail-link:hover .tr-license-plate-band{border-right-color:var(--color-primary)}.jobs-table-row:focus-within{background:var(--color-surface-soft)}.job-vehicle{color:var(--color-heading);overflow-wrap:anywhere;font-size:.875rem;font-weight:600}.job-customer{color:var(--color-heading);font-size:.875rem;font-weight:600}.job-meta{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:400}.job-complaint{color:var(--color-muted);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:.375rem;font-size:.8125rem;font-weight:400;display:-webkit-box;overflow:hidden}.job-open-label{color:var(--color-primary);font-size:.8125rem}.job-mobile-card:hover{color:inherit;text-decoration:none}.job-mobile-card-header,.job-mobile-card-row{flex-wrap:wrap;gap:.625rem}.detail-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;display:grid}.detail-plate-heading{margin:0}.detail-vehicle-name{color:var(--color-body);overflow-wrap:anywhere;margin-top:.5rem}.detail-header-meta{color:var(--color-muted);text-align:right;font-size:.8125rem}.detail-header-meta p{margin-top:.5rem}.detail-notes{gap:1.5rem;display:grid}.status-update-box .form-group{margin:0}.timeline-item:last-child .timeline-content{padding-bottom:0}.landing-nav-link,.landing-mobile-link,.landing-footer-links a{align-items:center;min-height:44px;display:inline-flex}.landing-section[id]{scroll-margin-top:90px}.coming-soon{color:var(--color-muted);background:var(--color-surface-soft);border-radius:var(--radius-sm);vertical-align:middle;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.mockup-job-header{flex-wrap:wrap;gap:.5rem}.landing-qr-text a{overflow-wrap:anywhere}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;margin:0 auto 1rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:.75rem 1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:.5rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1024px){.app-header-inner{gap:1rem;padding:1rem 1.25rem}.app-nav a{padding-inline:.625rem}.app-account-email{max-width:155px}.metric-card{padding:1.25rem}.detail-columns{gap:1rem}.detail-section-card{padding:1.25rem}.landing-nav-desktop{gap:1rem}}@media (width<=900px){.app-header-inner{flex-wrap:wrap}.app-nav{border-top:1px solid var(--color-border);-webkit-overflow-scrolling:touch;order:3;justify-content:flex-start;gap:.5rem;width:100%;padding-top:.625rem;padding-bottom:.25rem;overflow-x:auto}.app-account{margin-left:auto}.app-content{padding:1.75rem 1.25rem 2.5rem}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:1fr}.jobs-table-card{display:none}.jobs-mobile-list{display:flex}.landing-nav-desktop{display:none}.landing-mobile-menu-btn{display:block}}@media (width>=901px){.landing-mobile-menu{display:none}}@media (width<=640px){.app-header-inner{row-gap:.5rem;padding:.75rem 1rem}.app-account-email{max-width:135px}.app-nav a{padding-inline:.5rem;font-size:.8125rem}.app-content{padding:1.5rem 1rem 2rem}.metric-card{padding:1rem}.metric-card dt{font-size:.8125rem}.metric-value{font-size:2rem;display:block}.dashboard-metrics{gap:.75rem;margin-bottom:2rem}.detail-header-card{padding:1.25rem}.detail-header-meta{text-align:left}.detail-grid{grid-template-columns:1fr}.auth-page{padding:clamp(1rem,3vw,1.5rem) 1rem}.auth-card{padding:clamp(1.125rem,4vw,1.5rem)}.success-panel{padding:1.5rem 0}.landing-section,.landing-cta-section{padding-block:3rem}.landing-section-header{margin-bottom:2rem}}@media (width<=360px){.customer-time-grid{grid-template-columns:1fr}}.finance-card{position:relative}.finance-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.finance-header-row .detail-section-title{margin-bottom:0}.finance-header-actions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.finance-edit-total-btn{color:var(--color-primary);text-underline-offset:2px;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:.875rem;font-weight:500;text-decoration:underline}.finance-edit-total-btn:hover{color:var(--color-primary-dark);background-color:var(--color-surface-soft)}.finance-add-payment-btn{padding:.4rem .875rem;font-size:.875rem}.finance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin-bottom:1.5rem;display:grid}.finance-stat-box{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.375rem;padding:1rem 1.125rem;transition:border-color .15s;display:flex}.finance-stat-label{color:var(--color-muted);letter-spacing:-.01em;font-size:.8125rem;font-weight:500}.finance-stat-value{color:var(--color-dark);letter-spacing:-.02em;word-break:break-word;font-size:1.25rem;font-weight:700;line-height:1.2}.finance-stat-value.is-unpriced{color:var(--color-muted);font-size:1rem;font-style:italic;font-weight:500}.finance-stat-value.is-paid{color:#15803d}.finance-stat-value.is-remaining{color:var(--color-dark)}.finance-fully-paid-badge{color:#15803d;border-radius:var(--radius-sm);background-color:#dcfce7;border:1px solid #bbf7d0;align-items:center;padding:.2rem .6rem;font-size:.875rem;font-weight:600;display:inline-flex}.finance-visibility-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#f8fafc;flex-direction:column;gap:.375rem;margin-top:1rem;margin-bottom:1.25rem;padding:.875rem 1rem;display:flex}.finance-visibility-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.finance-visibility-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.finance-visibility-label{color:var(--color-dark);font-size:.875rem;font-weight:600}.finance-visibility-status-wrap{border:1px solid var(--color-border);background-color:#fff;border-radius:9999px;align-items:center;gap:.375rem;padding:.2rem .625rem;display:inline-flex}.finance-visibility-indicator{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block}.finance-visibility-indicator.is-public{background-color:#16a34a;box-shadow:0 0 0 2px #dcfce7}.finance-visibility-indicator.is-hidden{background-color:#94a3b8;box-shadow:0 0 0 2px #f1f5f9}.finance-visibility-status-text{color:#334155;font-size:.8125rem;font-weight:500}.finance-visibility-action{align-items:center;display:flex}.btn-visibility-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);min-height:2rem;color:var(--color-dark);cursor:pointer;white-space:nowrap;background-color:#fff;justify-content:center;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-visibility-toggle:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.btn-visibility-toggle.is-active{color:#475569;background-color:#fff;border-color:#cbd5e1}.btn-visibility-toggle:disabled{opacity:.55;cursor:not-allowed;color:#94a3b8;background-color:#f1f5f9;border-color:#e2e8f0}.finance-visibility-helper{color:var(--color-muted);margin:0;font-size:.75rem;line-height:1.35}.finance-history-section{border-top:1px solid var(--color-border);padding-top:1.25rem}.finance-history-title{color:var(--color-dark);margin-bottom:.75rem;font-size:.9375rem;font-weight:600}.finance-payment-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.finance-payment-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem 1rem;transition:background-color .15s}.finance-payment-item:hover{background-color:var(--color-bg)}.finance-payment-item.is-voided{background-color:var(--color-surface-soft);opacity:.65;border-color:#e5e7eb}.finance-payment-main{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.finance-payment-meta{flex-direction:column;gap:.25rem;min-width:0;display:flex}.finance-payment-time{color:var(--color-muted);font-size:.8125rem;font-weight:500}.finance-payment-note{color:var(--color-body);word-break:break-word;margin:0;font-size:.875rem}.finance-void-info{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.finance-void-badge{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;border-radius:3px;padding:.125rem .375rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-block}.finance-void-reason{color:var(--color-muted);font-size:.8125rem;font-style:italic}.finance-payment-amount-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.375rem;display:flex}.finance-payment-amount{color:#15803d;white-space:nowrap;font-size:1rem;font-weight:700}.finance-payment-amount.is-voided-text{color:var(--color-muted);font-weight:600;text-decoration:line-through}.finance-void-btn{color:var(--color-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;text-decoration:underline}.finance-void-btn:hover{color:var(--color-error)}.modal-backdrop{z-index:200;background-color:#10182773;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop .modal-card{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;max-width:480px;margin:auto;padding:1.5rem;position:relative;inset:auto;box-shadow:0 20px 40px #0003}.modal-header{margin-bottom:1rem}.modal-header .modal-title{margin-bottom:0}.finance-modal-info-box{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.finance-modal-info-box strong{color:var(--color-dark);font-size:1rem}.money-input-wrapper{align-items:center;display:flex;position:relative}.money-input-wrapper .form-input{font-variant-numeric:tabular-nums;padding-right:2.25rem;font-weight:600}.money-input-suffix{color:var(--color-muted);pointer-events:none;font-size:1rem;font-weight:600;position:absolute;right:.875rem}@media (width<=640px){.finance-summary-grid{grid-template-columns:1fr;gap:.625rem}.finance-stat-box{padding:.875rem 1rem}.finance-header-row{flex-direction:column;align-items:flex-start}.finance-header-actions{justify-content:space-between;width:100%}}.dashboard-finance-section{margin-bottom:2.5rem}.dashboard-finance-primary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.dashboard-finance-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.finance-metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;min-height:140px;padding:1.5rem;display:flex}.finance-metric-card dt{color:var(--color-heading);font-size:.875rem;font-weight:600}.finance-metric-card dd{flex-direction:column;gap:.25rem;margin-top:.25rem;display:flex}.finance-metric-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word;margin:.5rem 0 .25rem;font-size:1.75rem;font-weight:700;line-height:1.2;display:block}.finance-metric-value.is-green{color:#15803d}.finance-metric-value.is-warm{color:#c94f12}.finance-metric-value.is-amber{color:#a95a08}.finance-metric-card--green{background:var(--color-green-tint);border-color:var(--color-green-tint-border)}.finance-metric-card--warm{background:#fff4ec;border-color:#f6d5bf}.finance-metric-card--amber{background:#fff8e6;border-color:#efcb72}.finance-metric-card--neutral{background:var(--color-surface);border-color:var(--color-border)}.finance-unpriced-disclosure{color:#6b7280;margin-top:.25rem;font-size:.75rem;font-style:italic;line-height:1.35;display:block}.skeleton-box{background:linear-gradient(90deg, var(--color-surface-soft) 25%, var(--color-bg) 50%, var(--color-surface-soft) 75%);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-size:200% 100%;min-height:130px;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=900px){.dashboard-finance-primary-grid,.dashboard-finance-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-finance-primary-grid,.dashboard-finance-secondary-grid{grid-template-columns:1fr;gap:.75rem;margin-top:.75rem}.finance-metric-card{min-height:auto;padding:1.125rem}.finance-metric-value{margin:.375rem 0 .25rem;font-size:1.5rem}}@media (width<=480px){.dashboard-finance-section{margin-bottom:2rem}.finance-metric-value{font-size:1.375rem}}.settings-layout{flex-direction:column;gap:1.5rem;max-width:680px;display:flex}.settings-card{padding:1.75rem}.settings-section-header{border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:.75rem}.settings-item-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.settings-item-info{flex-direction:column;gap:.25rem;display:flex}.settings-item-label{color:var(--color-heading);cursor:pointer;font-size:.9375rem;font-weight:600}.settings-item-desc{color:var(--color-muted);margin:0;font-size:.8125rem;line-height:1.45}.settings-item-action{flex-shrink:0}.toggle-switch{background-color:var(--color-border);cursor:pointer;border:2px solid #0000;border-radius:9999px;outline:none;width:48px;height:26px;padding:0;transition:background-color .2s,border-color .2s;position:relative}.toggle-switch:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #ea580c40}.toggle-switch.is-checked{background-color:var(--color-primary)}.toggle-switch-thumb{background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;display:block;transform:translate(0);box-shadow:0 1px 3px #00000026}.toggle-switch.is-checked .toggle-switch-thumb{transform:translate(22px)}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.settings-feedback-text{margin-top:.625rem;font-size:.8125rem;font-weight:500}.settings-feedback-text.is-success{color:#15803d}.settings-feedback-text.is-saving{color:var(--color-muted);font-style:italic}.settings-account-field{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;font-size:.875rem;display:flex}.settings-account-label{color:var(--color-muted);font-weight:500}.settings-account-value{color:var(--color-heading);font-weight:600}.settings-password-section{margin-top:1.25rem}.settings-password-form{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:.75rem;padding:1.25rem}.settings-password-title{color:var(--color-heading);margin-bottom:1rem;font-size:.9375rem;font-weight:600}@media (width<=480px){.settings-card{padding:1.25rem}.settings-item-row{flex-direction:row;align-items:flex-start}}.admin-dashboard-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.admin-dashboard-header{margin-bottom:2rem}.admin-dashboard-header h1{color:var(--color-dark);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.admin-dashboard-header p{color:var(--color-muted);font-size:.9375rem}.admin-section{margin-bottom:3rem}.admin-section-title{color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.admin-grid-6{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.admin-grid-7{grid-template-columns:repeat(7,1fr);gap:1rem;display:grid}.admin-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.admin-grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.admin-metric-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.admin-metric-label{color:var(--color-muted);margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.admin-metric-value{color:var(--color-dark);font-size:1.5rem;font-weight:700}.admin-metric-value.highlight-orange{color:var(--color-primary)}.admin-activity-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.admin-activity-card .admin-metric-label{font-size:.875rem}.admin-activity-card .admin-metric-value{font-size:2rem}.admin-status-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.admin-status-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.admin-status-item:last-child{border-bottom:none;padding-bottom:0}.admin-status-item-label{color:var(--color-muted);font-size:.9375rem}.admin-status-item-value{color:var(--color-dark);font-size:1.125rem;font-weight:600}.admin-chart-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;min-height:320px;padding:1.5rem;display:flex}.admin-trend-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.admin-trend-current{flex-direction:column;display:flex}.admin-trend-label{color:var(--color-muted);font-size:.875rem}.admin-trend-value{color:var(--color-dark);margin-top:.25rem;font-size:1.75rem;font-weight:700}.admin-trend-change{margin-top:.25rem;font-size:.8125rem;font-weight:600}.admin-trend-change.positive{color:var(--color-success)}.admin-trend-change.negative{color:var(--color-error)}.admin-trend-change.neutral{color:var(--color-muted)}.admin-trend-previous{text-align:right}.admin-trend-previous .admin-trend-value{color:var(--color-muted);font-size:1.25rem}.admin-chart-container{flex:1;justify-content:space-between;align-items:flex-end;gap:.5rem;padding-top:1rem;display:flex}.admin-chart-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.admin-chart-bar{background-color:var(--color-dark);opacity:.2;border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:opacity .2s}.admin-chart-bar-wrapper:hover .admin-chart-bar{opacity:1;background-color:var(--color-primary)}.admin-chart-label{color:var(--color-muted);text-align:center;white-space:nowrap;margin-top:.5rem;font-size:.75rem}.admin-chart-tooltip{background-color:var(--color-dark);color:#fff;border-radius:var(--radius-sm);opacity:0;pointer-events:none;white-space:nowrap;z-index:10;padding:.25rem .5rem;font-size:.75rem;transition:opacity .2s;position:absolute;top:-2.5rem}.admin-chart-bar-wrapper:hover .admin-chart-tooltip{opacity:1}@media (width<=1024px){.admin-grid-6,.admin-grid-7{grid-template-columns:repeat(4,1fr)}.admin-grid-3{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}}@media (width<=768px){.admin-grid-6,.admin-grid-7{grid-template-columns:repeat(2,1fr)}.admin-grid-3{grid-template-columns:1fr}}@media (width<=480px){.admin-grid-6,.admin-grid-7{grid-template-columns:1fr}}.admin-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.admin-table-container{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;font-size:.875rem}.admin-table th{background:var(--color-surface-soft);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table-empty{text-align:center;color:var(--color-muted);padding:3rem 1.25rem;font-size:.875rem}.admin-table-wrap{word-break:break-all;white-space:normal}.admin-mobile-list{display:none}.admin-mobile-card{border-bottom:1px solid var(--color-border);padding:1rem}.admin-mobile-card:last-child{border-bottom:none}.admin-mobile-card-row{justify-content:space-between;margin-bottom:.5rem;display:flex}.admin-mobile-card-label{color:var(--color-muted);text-transform:uppercase;font-size:.75rem}@media (width<=768px){.admin-table-container{display:none}.admin-mobile-list{display:block}}.legal-links{flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;margin-block:.75rem;font-size:.875rem;display:flex}.legal-links a{min-height:44px;color:inherit;text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;text-decoration:underline;display:inline-flex}.legal-form-note{margin-block:1rem;font-size:.875rem;line-height:1.6}.legal-form-note a,.legal-document a{color:var(--color-primary-hover);text-decoration:underline}.legal-page{overflow-wrap:anywhere;max-width:880px;margin:0 auto;padding:1.25rem}.legal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.legal-header a{align-items:center;min-height:44px;display:inline-flex}.legal-home-link{color:var(--color-body);text-decoration:underline}.legal-document{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,3rem);line-height:1.75}.legal-document h1{font-size:clamp(1.5rem,5vw,2.125rem);line-height:1.25}.legal-version{color:var(--color-muted);font-size:.875rem}.legal-document p{margin-top:.875rem}.legal-document section{margin-top:2rem}.legal-document h2{font-size:1.125rem;line-height:1.4}.legal-document ul{margin-top:.875rem;padding-left:1.25rem}.legal-document li+li{margin-top:.625rem}.legal-draft{border-left:3px solid var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-sm);margin-top:1.5rem;padding:1rem}.legal-footer{padding-block:1rem}.legal-table-scroll{margin-top:1rem;overflow-x:auto}.legal-inventory{border-collapse:collapse;width:100%;min-width:680px;font-size:.875rem}.legal-inventory caption{text-align:left;padding-bottom:.75rem}.legal-inventory th,.legal-inventory td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.75rem}.legal-inventory th{background:var(--color-surface-soft)}