.btn{padding:var(--input-padding-y) var(--button-padding-x);font-size:var(--button-font-size);font-weight:var(--font-weight-medium);border-radius:var(--button-border-radius);border:none;cursor:pointer;transition:var(--transition-all);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);line-height:var(--line-height-tight)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:var(--button-height-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-md{height:var(--button-height-md)}.btn-lg{height:var(--button-height-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.btn-warning{background:var(--color-warning);color:var(--color-text-inverse)}.btn-warning:hover:not(:disabled){background:var(--color-warning-hover)}.btn-error{background:var(--color-error);color:var(--color-text-inverse)}.btn-error:hover:not(:disabled){background:var(--color-error-hover)}.btn-secondary{background:var(--color-gray-500);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-600)}.btn-dark{background:var(--color-gray-900);color:var(--color-text-inverse)}.btn-dark:hover:not(:disabled){background:var(--color-gray-800)}.btn-outline{background:transparent;border:var(--border-width-thin) solid var(--color-border-dark);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background:var(--color-bg-tertiary)}.input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;transition:var(--transition-all);box-sizing:border-box}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.input-sm{height:var(--input-height-sm);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.input-md{height:var(--input-height-md)}.input-lg{height:var(--input-height-lg);font-size:var(--font-size-md)}.input-width-sm{width:var(--width-input-sm)}.input-width-md{width:var(--width-input-md)}.input-width-lg{width:var(--width-input-lg)}.select{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;cursor:pointer;transition:var(--transition-all);box-sizing:border-box}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.select:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.select-sm{width:var(--width-select-sm)}.select-md{width:var(--width-select-md)}.select-lg{width:var(--width-select-lg)}.card{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card-header{padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-secondary)}.card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md);border-top:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-secondary);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.section{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.table-container{max-height:var(--table-max-height);overflow:auto;border-radius:var(--border-radius-lg)}.table{width:100%;border-collapse:collapse;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.table thead{position:sticky;top:0;background:var(--color-bg-secondary);z-index:var(--z-sticky)}.table th{padding:var(--table-cell-padding);text-align:left;border-bottom:var(--table-border-width) solid var(--color-border-medium);font-weight:var(--font-weight-bold);font-size:var(--table-header-font-size);color:var(--color-text-primary)}.table td{padding:var(--table-cell-padding);border-bottom:var(--table-border-width) solid var(--color-border-medium);font-size:var(--table-cell-font-size);color:var(--color-text-primary)}.table tbody tr{cursor:pointer;background:transparent;border-left:var(--border-width-thick) solid transparent;transition:var(--table-row-hover-transition)}.table tbody tr:hover{background:var(--color-primary-lightest);border-left-color:var(--color-primary-light)}.table tbody tr.row-selected{background:var(--color-primary-lighter);border-left-color:var(--color-primary)}.table tbody tr.row-selected td{font-weight:var(--font-weight-semibold)}.table-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.badge-primary{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.badge-success{background:var(--color-success-lighter);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-lighter);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-lighter);color:var(--color-error-dark)}.badge-base{background:var(--color-badge-base-bg);color:var(--color-badge-base-text)}.badge-indicator{background:var(--color-badge-indicator-bg);color:var(--color-badge-indicator-text)}.badge-paired{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);background:var(--color-badge-paired-bg);color:var(--color-badge-paired-text);border:var(--border-width-thin) solid var(--color-badge-paired-border)}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);border:var(--border-width-thin) solid}.alert-info{background:var(--color-info-lighter);border-color:var(--color-info);color:var(--color-info-dark)}.alert-success{background:var(--color-success-lightest);border-color:var(--color-success);color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-lightest);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-error{background:var(--color-error-lightest);border-color:var(--color-error);color:var(--color-error-dark)}.loading-container{padding:var(--spacing-xl);text-align:center}.loading-text{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border-medium);border-top-color:var(--color-primary);border-radius:var(--border-radius-full);animation:spin .8s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.error-container{padding:var(--spacing-xl);text-align:center}.error-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-error);margin-bottom:var(--spacing-md)}.error-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-lg)}.modal{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-modal);max-width:var(--modal-width-max);width:100%;max-height:90vh;overflow:auto}.modal-sm{max-width:var(--modal-width-sm)}.modal-md{max-width:var(--modal-width-md)}.modal-lg{max-width:var(--modal-width-lg)}.modal-xl{max-width:var(--modal-width-xl)}.modal-2xl{max-width:var(--modal-width-2xl)}.modal-header{padding:var(--spacing-2xl);border-bottom:var(--border-width-thin) solid var(--color-border-medium)}.modal-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-2xl)}.modal-footer{padding:var(--spacing-lg);border-top:var(--border-width-thin) solid var(--color-border-medium);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.form-label-required:after{content:" *";color:var(--color-error)}.form-hint{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.form-error{display:block;font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.filter-group{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.filter-group .input,.filter-group .select{flex:1 1 var(--width-select-md);min-width:150px}.tooltip-button{border-radius:var(--border-radius-full);border:var(--border-width-thin) solid var(--color-success);background-color:var(--color-success);color:var(--color-text-inverse);cursor:help;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);transition:var(--transition-all)}.tooltip-button:hover{background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.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-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.w-full{width:100%}.h-full{height:100%}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.responsive-container{width:100%;margin:0 auto;padding:0 var(--spacing-lg);box-sizing:border-box}.responsive-section{width:100%;margin:0 auto;padding:var(--spacing-lg);box-sizing:border-box}@media(min-width:768px){.responsive-section{max-width:var(--container-md);padding:var(--spacing-xl)}.responsive-container{max-width:var(--container-md)}}@media(min-width:1024px){.responsive-section{max-width:var(--container-lg);padding:var(--spacing-2xl)}.responsive-container{max-width:var(--container-lg)}}@media(min-width:1280px){.responsive-section{max-width:var(--container-xl);padding:var(--spacing-3xl)}.responsive-container{max-width:var(--container-xl)}}@media(min-width:1536px){.responsive-section{max-width:var(--container-2xl);padding:var(--spacing-4xl)}.responsive-container{max-width:var(--container-2xl)}}.responsive-grid{display:grid;gap:var(--spacing-lg);width:100%}@media(min-width:768px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}.responsive-flex{display:flex;gap:var(--spacing-lg);width:100%;flex-wrap:wrap}@media(min-width:768px){.responsive-flex-tablet{flex-direction:row}.responsive-flex-tablet-stack{flex-direction:column}}@media(min-width:1024px){.responsive-flex-desktop{flex-direction:row}.responsive-flex-desktop-stack{flex-direction:column}}.component-width-sm{width:100%;max-width:300px}.component-width-md{width:100%;max-width:500px}.component-width-lg{width:100%;max-width:700px}.component-width-xl{width:100%;max-width:900px}@media(min-width:768px){.component-width-sm{max-width:350px}.component-width-md{max-width:600px}.component-width-lg{max-width:800px}.component-width-xl{max-width:1000px}}@media(min-width:1024px){.component-width-sm{max-width:400px}.component-width-md{max-width:700px}.component-width-lg{max-width:900px}.component-width-xl{max-width:1100px}}@media(min-width:1280px){.component-width-sm{max-width:450px}.component-width-md{max-width:800px}.component-width-lg{max-width:1000px}.component-width-xl{max-width:1200px}}.responsive-card-grid{display:grid;gap:var(--spacing-lg);width:100%}@media(min-width:768px){.responsive-card-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-card-grid-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.responsive-card-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-card-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-card-grid-4{grid-template-columns:repeat(4,1fr)}}.responsive-form-group{width:100%;margin-bottom:var(--spacing-lg)}.responsive-form-row{display:flex;gap:var(--spacing-lg);width:100%;flex-wrap:wrap}.responsive-form-field{flex:1 1 200px;min-width:150px}@media(min-width:768px){.responsive-form-field{flex:1 1 250px}.responsive-form-field-sm{flex:1 1 150px}.responsive-form-field-md{flex:1 1 250px}.responsive-form-field-lg{flex:1 1 350px}}@media(min-width:1024px){.responsive-form-field{flex:1 1 300px}.responsive-form-field-sm{flex:1 1 200px}.responsive-form-field-md{flex:1 1 300px}.responsive-form-field-lg{flex:1 1 400px}}.responsive-table-container{width:100%;overflow-x:auto;border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid var(--color-border-medium)}.responsive-table{width:100%;min-width:600px;border-collapse:collapse}.table-col-sm{width:80px;min-width:80px}.table-col-md{width:120px;min-width:120px}.table-col-lg{width:200px;min-width:200px}.table-col-xl{width:300px;min-width:300px}@media(min-width:768px){.table-col-sm{width:100px}.table-col-md{width:150px}.table-col-lg{width:250px}.table-col-xl{width:350px}}@media(min-width:1024px){.table-col-sm{width:120px}.table-col-md{width:180px}.table-col-lg{width:280px}.table-col-xl{width:400px}}.responsive-modal-content{width:95vw;max-width:500px;max-height:90vh;overflow-y:auto}@media(min-width:768px){.responsive-modal-content{width:90vw;max-width:700px}}@media(min-width:1024px){.responsive-modal-content{width:80vw;max-width:900px}}@media(min-width:1280px){.responsive-modal-content{width:70vw;max-width:1100px}}.responsive-padding-sm{padding:var(--spacing-sm)}.responsive-padding-md{padding:var(--spacing-md)}.responsive-padding-lg{padding:var(--spacing-lg)}@media(min-width:768px){.responsive-padding-sm{padding:var(--spacing-md)}.responsive-padding-md{padding:var(--spacing-lg)}.responsive-padding-lg{padding:var(--spacing-xl)}}@media(min-width:1024px){.responsive-padding-sm{padding:var(--spacing-lg)}.responsive-padding-md{padding:var(--spacing-xl)}.responsive-padding-lg{padding:var(--spacing-2xl)}}.responsive-margin-sm{margin:var(--spacing-sm)}.responsive-margin-md{margin:var(--spacing-md)}.responsive-margin-lg{margin:var(--spacing-lg)}@media(min-width:768px){.responsive-margin-sm{margin:var(--spacing-md)}.responsive-margin-md{margin:var(--spacing-lg)}.responsive-margin-lg{margin:var(--spacing-xl)}}@media(min-width:1024px){.responsive-margin-sm{margin:var(--spacing-lg)}.responsive-margin-md{margin:var(--spacing-xl)}.responsive-margin-lg{margin:var(--spacing-2xl)}}.calibration-type-section{width:100%;margin-bottom:var(--spacing-xl)}.scale-analysis-section{width:100%;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.scale-analysis-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.scale-analysis-grid{display:grid;gap:var(--spacing-md);width:100%}.scale-analysis-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg);transition:var(--transition-all);cursor:pointer;min-height:60px}.scale-analysis-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.scale-analysis-item:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-lightest);box-shadow:0 0 0 3px var(--color-primary-light)}.scale-analysis-checkbox{width:24px;height:24px;min-width:24px;cursor:pointer;accent-color:var(--color-primary)}.scale-analysis-label{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0;cursor:pointer;flex:1;line-height:1.4}@media(min-width:768px){.scale-analysis-section{padding:0}.scale-analysis-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.scale-analysis-item{padding:var(--spacing-xl);gap:var(--spacing-lg)}.scale-analysis-checkbox{width:28px;height:28px;min-width:28px}.scale-analysis-label{font-size:var(--font-size-lg)}}@media(min-width:1024px){.scale-analysis-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}.scale-analysis-item{padding:var(--spacing-xl)}.scale-analysis-title{font-size:var(--font-size-2xl)}}@media(min-width:1280px){.scale-analysis-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:var(--spacing-2xl)}.scale-analysis-item{padding:var(--spacing-2xl);gap:var(--spacing-xl)}.scale-analysis-checkbox{width:32px;height:32px;min-width:32px}}.truck-scale-section{width:100%;margin-bottom:var(--spacing-xl)}.truck-scale-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.truck-scale-content{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}@media(min-width:768px){.truck-scale-content{padding:var(--spacing-xl)}.truck-scale-title{font-size:var(--font-size-2xl)}}@media(min-width:1024px){.truck-scale-content{padding:var(--spacing-2xl)}}@media(min-width:1280px){.truck-scale-content{padding:var(--spacing-3xl)}}.feature-section{width:100%;margin-bottom:var(--spacing-xl)}.feature-section-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.feature-section-content{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.feature-section-grid{display:grid;gap:var(--spacing-lg);width:100%}.feature-section-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--border-radius-md)}.feature-section-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.feature-section-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(min-width:768px){.feature-section-content{padding:var(--spacing-xl)}.feature-section-title{font-size:var(--font-size-2xl)}.feature-section-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-section-item{padding:var(--spacing-lg);gap:var(--spacing-md)}}@media(min-width:1024px){.feature-section-content{padding:var(--spacing-2xl)}.feature-section-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-section-item{padding:var(--spacing-xl)}}@media(min-width:1280px){.feature-section-content{padding:var(--spacing-3xl)}.feature-section-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.feature-section-item{padding:var(--spacing-2xl);gap:var(--spacing-lg)}}.feature-button-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-lg)}.feature-button-group-vertical{flex-direction:column;align-items:stretch}.feature-button-primary{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);min-width:200px;text-align:center}.feature-button-primary:hover{background:var(--color-primary-hover)}.feature-button-primary-compact{background:#fff;color:#6b7280;border:1px solid rgb(229 231 235);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);text-align:center}.feature-button-primary-compact:hover{background:#f9fafb;border-color:#d1d5db}.feature-button-secondary{background:var(--color-gray-500);color:var(--color-text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);min-width:200px;text-align:center}.feature-button-secondary:hover{background:var(--color-gray-600)}.feature-button-danger{background:var(--color-error);color:var(--color-text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);min-width:200px;text-align:center}.feature-button-danger:hover{background:var(--color-error-hover)}.feature-button-warning{background:var(--color-warning);color:var(--color-text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);min-width:200px;text-align:center}.feature-button-warning:hover{background:var(--color-warning-hover)}@media(min-width:768px){.feature-button-group{gap:var(--spacing-lg)}.feature-button-primary,.feature-button-secondary,.feature-button-danger,.feature-button-warning{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-md);min-width:200px}}@media(min-width:1024px){.feature-button-group{gap:var(--spacing-xl)}.feature-button-primary,.feature-button-secondary,.feature-button-danger,.feature-button-warning{padding:var(--spacing-xl) var(--spacing-3xl);min-width:200px}}@media(min-width:1280px){.feature-button-primary,.feature-button-secondary,.feature-button-danger,.feature-button-warning{padding:var(--spacing-2xl) var(--spacing-4xl);font-size:var(--font-size-lg);min-width:200px}}.app-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.app-modal-content{position:absolute;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);padding:0;border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-modal);background:var(--color-bg-primary);max-width:500px;width:90vw;max-height:90vh;overflow:auto;z-index:var(--z-modal)}.app-modal-body{padding:var(--spacing-2xl)}.app-modal-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.app-modal-section{margin-bottom:var(--spacing-xl)}.app-modal-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.app-modal-select{width:100%;padding:var(--input-padding-y) var(--input-padding-x);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:var(--transition-all)}.app-modal-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.app-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.app-modal-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all)}.app-modal-button-primary{background:var(--color-primary);color:var(--color-text-inverse)}.app-modal-button-primary:hover{background:var(--color-primary-hover)}.app-modal-button-secondary{background:var(--color-gray-500);color:var(--color-text-inverse)}.app-modal-button-secondary:hover{background:var(--color-gray-600)}.app-modal-success{background:var(--color-success-lightest);border:var(--border-width-thin) solid var(--color-success);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.app-modal-success-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-success-dark)}.app-modal-success-message{font-size:var(--font-size-base);color:var(--color-success-dark);margin:0}.app-modal-close-actions{display:flex;justify-content:flex-end}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.delete-modal-content{position:absolute;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);padding:0;border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-modal);background:var(--color-bg-primary);max-width:500px;width:90vw;max-height:90vh;overflow:auto;z-index:var(--z-modal)}.delete-modal-body{padding:var(--spacing-2xl)}.delete-modal-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-error)}.delete-modal-section{margin-bottom:var(--spacing-xl)}.delete-modal-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.delete-modal-select{width:100%;padding:var(--input-padding-y) var(--input-padding-x);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:var(--transition-all)}.delete-modal-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.delete-modal-warning{background:var(--color-error-lightest);border:var(--border-width-thin) solid var(--color-error);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:var(--color-error-dark)}.delete-modal-warning-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.delete-modal-warning-text,.delete-modal-warning-confirm{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.delete-modal-confirm-input{width:90%;padding:var(--spacing-xs) var(--spacing-sm);margin-top:var(--spacing-sm);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--border-radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base)}.delete-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.delete-modal-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all)}.delete-modal-button-secondary{background:var(--color-gray-500);color:var(--color-text-inverse)}.delete-modal-button-secondary:hover:not(:disabled){background:var(--color-gray-600)}.delete-modal-button-danger{background:var(--color-error);color:var(--color-text-inverse)}.delete-modal-button-danger:hover:not(:disabled){background:var(--color-error-hover)}.delete-modal-button:disabled{cursor:not-allowed;opacity:.6}.delete-modal-success{background:var(--color-success-lightest);border:var(--border-width-thin) solid var(--color-success);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.delete-modal-success-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-success-dark)}.delete-modal-success-message{font-size:var(--font-size-base);color:var(--color-success-dark);margin:0}.delete-modal-close-actions{display:flex;justify-content:flex-end}.duplicate-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.duplicate-modal-content{position:absolute;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);padding:0;border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-modal);background:var(--color-bg-primary);max-width:600px;width:90vw;max-height:80vh;overflow:auto;z-index:var(--z-modal)}.duplicate-modal-body{padding:var(--spacing-2xl)}.duplicate-modal-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-error)}.duplicate-modal-warning{background:var(--color-warning-lightest);border:var(--border-width-thin) solid var(--color-warning);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:var(--color-warning-dark)}.duplicate-modal-warning-text{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.duplicate-modal-warning-subtext{font-size:var(--font-size-sm)}.duplicate-modal-conflicts{margin-bottom:var(--spacing-lg)}.duplicate-modal-conflicts-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.duplicate-modal-conflicts-list{margin:0;padding-left:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.duplicate-modal-conflicts-item{margin-bottom:var(--spacing-xs)}.duplicate-modal-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-direction:column}.duplicate-modal-button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-all)}.duplicate-modal-button-primary{background:var(--color-primary);color:var(--color-text-inverse)}.duplicate-modal-button-primary:hover{background:var(--color-primary-hover)}.duplicate-modal-button-danger{background:var(--color-error);color:var(--color-text-inverse)}.duplicate-modal-button-danger:hover{background:var(--color-error-hover)}.duplicate-modal-button-secondary{background:var(--color-gray-500);color:var(--color-text-inverse)}.duplicate-modal-button-secondary:hover{background:var(--color-gray-600)}.edit-review-modal-overlay{background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.edit-review-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;width:90vw;margin:0;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-modal);background:var(--color-bg-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;z-index:1000}.edit-review-modal-title{margin-bottom:var(--spacing-md);text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.edit-review-modal-textarea{width:100%;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);resize:vertical;min-height:100px}.edit-review-modal-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.edit-review-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);width:100%}.edit-review-modal-button{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all)}.edit-review-modal-button-secondary{background:var(--color-gray-200);color:var(--color-text-primary)}.edit-review-modal-button-secondary:hover{background:var(--color-gray-300)}.edit-review-modal-button-primary{background:var(--color-primary);color:var(--color-text-inverse)}.edit-review-modal-button-primary:hover{background:var(--color-primary-hover)}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:clip;max-width:100vw;box-sizing:border-box}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:inherit;transition:var(--transition-base)}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:var(--container-xs);min-height:100vh;width:100%;max-width:100vw;overflow-x:clip;box-sizing:border-box}*{box-sizing:border-box}#root{width:100%;max-width:100vw;overflow-x:clip}h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}button{border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid transparent;padding:var(--input-padding-y) var(--button-padding-x);font-size:var(--button-font-size);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--color-gray-200);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all)}button:hover{background-color:var(--color-gray-300)}button:focus,button:focus-visible{outline:3px solid var(--color-primary-lightest);outline-offset:2px}.app-loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999}.app-loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.app-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--border-radius-full);animation:app-spin .8s linear infinite}.app-loading-text{font-size:var(--font-size-lg);color:#fff;font-weight:var(--font-weight-medium)}@keyframes app-spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.app-loading-screen{background:linear-gradient(135deg,#4a5568,#2d3748)}}@media(prefers-color-scheme:dark){body,.dashboard-container{background-color:#0f0f0f;color:#ffffffde}.form-centered-bg{background:#0f0f0f;color:#ffffffde}.form-section{background-color:#1a1a1a;border-color:#333}h1,h2,h3,h4,h5,h6{color:#fffffff2}p,span,div,label{color:#ffffffde}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],textarea,select{background-color:#2a2a2a;color:#ffffffde;border-color:#444}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{background-color:#333;border-color:#555;outline-color:#646cff}input::placeholder,textarea::placeholder{color:#fff6}input:disabled,textarea:disabled,select:disabled{background-color:#1a1a1a;color:#ffffff4d;border-color:#333}button{background-color:#2a2a2a;color:#ffffffde;border-color:#444}button:hover:not(:disabled){background-color:#333;border-color:#555}button:disabled{background-color:#1a1a1a;color:#ffffff4d;cursor:not-allowed}button[style*="background: #059669"],button[style*="background:#059669"],button[style*="background: #2563eb"],button[style*="background:#2563eb"]{filter:brightness(.9)}button[style*="background: #111827"],button[style*="background:#111827"]{background-color:#3a3a3a!important;color:#fff!important}button[style*="background: #ef4444"],button[style*="background:#ef4444"]{filter:brightness(.85)}table{background-color:#1a1a1a;border-color:#333}thead{background-color:#2a2a2a!important;color:#ffffffde}thead th{background-color:#2a2a2a!important;color:#ffffffde!important;border-color:#444!important}tbody tr{background-color:#1a1a1a;border-color:#333!important}tbody tr:hover{background-color:#2a2a2a!important}tbody tr[style*="rgba(254, 202, 202"]{background-color:#7f1d1d4d!important}tbody td{color:#ffffffde!important;border-color:#333!important}table input[type=text],table input[type=date],table select{background-color:#1a1a1a;color:#ffffffde;border-color:#444}.ReactModal__Overlay{background-color:#000000bf!important}.ReactModal__Content{background-color:#1a1a1a!important;color:#ffffffde!important;border-color:#333!important}div[style*="border: '1px solid #e6edf3'"],div[style*="border:'1px solid #e6edf3'"],div[style*="border: 1px solid #e6edf3"],div[style*="border:1px solid #e6edf3"]{border-color:#444!important;background-color:#1a1a1a!important}div[style*="background: '#fff'"],div[style*="background:'#fff'"],div[style*="background: #fff"],div[style*="background:#fff"],div[style*="background: white"],div[style*="background:white"]{background-color:#1a1a1a!important}*[style*="border-color: #e5e7eb"],*[style*="border-color:#e5e7eb"],*[style*="border: 1px solid #e5e7eb"],*[style*="border:1px solid #e5e7eb"],*[style*="border-color: #cbd5e1"],*[style*="border-color:#cbd5e1"],*[style*="border-color: #d1d5db"],*[style*="border-color:#d1d5db"]{border-color:#444!important}*[style*="background: '#f9fafb'"],*[style*="background:'#f9fafb'"],*[style*="background: #f9fafb"],*[style*="background:#f9fafb"]{background-color:#2a2a2a!important}*[style*="background: '#f8fafc'"],*[style*="background:'#f8fafc'"],*[style*="background: #f8fafc"],*[style*="background:#f8fafc"]{background-color:#0f0f0f!important}*[style*="color: '#374151'"],*[style*="color:'#374151'"],*[style*="color: #374151"],*[style*="color:#374151"]{color:#ffffffb3!important}*[style*="color: '#111827'"],*[style*="color:'#111827'"],*[style*="color: #111827"],*[style*="color:#111827"]{color:#ffffffde!important}*[style*="color: '#065f46'"],*[style*="color:'#065f46'"],*[style*="color: #065f46"],*[style*="color:#065f46"]{color:#4ade80!important}*[style*="color: '#92400e'"],*[style*="color:'#92400e'"],*[style*="color: #92400e"],*[style*="color:#92400e"]{color:#fbbf24!important}*[style*="color: '#dc2626'"],*[style*="color:'#dc2626'"],*[style*="color: #dc2626"],*[style*="color:#dc2626"]{color:#f87171!important}div[style*="background: '#fef3c7'"],div[style*="background:'#fef3c7'"]{background-color:#422006!important;border-color:#78350f!important}div[style*="background: '#fef3c7'"] *[style*="color: '#92400e'"]{color:#fbbf24!important}canvas{background-color:#2a2a2a}div[style*="Click to sign"]{background-color:#2a2a2a!important;border-color:#444!important}option{background-color:#2a2a2a;color:#ffffffde}select option:hover{background-color:#333}span[style*="color: '#374151'"]{color:#ffffffb3!important}button[style*="background: white"],button[style*="background:white"]{background-color:#2a2a2a!important;color:#ffffffde!important;border-color:#444!important}button[style*="background: '#f9fafb'"],button[style*="background:'#f9fafb'"]{background-color:#1a1a1a!important;color:#ffffff4d!important}*[style*="color: '#059669'"],*[style*="color:'#059669'"]{color:#34d399!important}*[style*="color: '#2563eb'"],*[style*="color:'#2563eb'"]{color:#60a5fa!important}.work-order-header,.scale-info-section,.test-weight-section,.comments-section{background-color:#1a1a1a;border-color:#444}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}a{color:#60a5fa}a:hover{color:#93c5fd}*:focus-visible{outline-color:#646cff}.user-badge{background-color:#2a2a2a;border-color:#444;color:#ffffffde}.offline-indicator{background-color:#422006;color:#fbbf24}.error-message{background-color:#7f1d1d;color:#fecaca;border-color:#991b1b}.success-message{background-color:#14532d;color:#86efac;border-color:#166534}div[style*="backgroundColor: '#fafafa'"],div[style*="backgroundColor:'#fafafa'"],div[style*="backgroundColor: #fafafa"],div[style*="backgroundColor:#fafafa"]{background-color:#1a1a1a!important}thead tr[style*="backgroundColor: '#9dcaeeff'"],thead tr[style*="backgroundColor:'#9dcaeeff'"],thead tr[style*="backgroundColor: #9dcaeeff"],thead tr[style*="backgroundColor:#9dcaeeff"]{background-color:#2a4a5a!important}table[style*="backgroundColor: 'white'"],table[style*="backgroundColor:'white'"],table[style*="backgroundColor: white"],table[style*="backgroundColor:white"],div[style*="backgroundColor: 'white'"],div[style*="backgroundColor:'white'"]{background-color:#1a1a1a!important}div[style*="backgroundColor: '#fef2f2'"],div[style*="backgroundColor:'#fef2f2'"]{background-color:#7f1d1d!important;color:#fecaca!important;border-color:#991b1b!important}div[style*="color: '#a51515ff'"],div[style*="color:'#a51515ff'"]{color:#fca5a5!important}tr[style*="backgroundColor: 'transparent'"],tr[style*="backgroundColor:'transparent'"]{background-color:transparent!important}tr[style*="backgroundColor: '#f0f9ff'"],tr[style*="backgroundColor:'#f0f9ff'"]{background-color:#0f2d44!important}input[style*="backgroundColor: 'white'"],input[style*="backgroundColor:'white'"],input[style*="backgroundColor: white"],input[style*="backgroundColor:white"]{background-color:#2a2a2a!important;color:#ffffffde!important}input[style*="backgroundColor: '#f8fafc'"],input[style*="backgroundColor:'#f8fafc'"]{background-color:#1a1a1a!important;color:#ffffffde!important}button[style*="backgroundColor: '#ffffff'"],button[style*="backgroundColor:'#ffffff'"],button[style*="backgroundColor: #ffffff"],button[style*="backgroundColor:#ffffff"]{background-color:#2a2a2a!important;color:#ffffffde!important;border-color:#444!important}button[style*="backgroundColor: '#ecfdf5'"],button[style*="backgroundColor:'#ecfdf5'"]{background-color:#14532d!important;color:#86efac!important}input[style*="backgroundColor: '#f9f9f9'"],input[style*="backgroundColor:'#f9f9f9'"]{background-color:#1a1a1a!important;color:#ffffffde!important}span[style*="color: '#666'"],span[style*="color:'#666'"],span[style*="color: #666"],span[style*="color:#666"]{color:#fff9!important}div[style*="background: '#f1f5f9'"],div[style*="background:'#f1f5f9'"]{background-color:#2a2a2a!important}button[style*="background: '#e0e7ef'"],button[style*="background:'#e0e7ef'"]{background-color:#3a3a3a!important;color:#ffffffde!important}button[style*="color: '#64748b'"],button[style*="color:'#64748b'"]{color:#94a3b8!important}div[style*="background: '#f8fafc'"]{background-color:#0f0f0f!important}button[style*="background: '#64748b'"],button[style*="background:'#64748b'"]{background-color:#475569!important;filter:brightness(1.1)}*[style*="border: '1px solid #ccc'"],*[style*="border:'1px solid #ccc'"],*[style*="border: 1px solid #ccc"],*[style*="border:1px solid #ccc"],*[style*="border: '2px solid #ccc'"],*[style*="border:'2px solid #ccc'"],*[style*="border: 2px solid #ccc"],*[style*="border:2px solid #ccc"],td[style*="border: '1px solid #ccc'"],td[style*="border:'1px solid #ccc'"],td[style*="border: 1px solid #ccc"],td[style*="border:1px solid #ccc"],th[style*="border: '1px solid #ccc'"],th[style*="border:'1px solid #ccc'"],th[style*="border: 1px solid #ccc"],th[style*="border:1px solid #ccc"]{border-color:#444!important}h3[style*="color: '#0e7490'"],h3[style*="color:'#0e7490'"],h3[style*="color: #0e7490"],h3[style*="color:#0e7490"]{color:#22d3ee!important}span[style*="color: '#059669'"],span[style*="color:'#059669'"]{color:#34d399!important}*[style*="color: '#000000'"],*[style*="color:'#000000'"],*[style*="color: #000000"],*[style*="color:#000000"],*[style*="color: 'black'"],*[style*="color:'black'"],*[style*="color: black"],*[style*="color:black"]{color:#ffffffde!important}*[style*="border: '1px dashed #ccc'"],*[style*="border:'1px dashed #ccc'"],*[style*="border: 1px dashed #ccc"],*[style*="border:1px dashed #ccc"]{border-color:#444!important}div[style*="background: '#f8fafc'"],div[style*="background:'#f8fafc'"],div[style*="minHeight: '100vh'"][style*="background: '#f8fafc'"],div[style*="minHeight:'100vh'"][style*="background:'#f8fafc'"]{background-color:#0f0f0f!important}button[style*="background: '#5b21b6'"],button[style*="background:'#5b21b6'"]{background-color:#6d28d9!important;filter:brightness(1.1)}div[style*="background: '#fff'"],div[style*="background:'#fff'"],div[style*="background: '#fff'"][style*="borderRadius: 8"],div[style*="background:'#fff'"][style*="borderRadius:8"]{background-color:#1a1a1a!important}div[style*="display: 'flex'"] span[style*="color: '#374151'"],div[style*="display:'flex'"] span[style*="color:'#374151'"],span[style*="fontSize: 14"][style*="color: '#374151'"],span[style*="fontSize:14"][style*="color:'#374151'"]{color:#ffffffb3!important}select[style*="padding: '6px 8px'"],select[style*="padding:'6px 8px'"],select[style*="border: '1px solid #e5e7eb'"],select[style*="border:'1px solid #e5e7eb'"],table select{background-color:#2a2a2a!important;color:#ffffffde!important;border-color:#444!important}table select option{background-color:#2a2a2a!important;color:#ffffffde!important}div[style*="borderTop: '1px solid #e5e7eb'"],div[style*="borderTop:'1px solid #e5e7eb'"]{border-top-color:#444!important;background-color:#1a1a1a!important}p[style*="color: '#6b7280'"],p[style*="color:'#6b7280'"]{color:#fff9!important}div[style*="overflow: 'scroll'"],div[style*="overflow:'scroll'"],div[style*="overflow: scroll"],div[style*="overflow:scroll"]{background-color:#1a1a1a!important}}.offline-indicator{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#f59e0b4d,#d977064d);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-xl);box-shadow:0 -2px 8px #0000001a;animation:slideUp var(--transition-slow) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.offline-indicator-content{max-width:var(--container-xl);margin:0 auto;display:flex;align-items:center;gap:var(--spacing-md)}.offline-icon{font-size:var(--font-size-md)}.offline-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.offline-subtext{font-size:var(--font-size-sm);opacity:.8;margin-left:auto}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-color-scheme:dark){.offline-indicator{background:linear-gradient(135deg,#d977064d,#b453094d)}}@media(max-width:768px){.offline-indicator-content{flex-wrap:wrap}.offline-subtext{margin-left:0;flex-basis:100%;text-align:center}}.cached-data-indicator{position:fixed;top:60px;left:var(--spacing-xl);right:var(--spacing-xl);z-index:9998;background:linear-gradient(135deg,#f59e0bf2,#d97706f2);color:var(--color-text-inverse);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);animation:slideDown var(--transition-slow) ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:var(--spacing-sm)}.cached-data-indicator.work-order-cache{top:60px}.cached-data-indicator.equipment-cache{top:120px}.cached-data-indicator.weight-kit-cache{top:180px}.cached-data-content{max-width:var(--container-xl);margin:0 auto;display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.cached-data-icon{font-size:var(--font-size-lg);flex-shrink:0;margin-top:2px}.cached-data-text{flex:1;min-width:0}.cached-data-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.cached-data-subtitle{font-size:var(--font-size-sm);opacity:.9;line-height:var(--line-height-normal)}.cached-data-dismiss{background:#fff3;color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);flex-shrink:0}.cached-data-dismiss:hover{background:#ffffff4d}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-color-scheme:dark){.cached-data-indicator{background:linear-gradient(135deg,#d97706f2,#b45309f2)}}@media(max-width:768px){.cached-data-indicator{left:var(--spacing-md);right:var(--spacing-md)}.cached-data-content{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.cached-data-icon{font-size:var(--font-size-md)}.cached-data-title{font-size:var(--font-size-sm)}.cached-data-subtitle{font-size:var(--font-size-xs)}.cached-data-dismiss{padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--font-size-sm)}}.login-screen{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;box-sizing:border-box}.login-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;font-weight:600;color:#1a202c;margin:0 0 8px}.login-header p{font-size:16px;color:#718096;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#4a5568}.form-group input{padding:12px 16px;font-size:16px;border:2px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#667eea}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.login-error{padding:12px;background-color:#fed7d7;color:#c53030;border-radius:8px;font-size:14px;text-align:center}.login-button{padding:14px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.login-info{font-size:13px;color:#718096;text-align:center;line-height:1.5;margin:0}.active-sessions{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.active-sessions h3{font-size:16px;font-weight:600;color:#1a202c;margin:0 0 16px}.sessions-list{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto}.session-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.session-info{display:flex;flex-direction:column;gap:4px;flex:1}.session-user{font-size:14px;font-weight:500;color:#1a202c}.session-status{font-size:12px;color:#718096}.session-status.active{color:#38a169}.session-status.idle{color:#d69e2e}.kick-button{padding:6px 12px;font-size:13px;font-weight:500;color:#fff;background:#e53e3e;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.kick-button:hover{background:#c53030}@media(prefers-color-scheme:dark){.login-screen{background:linear-gradient(135deg,#4a5568,#2d3748)}.login-container{background:#2d3748;color:#ffffffde}.login-header h1{color:#ffffffe6}.login-header p{color:#fff9}.form-group label{color:#fffc}.form-group input{background:#4a5568;border-color:#718096;color:#ffffffe6}.form-group input:focus{border-color:#667eea}.form-group input:disabled{background-color:#2d3748}.login-error{background-color:#742a2a;color:#feb2b2}.login-footer{border-top:1px solid #4a5568}.login-info{color:#fff9}.active-sessions{border-top:1px solid #4a5568}.active-sessions h3{color:#ffffffe6}.session-item{background:#4a5568;border-color:#718096}.session-user{color:#ffffffe6}.session-status{color:#fff9}.session-status.active{color:#68d391}.session-status.idle{color:#f6e05e}}.session-limit-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px}.session-limit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:32px;max-width:500px;width:100%}.session-limit-modal h2{font-size:24px;font-weight:600;color:#1a202c;margin:0 0 16px}.session-limit-modal p{font-size:16px;color:#4a5568;line-height:1.6;margin:0 0 24px}.session-limit-actions{display:flex;gap:12px;justify-content:flex-end}.session-limit-button{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.session-limit-button:disabled{opacity:.6;cursor:not-allowed}.session-limit-button-secondary{background:#e2e8f0;color:#4a5568}.session-limit-button-secondary:hover:not(:disabled){background:#cbd5e0}.session-limit-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.session-limit-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}@media(prefers-color-scheme:dark){.session-limit-modal{background:#2d3748;color:#ffffffde}.session-limit-modal h2{color:#ffffffe6}.session-limit-modal p{color:#ffffffb3}.session-limit-button-secondary{background:#4a5568;color:#ffffffde}.session-limit-button-secondary:hover:not(:disabled){background:#718096}}.unsaved-changes-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.unsaved-changes-modal{position:relative;background:#fff;border-radius:8px;padding:24px;max-width:480px;width:90%;box-shadow:0 10px 25px #0003;outline:none}.unsaved-changes-content{display:flex;flex-direction:column;gap:20px}.unsaved-changes-title{margin:0;font-size:20px;font-weight:600;color:#1f2937}.unsaved-changes-message{margin:0;font-size:15px;color:#4b5563;line-height:1.5}.unsaved-changes-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.unsaved-changes-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.unsaved-changes-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.unsaved-changes-btn:active{transform:translateY(0)}.unsaved-changes-btn-save{background:#3b82f6;color:#fff}.unsaved-changes-btn-save:hover{background:#2563eb}.unsaved-changes-btn-discard{background:#ef4444;color:#fff}.unsaved-changes-btn-discard:hover{background:#dc2626}.unsaved-changes-btn-cancel{background:#e5e7eb;color:#374151}.unsaved-changes-btn-cancel:hover{background:#d1d5db}@media(max-width:640px){.unsaved-changes-modal{padding:20px;max-width:95%}.unsaved-changes-actions{flex-direction:column-reverse}.unsaved-changes-btn{width:100%}}@media(prefers-color-scheme:dark){.unsaved-changes-modal{background:#1f2937}.unsaved-changes-title{color:#f9fafb}.unsaved-changes-message{color:#d1d5db}.unsaved-changes-btn-cancel{background:#374151;color:#e5e7eb}.unsaved-changes-btn-cancel:hover{background:#4b5563}}.form-centered-bg{min-height:100vh;background:var(--color-bg-page);padding:0 var(--spacing-sm) var(--spacing-2xl) var(--spacing-sm);width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.form-section{width:100%;max-width:var(--container-max);margin:0 auto var(--spacing-lg) auto;padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.tab-content{width:100%;max-width:var(--container-max);margin:0 auto}@media(max-width:1023px){.form-centered-bg{padding:0 4px var(--spacing-lg) 4px}.form-section{padding:4px;margin-bottom:var(--spacing-md)}.form-section h2{font-size:var(--font-size-xl);margin-top:0;margin-bottom:var(--spacing-sm)}.form-section>div[style*=overflowX]{overflow-x:visible!important}}@media(max-width:400px){.form-centered-bg{padding:0 2px var(--spacing-md) 2px}.form-section{padding:2px}.form-section h2{font-size:var(--font-size-lg)}}.tab-navigation-container{background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.5rem;padding:0 .5rem;align-self:stretch;margin:0 calc(-1 * var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.tab-header-left{flex-shrink:0}.tab-header-right{flex-shrink:0;margin-left:auto;padding-right:.5rem}.back-to-dashboard-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#6b7280;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;white-space:nowrap}.back-to-dashboard-btn:hover{background:#4b5563}.form-title{font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.tab-navigation{display:flex;justify-content:center;gap:.25rem;padding:.5rem 0;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s ease;white-space:nowrap;position:relative}.tab-button:hover{background-color:#f3f4f6;color:#374151}.tab-button.active{color:#2563eb;background-color:#eff6ff}.tab-button.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background-color:#2563eb}.tab-icon{width:1.25rem;height:1.25rem;flex-shrink:0}@media(max-width:640px){.tab-navigation-container{background:var(--color-bg-primary, white);border-bottom:1px solid var(--color-border-medium, #e5e7eb);position:sticky;top:0;z-index:10;padding:0 4px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:0;align-self:stretch;margin:0 -4px}.tab-header-left{flex-shrink:0;padding-left:4px}.tab-header-right{flex-shrink:0;padding-right:4px;margin-left:0}.back-to-dashboard-btn{padding:6px 8px;font-size:12px;gap:4px;border-radius:4px}.back-btn-label{display:none}.form-title{font-size:11px;font-weight:600}.tab-navigation{display:flex;gap:0;padding:0;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{flex:1;min-width:40px;padding:var(--spacing-md, .75rem) var(--spacing-xs, .25rem);font-size:var(--font-size-xs, .75rem);gap:var(--spacing-xs, .25rem);border-radius:0;position:relative;justify-content:center;white-space:nowrap;background:transparent;color:var(--color-text-secondary, #6b7280);border-bottom:2px solid transparent}.tab-button:hover{background:var(--color-bg-secondary, #f3f4f6);color:var(--color-text-primary, #374151)}.tab-button.active{color:var(--color-primary, #2563eb);background:var(--color-primary-lightest, #eff6ff);border-bottom-color:var(--color-primary, #2563eb)}.tab-button.active:after{display:none}.tab-icon{width:1.4rem;height:1.4rem}.tab-label{display:none}@media(max-width:480px){.tab-button{min-width:36px;padding:var(--spacing-sm, .5rem) var(--spacing-xs, .25rem)}.tab-icon{width:1.25rem;height:1.25rem}}}@media(max-width:400px){.tab-navigation-container{margin:0 -2px;padding:0 2px}}@media(min-width:641px)and (max-width:1023px){.tab-navigation-container{margin:0 -4px;padding-left:4px;padding-right:4px}.tab-button{padding:.5rem .625rem}.back-btn-label{display:none}.form-title{font-size:13px}}.work-order-header-section{width:100%;box-sizing:border-box}.work-order-header{border:2px solid #1e40af;border-radius:10px;padding:16px;background:#fff;margin-bottom:16px}.work-order-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.work-order-title{font-size:20px;font-weight:700;margin:0;color:#1e40af}.work-order-buttons{display:flex;gap:8px}.work-order-select-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.work-order-select-btn:hover{background:#2563eb}.work-order-remove-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.work-order-remove-btn:hover{background:#dc2626}.work-order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-order-field{display:flex;flex-direction:column}.work-order-label{font-weight:700;margin-bottom:6px;color:#374151}.work-order-input{padding:8px;font-size:16px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.work-order-input:focus{outline:none;border-color:#3b82f6}.work-order-input:disabled{background:#f3f4f6;cursor:not-allowed}.work-order-select-btn-change{background:#1e40af}.work-order-select-btn-change:hover{background:#1e3a8a}.work-order-select-btn-select{background:#059669}.work-order-select-btn-select:hover{background:#047857}.work-order-selected-info{background:#eff6ff;padding:16px;border-radius:6px;border:1px solid #1e40af}.work-order-selected-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.work-order-selected-label{color:#1e40af;font-size:14px}.work-order-selected-value{font-size:16px;margin-top:4px}.work-order-selected-location{grid-column:span 2}.work-order-readonly-section{margin-top:16px;padding-top:16px;border-top:1px solid #1e40af}.work-order-readonly-input{background-color:#f8fafc;color:#64748b}.work-order-no-selection{margin-bottom:16px;padding:12px;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;text-align:center}.work-order-no-selection-title{color:#0369a1;margin-bottom:8px;font-size:16px}.work-order-no-selection-subtitle{color:#64748b;font-size:14px}.work-order-manual-label{color:#1e40af}.work-order-field-span-2{grid-column:span 2}@media(max-width:1024px){.work-order-header{border:none;border-radius:0;padding:0;background:transparent;margin-bottom:0}.work-order-header-top{margin-bottom:var(--spacing-lg)}.work-order-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.work-order-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.work-order-select-btn,.work-order-remove-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);width:100%;transition:var(--transition-all)}.work-order-select-btn{background:var(--color-primary);color:var(--color-text-inverse)}.work-order-select-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.work-order-remove-btn{background:var(--color-error);color:var(--color-text-inverse)}.work-order-remove-btn:hover{background:var(--color-error-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.work-order-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.work-order-field{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.work-order-field:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.work-order-manual-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.work-order-input{padding:var(--spacing-md);font-size:var(--font-size-base);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-all);width:100%;box-sizing:border-box}.work-order-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.work-order-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.work-order-readonly-input{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.work-order-selected-info{background:var(--color-primary-lightest);border:var(--border-width-thin) solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.work-order-selected-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.work-order-field{padding:var(--spacing-md)}.work-order-selected-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;display:block}.work-order-selected-value{font-size:var(--font-size-base);color:var(--color-text-primary);word-break:break-word}.work-order-selected-location{grid-column:span 2}.work-order-readonly-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:var(--border-width-thin) solid var(--color-primary)}.work-order-no-selection{background:var(--color-info-lightest);border:var(--border-width-thin) solid var(--color-info);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm)}.work-order-no-selection-title{color:var(--color-info);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.work-order-no-selection-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}}@media(min-width:768px)and (max-width:1024px){.work-order-header-top{flex-direction:row;justify-content:space-between}.work-order-buttons{flex-direction:row;width:auto}.work-order-select-btn,.work-order-remove-btn{width:auto}.work-order-grid,.work-order-selected-grid{grid-template-columns:repeat(2,1fr)}}.work-order-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);overflow:auto;-webkit-overflow-scrolling:touch}.work-order-selector-modal{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.work-order-selector-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-secondary);flex-shrink:0}.work-order-selector-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.work-order-selector-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.work-order-selector-cancel-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-500);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all);flex-shrink:0}.work-order-selector-cancel-btn:hover{background:var(--color-gray-600)}@media(max-width:1024px){.work-order-selector-overlay{padding:0;align-items:stretch;overflow:hidden}.work-order-selector-modal{max-height:100vh;height:100vh;border-radius:0;margin:0}.work-order-selector-modal-header{padding:var(--spacing-md);flex-shrink:0}.work-order-selector-modal-title{font-size:var(--font-size-xl)}.work-order-selector-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.work-order-selector-cancel-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media(prefers-color-scheme:dark){.work-order-header{background:var(--color-bg-primary);border-color:var(--color-primary)}.work-order-title{color:var(--color-primary)}.work-order-label{color:var(--color-text-primary)}.work-order-input{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.work-order-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.work-order-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.work-order-selected-info{background:var(--color-primary-lightest);border-color:var(--color-primary)}.work-order-selected-label,.work-order-manual-label{color:var(--color-primary)}.work-order-selected-value{color:var(--color-text-primary)}.work-order-readonly-section{border-top-color:var(--color-primary)}.work-order-readonly-input{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.work-order-no-selection{background-color:var(--color-info-lightest);border-color:var(--color-info)}.work-order-no-selection-title{color:var(--color-info)}.work-order-no-selection-subtitle{color:var(--color-text-secondary)}.work-order-select-btn-change{background:var(--color-primary-dark)}.work-order-select-btn-change:hover{background:var(--color-primary-darker)}.work-order-select-btn-select{background:var(--color-success)}.work-order-select-btn-select:hover{background:var(--color-success-dark)}.work-order-remove-btn{background:var(--color-error)}.work-order-remove-btn:hover{background:var(--color-error-dark)}}.work-order-selector{background:var(--color-bg-primary);width:100%;box-sizing:border-box;max-width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1023px){.work-order-selector{overflow-y:auto;-webkit-overflow-scrolling:touch}}.work-order-selector-header{padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-secondary);box-sizing:border-box;max-width:100%;flex-shrink:0;overflow-y:auto;max-height:40vh;-webkit-overflow-scrolling:touch}@media(max-width:1023px){.work-order-selector-header{padding:var(--spacing-md);overflow-y:visible;max-height:none;flex-shrink:0}}.work-order-selector-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.work-order-selector-instructions{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;background:var(--color-success-lightest);border:var(--border-width-thin) solid var(--color-success);border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-sizing:border-box;max-width:100%;overflow-wrap:break-word}.work-order-selector-loading{padding:var(--spacing-4xl);text-align:center;color:var(--color-text-secondary)}.work-order-selector-loading-text{font-size:var(--font-size-base);margin-top:var(--spacing-md)}.work-order-selector-error{padding:var(--spacing-lg);text-align:center;background:var(--color-error-lightest);border:var(--border-width-thin) solid var(--color-error);border-radius:var(--border-radius-md);margin:var(--spacing-lg)}.work-order-selector-error-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-error);margin:0 0 var(--spacing-sm) 0}.work-order-selector-error-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.work-order-selector-retry-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all)}.work-order-selector-retry-btn:hover:not(:disabled){background:var(--color-primary-dark)}.work-order-selector-retry-btn:disabled{opacity:.5;cursor:not-allowed}.work-order-selector-filters{padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-primary);display:flex;gap:var(--spacing-md);align-items:stretch;flex-wrap:wrap;box-sizing:border-box;max-width:100%;flex-shrink:0}@media(max-width:1023px){.work-order-selector-filters{flex-direction:column!important;gap:var(--spacing-sm);padding:var(--spacing-md);flex-shrink:0}.work-order-selector-search{width:100%!important;min-width:auto!important;max-width:100%!important;box-sizing:border-box}.work-order-selector-refresh-btn{width:100%!important;box-sizing:border-box}}.work-order-selector-search{flex:1;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-all);box-sizing:border-box;max-width:100%}.work-order-selector-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.work-order-selector-refresh-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-500);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all);box-sizing:border-box;max-width:100%}.work-order-selector-refresh-btn:hover:not(:disabled){background:var(--color-gray-600)}.work-order-selector-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.work-order-selector-selected-info{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary-lighter);border-bottom:var(--border-width-thin) solid var(--color-primary);font-size:var(--font-size-sm);color:var(--color-primary-dark);box-sizing:border-box;max-width:100%;overflow-wrap:break-word;flex-shrink:0}@media(max-width:1023px){.work-order-selector-selected-info{flex-shrink:0}}.work-order-selector-date-filter,.work-order-selector-status-filter{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);box-sizing:border-box;max-width:100%;overflow-x:hidden}.date-filter-header,.status-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap;box-sizing:border-box;max-width:100%}.status-filter-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.date-filter-checkboxes,.status-filter-checkboxes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);box-sizing:border-box;max-width:100%}@media(max-width:1023px){.date-filter-header,.status-filter-header{flex-direction:column!important;align-items:flex-start!important;width:100%!important;gap:var(--spacing-md)}.status-filter-actions{width:100%!important;display:flex;gap:var(--spacing-sm)}.status-filter-action-btn{flex:1!important;width:auto!important;box-sizing:border-box}.date-filter-checkboxes,.status-filter-checkboxes{width:100%!important}.date-filter-checkbox-label,.status-filter-checkbox-label{flex:1 1 calc(50% - var(--spacing-xs));min-width:120px;box-sizing:border-box}}.date-filter-checkbox-label,.status-filter-checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-sm);transition:var(--transition-all);box-sizing:border-box;max-width:100%}.date-filter-checkbox-label:hover,.status-filter-checkbox-label:hover{background:var(--color-bg-secondary)}.date-filter-checkbox,.status-filter-checkbox{cursor:pointer;width:16px;height:16px}.date-filter-checkbox-text,.status-filter-checkbox-text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.date-filter-summary,.status-filter-summary{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-primary-lightest);border:var(--border-width-thin) solid var(--color-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-primary-dark)}.status-filter-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.status-filter-action-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all);box-sizing:border-box;max-width:100%}.status-filter-action-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.status-filter-action-btn:disabled{opacity:.5;cursor:not-allowed}.work-order-selector-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.work-order-selector-desktop-table{display:none}.work-order-selector-mobile-cards{display:block}@media(min-width:1024px){.work-order-selector-desktop-table{display:block}.work-order-selector-mobile-cards{display:none}.work-order-selector-grid{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;position:relative}.work-order-selector-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.work-order-selector-thead{background:var(--color-bg-secondary);position:sticky;top:0;z-index:1}.work-order-selector-th{padding:var(--spacing-md);text-align:left;border-bottom:var(--border-width-thin) solid var(--color-border-medium);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.work-order-selector-row{cursor:pointer;transition:var(--transition-all);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.work-order-selector-row:hover{background:var(--color-primary-lightest)}.work-order-selector-row-selected{background:var(--color-primary-light);border-color:var(--color-primary)}.work-order-selector-td{padding:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--color-border-light);color:var(--color-text-primary)}.work-order-selector-td-selected{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.work-order-selector-td-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);max-width:250px}.work-order-selector-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-style:italic}}@media(max-width:1023px){.work-order-selector-desktop-table{display:none}.work-order-selector-mobile-cards{display:block}.work-order-selector-grid{padding:var(--spacing-lg);box-sizing:border-box;touch-action:pan-y;flex:none;overflow:visible;min-height:auto}.work-order-selector-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.work-order-selector-card{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.work-order-selector-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark);transform:translateY(-2px)}.work-order-selector-card--selected{background:var(--color-primary-lightest);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.work-order-selector-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.work-order-selector-card-wo-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.work-order-selector-card-company{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.work-order-selector-card-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.work-order-selector-card-detail{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md)}.work-order-selector-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0}.work-order-selector-card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;word-break:break-word}.work-order-selector-empty{padding:var(--spacing-4xl) var(--spacing-lg);text-align:center;background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);font-style:italic}}.work-order-selector-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-secondary);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;flex-shrink:0}@media(max-width:1023px){.work-order-selector-footer{flex-shrink:0}}@media(prefers-color-scheme:dark){.work-order-selector{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.work-order-selector-loading-text,.work-order-selector-error-message,.work-order-selector-empty,.work-order-selector-footer{color:var(--color-text-secondary)}.work-order-selector-error-title{color:var(--color-error)}.work-order-selector-header,.work-order-selector-thead,.work-order-selector-footer{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.work-order-selector-title,.work-order-selector-th{color:var(--color-text-primary)}.work-order-selector-instructions{background:var(--color-success-lightest);border-color:var(--color-success);color:var(--color-success)}.work-order-selector-selected-info{background:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary-dark)}.work-order-selector-search{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.work-order-selector-row-selected{background:var(--color-primary-light);border-left-color:var(--color-primary)}.work-order-selector-row:hover:not(.work-order-selector-row-selected){background:var(--color-primary-lightest);border-left-color:var(--color-primary-light)}.work-order-selector-td{color:var(--color-text-primary);border-color:var(--color-border-light)}.work-order-selector-retry-btn{background:var(--color-primary)}.work-order-selector-refresh-btn{background:var(--color-gray-500)}.work-order-selector-status-filter{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.status-filter-action-btn{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.status-filter-action-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.status-filter-checkbox-label{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.status-filter-checkbox-label:hover{background:var(--color-bg-secondary)}.status-filter-checkbox-text{color:var(--color-text-primary)}.status-filter-summary{background:var(--color-primary-lightest);border-color:var(--color-primary);color:var(--color-primary-dark)}}.work-order-info-tab{width:100%;box-sizing:border-box}@media(max-width:1024px){.work-order-info-tab .form-section{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;box-sizing:border-box}.work-order-info-tab .form-group{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);width:100%;box-sizing:border-box}.work-order-info-tab .form-group:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.work-order-info-tab .form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.work-order-info-tab .form-input,.work-order-info-tab .form-textarea,.work-order-info-tab .form-select{width:100%;padding:var(--spacing-md);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--border-radius-md);background:var(--color-bg-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-all);box-sizing:border-box}.work-order-info-tab .form-input:focus,.work-order-info-tab .form-textarea:focus,.work-order-info-tab .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.work-order-info-tab .form-textarea{min-height:80px;resize:vertical}.work-order-info-tab .work-order-selection{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.work-order-info-tab .work-order-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.work-order-info-tab .work-order-selection-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.work-order-info-tab .work-order-selection-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.work-order-info-tab .work-order-selection-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.work-order-info-tab .work-order-selection-btn--select{background:var(--color-primary);color:var(--color-text-inverse)}.work-order-info-tab .work-order-selection-btn--select:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.work-order-info-tab .work-order-selection-btn--remove{background:var(--color-error);color:var(--color-text-inverse)}.work-order-info-tab .work-order-selection-btn--remove:hover{background:var(--color-error-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.work-order-info-tab .selected-work-order{background:var(--color-primary-lightest);border:var(--border-width-thin) solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.work-order-info-tab .selected-work-order-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.work-order-info-tab .selected-work-order-details{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.work-order-info-tab .selected-work-order-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:var(--border-width-thin) solid var(--color-border-light)}.work-order-info-tab .selected-work-order-detail:last-child{border-bottom:none}.work-order-info-tab .selected-work-order-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.work-order-info-tab .selected-work-order-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right}}@media(min-width:768px)and (max-width:1024px){.work-order-info-tab .selected-work-order-details{grid-template-columns:repeat(2,1fr)}.work-order-info-tab .work-order-selection-buttons{flex-wrap:nowrap}}@media(prefers-color-scheme:dark){.work-order-info-tab .form-group{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.work-order-info-tab .form-group:hover{border-color:var(--color-border-dark)}.work-order-info-tab .form-input,.work-order-info-tab .form-textarea,.work-order-info-tab .form-select{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.work-order-info-tab .form-input:focus,.work-order-info-tab .form-textarea:focus,.work-order-info-tab .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.work-order-info-tab .work-order-selection{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.work-order-info-tab .selected-work-order{background:var(--color-primary-lightest);border-color:var(--color-primary)}}.calibration-type-section{margin-bottom:var(--spacing-lg)}.calibration-type-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.calibration-type-options{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.calibration-type-label{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1 auto;min-width:fit-content;cursor:pointer;padding:var(--spacing-md);background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg);transition:var(--transition-all);font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.calibration-type-label:hover{border-color:var(--color-primary);background:var(--color-primary-lightest);box-shadow:var(--shadow-sm)}.calibration-type-label input[type=radio]{width:20px;height:20px;cursor:pointer}.calibration-type-label input[type=radio]:checked+span{color:var(--color-primary);font-weight:var(--font-weight-bold)}.calibration-type-label:has(input[type=radio]:checked){border-color:var(--color-primary);background:var(--color-primary-lightest);box-shadow:0 0 0 3px var(--color-primary-light)}@media(max-width:1023px){.calibration-type-section{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.calibration-type-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.calibration-type-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.calibration-type-label{flex:none;min-width:auto;padding:var(--spacing-lg);font-size:var(--font-size-base);min-height:60px;justify-content:center;text-align:center}.calibration-type-label input[type=radio]{width:22px;height:22px}.calibration-type-label span{font-size:var(--font-size-base)}}@media(max-width:400px){.calibration-type-options{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.calibration-type-label{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.calibration-type-label:hover{border-color:var(--color-primary);background:var(--color-primary-lightest)}.calibration-type-label:has(input[type=radio]:checked){border-color:var(--color-primary);background:var(--color-primary-lightest)}.calibration-type-label input[type=radio]:checked+span{color:var(--color-primary-light)}}.equipment-selector{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid var(--color-border-medium);overflow:hidden;box-shadow:var(--shadow-sm);width:100%;max-width:100%;box-sizing:border-box}.equipment-selector-loading,.equipment-selector-error{padding:var(--spacing-xl);text-align:center;width:100%}.equipment-selector-loading-text,.equipment-selector-error-title,.equipment-selector-error-message{color:var(--color-text-secondary);font-size:var(--font-size-base)}.equipment-selector-error-title{color:var(--color-error);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.equipment-selector-error-message{margin-bottom:var(--spacing-lg)}.equipment-selector-retry-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-error);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-all)}.equipment-selector-retry-btn:hover{background:var(--color-error-hover)}.equipment-selector-header{padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-secondary);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.equipment-selector-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);word-wrap:break-word}.equipment-selector-instructions{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-success-lightest);border:var(--border-width-thin) solid var(--color-success);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-success-dark);word-wrap:break-word;max-width:100%;box-sizing:border-box}.equipment-selector-filters{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.equipment-selector-search,.equipment-selector-filter-select,.equipment-selector-manufacturer-select{padding:var(--input-padding-y) var(--input-padding-x);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);font-size:var(--font-size-base);background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-all);box-sizing:border-box;max-width:100%}.equipment-selector-search:focus,.equipment-selector-filter-select:focus,.equipment-selector-manufacturer-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.equipment-selector-search{flex:1 1 200px;min-width:150px}.equipment-selector-filter-select{width:var(--width-select-md);min-width:150px}.equipment-selector-manufacturer-select{width:180px;min-width:150px}.equipment-selector-refresh-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-500);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);flex-shrink:0}.equipment-selector-refresh-btn:hover{background:var(--color-gray-600)}.equipment-selector-grid{max-height:400px;overflow-y:auto;overflow-x:auto;width:100%}.equipment-selector-table{width:100%;border-collapse:collapse;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.equipment-selector-thead{position:sticky;top:0;background:var(--color-bg-secondary);z-index:var(--z-sticky)}.equipment-selector-th{padding:var(--table-cell-padding);text-align:left;border-bottom:var(--border-width-thin) solid var(--color-border-medium);font-weight:var(--font-weight-bold);font-size:var(--table-header-font-size);color:var(--color-text-primary);white-space:nowrap}.equipment-selector-th-connector{width:40px;min-width:40px;padding:var(--spacing-xs)}.equipment-selector-row{cursor:pointer;background:transparent;border-left:var(--border-width-thick) solid transparent;transition:var(--table-row-hover-transition);position:relative}.equipment-selector-row-selected{background:var(--color-primary-lighter);border-left:var(--border-width-thick) solid var(--color-primary)}.equipment-selector-row:hover:not(.equipment-selector-row-selected){background:var(--color-primary-lightest);border-left:var(--border-width-thick) solid var(--color-primary-light)}.equipment-selector-row-child{background:var(--color-gray-50)}.equipment-selector-row-child:hover:not(.equipment-selector-row-selected){background:var(--color-primary-lightest)}.equipment-selector-connector-cell{padding:var(--table-cell-padding);border-bottom:var(--border-width-thin) solid var(--color-border-medium);text-align:center;width:40px;min-width:40px;vertical-align:middle}.equipment-selector-connector{font-family:monospace;font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-bold);display:inline-block;line-height:1}.equipment-selector-td{padding:var(--table-cell-padding);border-bottom:var(--border-width-thin) solid var(--color-border-medium);font-size:var(--table-cell-font-size);color:var(--color-text-primary)}.equipment-selector-td-selected{font-weight:var(--font-weight-semibold)}.equipment-selector-type-cell{padding:var(--table-cell-padding);border-bottom:var(--border-width-thin) solid var(--color-border-medium);font-size:var(--table-cell-font-size);display:flex;align-items:center;gap:var(--spacing-sm)}.equipment-selector-type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.equipment-selector-type-badge-base{background:var(--color-badge-base-bg);color:var(--color-badge-base-text)}.equipment-selector-type-badge-indicator{background:var(--color-badge-indicator-bg);color:var(--color-badge-indicator-text)}.equipment-selector-paired-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);background:var(--color-badge-paired-bg);color:var(--color-badge-paired-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:var(--border-width-thin) solid var(--color-badge-paired-border)}.equipment-selector-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base);width:100%}@media(max-width:1023px){.equipment-selector{border-radius:0;margin:0}.equipment-selector-grid{max-height:none;overflow-y:visible;overflow-x:hidden}.equipment-selector-header{padding:var(--spacing-md);overflow-x:hidden}.equipment-selector-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.equipment-selector-instructions{padding:var(--spacing-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);word-break:break-word;overflow-wrap:break-word}.equipment-selector-filters{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm);align-items:stretch!important}.equipment-selector-search,.equipment-selector-filter-select,.equipment-selector-manufacturer-select{width:100%!important;max-width:100%!important;min-width:0!important;font-size:var(--font-size-base);padding:var(--spacing-md);min-height:44px;flex:none!important}.equipment-selector-refresh-btn{width:100%;padding:var(--spacing-md);min-height:44px;font-size:var(--font-size-base)}.equipment-selector-table{display:block}.equipment-selector-thead{display:none}.equipment-selector-table tbody{display:block}.equipment-selector-row{display:block;background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;border-left:var(--border-width-thick) solid transparent}.equipment-selector-row-child{margin-left:var(--spacing-xl);position:relative;background:var(--color-gray-50)}.equipment-selector-row-child:before{content:"└─";position:absolute;left:calc(-1 * var(--spacing-xl));top:50%;transform:translateY(-50%);font-family:monospace;font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}.equipment-selector-row-selected{background:var(--color-primary-lightest);border-color:var(--color-primary);border-left-width:4px}.equipment-selector-row:hover:not(.equipment-selector-row-selected){background:var(--color-gray-100);border-color:var(--color-primary-light)}.equipment-selector-connector-cell{display:none}.equipment-selector-td,.equipment-selector-type-cell{display:block;border:none;padding:var(--spacing-xs) 0;text-align:left}.equipment-selector-td:before{content:attr(data-label);font-weight:var(--font-weight-bold);display:inline-block;width:140px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.equipment-selector-type-cell{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.equipment-selector-type-cell:before{content:"Type: ";font-weight:var(--font-weight-bold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.equipment-selector-empty{display:block;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}}@media(min-width:768px)and (max-width:1023px){.equipment-selector-title{font-size:var(--font-size-xl)}.equipment-selector-instructions{padding:var(--spacing-lg)}}@media(max-width:479px){.equipment-selector-header{padding:var(--spacing-sm)}.equipment-selector-title{font-size:var(--font-size-base)}.equipment-selector-instructions{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.equipment-selector-search,.equipment-selector-filter-select,.equipment-selector-manufacturer-select,.equipment-selector-refresh-btn{padding:var(--spacing-sm);font-size:var(--font-size-sm);min-height:40px}.equipment-selector-td,.equipment-selector-th{padding:var(--spacing-xs)}}@media(min-width:768px){.equipment-selector-td,.equipment-selector-th{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}@media(min-width:1024px){.equipment-selector-filters{flex-wrap:nowrap;flex-direction:row}.equipment-selector-search{flex:1 1 300px;min-width:200px}.equipment-selector-filter-select{width:var(--width-select-lg);min-width:180px}.equipment-selector-manufacturer-select{width:220px;min-width:180px}.equipment-selector-refresh-btn{width:auto;padding:var(--spacing-sm) var(--spacing-md);min-height:auto}.equipment-selector-header{padding:var(--spacing-xl)}.equipment-selector-title{font-size:var(--font-size-xl)}.equipment-selector-instructions{padding:var(--spacing-lg);font-size:var(--font-size-base)}.equipment-selector-filters{gap:var(--spacing-lg)}.equipment-selector-search{flex:1 1 400px;min-width:250px}.equipment-selector-filter-select{width:var(--width-select-lg);min-width:200px}.equipment-selector-manufacturer-select{width:280px;min-width:200px}}@media(min-width:1280px){.equipment-selector-header{padding:var(--spacing-2xl)}.equipment-selector-instructions{padding:var(--spacing-xl)}.equipment-selector-filters{gap:var(--spacing-xl)}.equipment-selector-search{flex:1 1 500px;min-width:300px}.equipment-selector-filter-select{width:250px;min-width:220px}.equipment-selector-manufacturer-select{width:320px;min-width:220px}}.equipment-selector-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:var(--border-width-thin) solid var(--color-border-light);background:var(--color-bg-secondary)}.equipment-selector-pagination-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.equipment-selector-pagination-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.equipment-selector-pagination-btn:disabled{background:var(--color-border-medium);cursor:not-allowed;opacity:.5}.equipment-selector-pagination-info{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:200px;text-align:center}.scale-info-table{width:100%;border-collapse:collapse;background:var(--color-bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.scale-info-cell{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--table-cell-padding);font-size:var(--font-size-base);color:var(--color-text-primary)}.scale-info-header-cell{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--table-cell-padding);font-weight:var(--font-weight-bold);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base)}.scale-info-row-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.scale-info-api-badge{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-bold);background:var(--color-success-lightest);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-block}.scale-info-input{width:100%;max-width:260px;background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--input-border-color);padding:var(--input-padding-y) var(--input-padding-x);border-radius:var(--input-border-radius);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-all);box-sizing:border-box}.scale-info-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.scale-info-input-api{background:var(--color-bg-tertiary);border-color:var(--color-border-light)}.scale-info-input-full{width:100%;max-width:none}.scale-info-checkbox-label{display:none}.scale-info-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);border:none;cursor:pointer;font-weight:var(--font-weight-medium);transition:var(--transition-all);font-family:inherit}.scale-info-button-primary{background:var(--color-primary);color:var(--color-text-inverse)}.scale-info-button-primary:hover{background:var(--color-primary-hover)}.scale-info-button-danger{background:var(--color-error);color:var(--color-text-inverse)}.scale-info-button-danger:hover{background:var(--color-error-hover)}.scale-info-equipment-row{background:transparent}.scale-info-equipment-row-api{background:var(--color-info-lightest)}.scale-info-row-content{display:flex;align-items:center;gap:var(--spacing-sm)}.scale-info-row-name{min-width:100px;flex-shrink:0}.scale-info-button-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.scale-info-button-api-change{background:var(--color-primary-dark);color:var(--color-text-inverse)}.scale-info-button-api-change:hover{background:var(--color-primary)}.scale-info-button-api-select{background:var(--color-success);color:var(--color-text-inverse)}.scale-info-button-api-select:hover{background:var(--color-success-hover)}@media(prefers-color-scheme:dark){.scale-info-table{background:var(--color-bg-primary)}.scale-info-cell{border-color:var(--color-border-medium);color:var(--color-text-primary)}.scale-info-header-cell{background:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.scale-info-api-badge{color:var(--color-success-light);background:var(--color-success-dark)}.scale-info-input{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.scale-info-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.scale-info-input-api{background:var(--color-bg-tertiary);border-color:var(--color-border-light)}.scale-info-equipment-row-api{background:var(--color-info-dark)}.scale-info-button-api-change{background:var(--color-primary-dark)}.scale-info-button-api-select{background:var(--color-success)}}.scale-info-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.scale-info-modal-content{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);max-width:var(--modal-width-lg);width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-modal)}.scale-info-modal-header{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.scale-info-modal-blurb{background:var(--color-warning-lightest);border:var(--border-width-thin) solid var(--color-warning);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-warning-dark);line-height:var(--line-height-normal)}.scale-info-modal-textarea{width:100%;min-height:200px;padding:var(--input-padding-y) var(--input-padding-x);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary);resize:vertical;transition:var(--transition-all);box-sizing:border-box}.scale-info-modal-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.scale-info-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);flex-wrap:wrap}.scale-info-button-secondary{background:var(--color-gray-500);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--border-radius-md);border:none;cursor:pointer;color:var(--color-text-inverse);transition:var(--transition-all)}.scale-info-button-secondary:hover{background:var(--color-gray-600)}.scale-info-button-success{background:var(--color-success);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--border-radius-md);border:none;cursor:pointer;color:var(--color-text-inverse);transition:var(--transition-all)}.scale-info-button-success:hover{background:var(--color-success-hover)}.scale-info-button-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.scale-info-button-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:56px}.scale-info-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-bg-secondary);border:2px dashed var(--color-border-medium);border-radius:var(--border-radius-xl);text-align:center}.scale-info-empty-state-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.scale-info-empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.scale-info-empty-state-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;max-width:400px}.scale-info-empty-state-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.scale-info-edit-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-success-lightest);border:1px solid var(--color-success);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.scale-info-edit-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-success-dark);display:flex;align-items:center;gap:var(--spacing-sm)}.scale-info-edit-badge:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-success);border-radius:50%}.scale-info-specs-table,.scale-info-metadata-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md)}.scale-info-specs-table th:nth-child(1),.scale-info-metadata-table th:nth-child(1){width:33.33%}.scale-info-specs-table th:nth-child(2),.scale-info-metadata-table th:nth-child(2){width:33.33%}.scale-info-specs-table th:nth-child(3),.scale-info-metadata-table th:nth-child(3){width:33.33%}.scale-info-section{margin-bottom:var(--spacing-2xl);width:100%}.scale-info-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.scale-info-table-container{margin-bottom:var(--spacing-md);overflow-x:auto;border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid var(--color-border-medium)}@media(max-width:1023px){.scale-info-section{margin-bottom:var(--spacing-xl);padding:0}.scale-info-empty-state{padding:var(--spacing-xl) var(--spacing-md)}.scale-info-empty-state-actions{flex-direction:column;width:100%}.scale-info-empty-state-actions .scale-info-button{width:100%}.scale-info-edit-header{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md)}.scale-info-edit-header .scale-info-button{width:100%}.scale-info-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);text-align:left;font-weight:var(--font-weight-bold);padding:0 var(--spacing-md)}.scale-info-table thead,.scale-info-specs-table thead,.scale-info-metadata-table thead{display:none}.scale-info-table tbody,.scale-info-specs-table tbody,.scale-info-metadata-table tbody{display:block}.scale-info-table tbody tr{display:block;background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.scale-info-specs-table tbody tr,.scale-info-metadata-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.scale-info-equipment-row-api{background:var(--color-info-lightest);border-color:var(--color-info);border-width:2px}.scale-info-table tbody td{display:block;width:100%;border:none;padding:var(--spacing-sm) 0;text-align:left}.scale-info-table tbody td:before{content:attr(data-label);font-weight:var(--font-weight-bold);display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.5px}.scale-info-table tbody td:first-child:before{display:none}.scale-info-row-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.scale-info-specs-table tbody td,.scale-info-metadata-table tbody td{display:flex;flex-direction:column;width:auto;border:none;padding:var(--spacing-md);text-align:left;background:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.scale-info-specs-table tbody td:before,.scale-info-metadata-table tbody td:before{content:attr(data-label);font-weight:var(--font-weight-bold);display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.5px}.scale-info-metadata-table tbody td:first-child{grid-column:span 2}.scale-info-metadata-table tbody td:nth-child(3){grid-column:span 2}.scale-info-input{max-width:none;width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);margin-top:0;border-radius:var(--border-radius-md);min-height:44px}.scale-info-row-content{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.scale-info-button-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-md)}.scale-info-button-actions .scale-info-button{width:100%;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:44px;font-weight:var(--font-weight-semibold)}.scale-info-button-small{width:100%;margin-bottom:0;padding:var(--spacing-md);font-size:var(--font-size-base);min-height:44px}.scale-info-modal-overlay{padding:12px}.scale-info-modal-content{padding:var(--spacing-lg);width:100%;max-width:100%;max-height:90vh}.scale-info-modal-header{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.scale-info-modal-textarea{min-height:150px;font-size:var(--font-size-sm)}.scale-info-modal-actions{flex-direction:column-reverse;gap:var(--spacing-md)}.scale-info-modal-actions button{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base)}.scale-info-checkbox-label{display:inline;font-size:var(--font-size-base);color:var(--color-text-primary)}}@media(max-width:479px){.scale-info-section{padding:0 var(--spacing-xs)}.scale-info-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.scale-info-table{font-size:var(--font-size-xs)}.scale-info-cell,.scale-info-header-cell,.scale-info-input{padding:var(--spacing-xs)}.scale-info-modal-content{padding:var(--spacing-md);max-height:90vh}.scale-info-modal-header{font-size:var(--font-size-base)}}@media(min-width:768px){.scale-info-modal-content{max-width:var(--modal-width-xl);padding:var(--spacing-3xl)}.scale-info-input{max-width:320px}.scale-info-row-name{min-width:120px}.scale-info-button-actions{gap:var(--spacing-md)}}@media(min-width:1024px){.scale-info-modal-content{max-width:var(--modal-width-2xl)}.scale-info-input{max-width:380px}.scale-info-row-name{min-width:140px}.scale-info-section{margin-bottom:var(--spacing-3xl)}.scale-info-title{font-size:var(--font-size-2xl)}}@media(min-width:1280px){.scale-info-input{max-width:420px}.scale-info-row-name{min-width:160px}.scale-info-modal-content{padding:var(--spacing-4xl)}}@media(prefers-color-scheme:dark){.scale-info-modal-content{background:var(--color-bg-primary);color:var(--color-text-primary)}.scale-info-modal-blurb{background:var(--color-warning-dark);border-color:var(--color-warning);color:var(--color-warning-light)}.scale-info-modal-textarea{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.scale-info-modal-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.scale-info-empty-state{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.scale-info-empty-state-icon{color:var(--color-text-tertiary)}.scale-info-edit-header{background:var(--color-success-dark);border-color:var(--color-success)}.scale-info-edit-badge{color:var(--color-success-light)}}.numberpad-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.numberpad-modal{background:var(--color-bg-primary);padding:var(--spacing-3xl);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-modal);min-width:340px}.numberpad-display{font-size:var(--font-size-5xl);text-align:right;margin-bottom:var(--spacing-xl);background:var(--color-bg-tertiary);padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--border-radius-lg);min-height:56px;display:flex;align-items:center;justify-content:flex-end}.numberpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.numberpad-button{font-size:var(--font-size-4xl);padding:var(--spacing-2xl) 0;border-radius:var(--border-radius-xl);background:var(--color-gray-200);border:none;cursor:pointer;transition:var(--transition-all);min-height:80px;display:flex;align-items:center;justify-content:center}.numberpad-button:hover{background:var(--color-gray-300)}.numberpad-actions{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.numberpad-action-button{flex:1;font-size:var(--font-size-xl);padding:var(--spacing-md) 0;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:var(--transition-all)}.numberpad-apply{background:var(--color-primary);color:var(--color-text-inverse)}.numberpad-apply:hover{background:var(--color-primary-hover)}.numberpad-cancel{background:var(--color-gray-200);color:var(--color-text-primary)}.numberpad-cancel:hover{background:var(--color-gray-300)}.test-weight-container{margin-bottom:16px}.test-weight-label{font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:8px}.test-weight-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.test-weight-option-btn{padding:8px 16px;border-radius:6px;border:1px solid #ccc;background:#fff;color:#000;font-weight:400;cursor:pointer;font-size:14px}.test-weight-option-btn-selected{border:2px solid #065f46;background:#ecfdf5;color:#065f46;font-weight:700}.test-weight-current{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.test-weight-current-label{font-size:14px;color:#666}.test-weight-display{font-size:18px;width:140px;text-align:center;padding:8px;border:1px solid #ccc;border-radius:4px;background:#f9f9f9;cursor:pointer}.test-weight-custom-btn{padding:8px 16px;border-radius:6px;border:1px solid #065f46;background:#065f46;color:#fff;cursor:pointer}.test-weight-custom-btn:hover{background:#047857}.test-weight-override-label{font-size:14px;color:#666;margin-left:16px}.test-weight-override-input{font-size:14px;width:80px;text-align:center;padding:6px;border:1px solid #ccc;border-radius:4px;background:#fff}@media(prefers-color-scheme:dark){.test-weight-option-btn{background:#2a2a2a;color:#ffffffde;border-color:#444}.test-weight-option-btn-selected{background:#14532d;color:#86efac;border-color:#059669}.test-weight-current-label,.test-weight-override-label{color:#fff9}.test-weight-display{background:#1a1a1a;color:#ffffffde;border-color:#444}.test-weight-override-input{background:#2a2a2a;color:#ffffffde;border-color:#444}.test-weight-custom-btn{background:#047857}.test-weight-custom-btn:hover{background:#059669}}@media(max-width:1023px){.test-weight-options{gap:6px}.test-weight-option-btn{padding:6px 12px;font-size:13px;flex:0 1 auto}.test-weight-current{flex-direction:column;align-items:flex-start;gap:12px}.test-weight-display{width:100%;font-size:16px}.test-weight-custom-btn{width:100%;padding:10px 16px}.test-weight-override-label{margin-left:0;font-weight:700}.test-weight-override-input{width:100%}}.adjustable-input-container{margin-bottom:var(--spacing-lg)}.adjustable-input-label{font-weight:var(--font-weight-bold);display:block;margin-bottom:var(--spacing-sm)}.adjustable-input-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.adjustable-input-button{font-size:var(--font-size-xl);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);border:none;background:var(--color-gray-200);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all);min-width:48px;height:48px;display:flex;align-items:center;justify-content:center}.adjustable-input-button:hover{background:var(--color-gray-300)}.adjustable-input-value{font-size:var(--font-size-xl);min-width:80px;max-width:200px;flex:1;text-align:center;padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all)}.adjustable-input-value:hover{border-color:var(--color-primary)}.adjustable-input-value:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}@media(max-width:1023px){.adjustable-input-container{margin-bottom:var(--spacing-sm)}.adjustable-input-controls{gap:4px}.adjustable-input-button{font-size:var(--font-size-lg);padding:6px;min-width:36px;height:36px}.adjustable-input-value{font-size:var(--font-size-base);min-width:60px;max-width:120px;padding:6px 4px}}@media(max-width:400px){.adjustable-input-button{font-size:var(--font-size-base);min-width:32px;height:32px;padding:4px}.adjustable-input-value{font-size:var(--font-size-sm);min-width:50px;max-width:90px;padding:4px 2px}}@media(max-width:1023px){.truck-mobile-input-row .adjustable-input-container{width:0!important;min-width:0!important;max-width:100%!important;margin-bottom:0!important;flex:1 1 0px!important}.truck-mobile-input-row .adjustable-input-controls{gap:2px!important;min-width:0!important;width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:nowrap!important}.truck-mobile-input-row input.adjustable-input-value,.truck-mobile-input-row .adjustable-input-value{font-size:var(--font-size-sm)!important;min-width:40px!important;max-width:100%!important;width:0!important;flex:1 1 0px!important;padding:6px 2px!important;box-sizing:border-box!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important}.truck-mobile-input-row button.adjustable-input-button,.truck-mobile-input-row .adjustable-input-button{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;flex-shrink:0!important;font-size:var(--font-size-base)!important;padding:0!important;box-sizing:border-box!important}}@media(max-width:400px){.truck-mobile-input-row input.adjustable-input-value,.truck-mobile-input-row .adjustable-input-value{font-size:var(--font-size-xs)!important;padding:4px 2px!important}.truck-mobile-input-row button.adjustable-input-button,.truck-mobile-input-row .adjustable-input-button{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;font-size:var(--font-size-sm)!important}}.section-test-table-container{margin-top:var(--spacing-lg);overflow-x:auto}.section-test-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-sm)}.section-test-table thead{background:var(--color-bg-secondary)}.section-test-table th,.section-test-table td{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-sm)}.section-test-table th{font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.section-test-table td{text-align:center}.section-test-section-label{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.section-test-mobile{display:none}@media(max-width:1023px){.section-test-table-container{display:none}.section-test-mobile{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:0;margin:0;width:100%;box-sizing:border-box}.section-test-mobile-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.section-test-mobile-group{background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);width:100%;box-sizing:border-box}.section-test-mobile-group-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;text-align:center}.section-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);width:100%;box-sizing:border-box}.section-test-grid-cell{background:var(--color-bg-secondary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-md);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;box-sizing:border-box}.section-test-grid-cell-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-test-grid-cell .adjustable-input-container{width:100%;min-width:0;margin-bottom:0}.section-test-grid-cell .adjustable-input-controls{gap:2px}.section-test-grid-cell .adjustable-input-value{font-size:var(--font-size-sm);min-width:45px;max-width:100%;flex:1;padding:4px 2px}.section-test-grid-cell .adjustable-input-button{width:28px;height:28px;min-width:28px;font-size:var(--font-size-sm);padding:0}}@media(max-width:400px){.section-test-grid{gap:4px;padding:4px}.section-test-grid-cell{padding:4px}.section-test-grid-cell-label{font-size:10px}.section-test-grid-cell .adjustable-input-value{font-size:12px;min-width:40px;max-width:100%;padding:2px}.section-test-grid-cell .adjustable-input-button{width:24px;height:24px;min-width:24px;font-size:12px}}.truck-section-test-container{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-md);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);width:100%;box-sizing:border-box;max-width:100%;overflow-x:auto;min-width:0}.truck-section-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.truck-section-test-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.truck-section-test-actions{display:flex;gap:var(--spacing-sm)}.truck-section-add-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-weight:var(--font-weight-medium)}.truck-section-add-btn:hover{background:var(--color-primary-hover)}.truck-section-clear-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);background:#ef4444;color:#fff;border:none;cursor:pointer;font-weight:var(--font-weight-medium)}.truck-section-clear-btn:hover{background:#dc2626}.truck-section-remove-last-btn{display:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);background:#f97316;color:#fff;border:none;cursor:pointer;font-weight:var(--font-weight-medium)}.truck-section-remove-last-btn:hover{background:#ea580c}.truck-section-remove-last-btn:disabled{background:#d1d5db;cursor:not-allowed}.truck-section-test-tables{width:auto}.truck-section-test-table-wrapper{margin-bottom:var(--spacing-md)}.truck-section-test-table{width:100%;border-collapse:collapse;min-width:400px}@media(max-width:1023px){.truck-section-test-table{min-width:0}}.truck-section-test-table thead th{background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-sm);text-align:center;font-weight:var(--font-weight-bold)}.truck-section-test-table tbody td{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-xs);text-align:center}.truck-section-test-table tbody td:first-child{font-weight:var(--font-weight-bold);width:120px}.truck-section-test-table .adjustable-input-container{width:100%;min-width:0}.truck-section-test-table .adjustable-input-controls{gap:2px}.truck-section-test-table .adjustable-input-value{font-size:var(--font-size-sm);min-width:30px;max-width:100%;flex:1;padding:2px}.truck-section-test-table .adjustable-input-button{width:24px;height:24px;min-width:24px;font-size:var(--font-size-sm);padding:0}.truck-section-remove-btn{padding:2px 6px;font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);background:var(--color-danger);color:red!important;border:none;cursor:pointer}.truck-section-remove-btn:hover{background:var(--color-danger-hover)}.truck-section-test-mobile{display:none}@media(max-width:1023px){.truck-section-test-tables{display:none}.truck-section-test-container{padding:4px;width:100%;box-sizing:border-box;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:visible}.truck-section-test-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.truck-section-test-title{text-align:center;font-size:var(--font-size-base)}.truck-section-test-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;margin:0;width:100%;box-sizing:border-box}.truck-mobile-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-medium);margin-bottom:var(--spacing-sm)}.truck-mobile-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.truck-mobile-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.truck-mobile-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs);max-width:calc(100vw - 32px)}.truck-mobile-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);padding:var(--spacing-sm);min-width:200px;width:200px;flex-shrink:0;box-sizing:border-box;scroll-snap-align:start}.truck-mobile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-medium)}.truck-mobile-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.truck-mobile-remove-btn{padding:2px 6px;font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);background:var(--color-danger);color:#fff;border:none;cursor:pointer}.truck-mobile-remove-btn:hover{background:var(--color-danger-hover)}.truck-mobile-input-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);width:100%}.truck-mobile-input-row:last-child{margin-bottom:0}.truck-mobile-input-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:60px;flex-shrink:0}.truck-mobile-input-row .adjustable-input-container{flex:1;margin-bottom:0;min-width:0}.truck-mobile-input-row .adjustable-input-label{display:none}.truck-mobile-input-row .adjustable-input-controls{width:100%;min-width:0}.truck-section-add-btn,.truck-section-clear-btn,.truck-section-remove-last-btn{width:100%;padding:var(--spacing-md)}.truck-section-remove-last-btn{display:block}}.linearity-test-container{margin-top:var(--spacing-lg);width:100%}.linearity-test-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.linearity-test-add-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-weight:var(--font-weight-medium)}.linearity-test-add-btn:hover{background:var(--color-primary-hover)}.truck-linearity-remove-row-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:#f97316;color:#fff;border:none;cursor:pointer;font-weight:var(--font-weight-medium)}.truck-linearity-remove-row-btn:hover{background:#ea580c}.truck-linearity-remove-row-btn:disabled{background:#d1d5db;cursor:not-allowed}.linearity-test-table-container{width:100%;overflow-x:auto}.linearity-test-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-sm)}.linearity-test-table thead{background:var(--color-bg-secondary)}.linearity-test-table th,.linearity-test-table td{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-sm)}.linearity-test-table th{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);white-space:nowrap}.linearity-test-table td{text-align:center}.linearity-test-remove-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);background:var(--color-danger);color:red;border:none;cursor:pointer;font-size:var(--font-size-sm)}.linearity-test-remove-btn:hover{background:var(--color-danger-hover)}.linearity-remove-row-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:#f97316;color:#fff;border:none;cursor:pointer;font-weight:var(--font-weight-medium)}.linearity-remove-row-btn:hover{background:#ea580c}.linearity-remove-row-btn:disabled{background:#d1d5db;cursor:not-allowed}.linearity-test-mobile{display:none}@media(max-width:1023px){.linearity-test-table-container{display:none}.linearity-test-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}.linearity-mobile-grid{display:flex;width:100%;max-width:calc(100vw - 32px);box-sizing:border-box;overflow:hidden}.linearity-mobile-frozen{flex-shrink:0;width:90px;z-index:1;background:var(--color-bg-primary)}.linearity-mobile-scrollable{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.linearity-mobile-scroll-inner{display:flex;min-width:max-content}.linearity-mobile-col{min-width:150px;flex-shrink:0}.linearity-mobile-header-cell{background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-align:center;display:flex;align-items:center;justify-content:center}.linearity-mobile-cell{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;min-height:48px}.linearity-test-add-btn,.linearity-remove-row-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base)}.linearity-mobile-grid .adjustable-input-container{width:100%;min-width:0;margin-bottom:0}.linearity-mobile-grid .adjustable-input-label{display:none}.linearity-mobile-grid .adjustable-input-controls{gap:2px}.linearity-mobile-grid .adjustable-input-value{font-size:var(--font-size-base);min-width:40px;max-width:100%;flex:1;padding:6px 4px}.linearity-mobile-grid .adjustable-input-button{width:32px;height:32px;min-width:32px;font-size:var(--font-size-base);padding:0}}@media(max-width:400px){.truck-linearity-mobile-card{padding:var(--spacing-sm)}.truck-linearity-mobile-field-row{grid-template-columns:1fr;gap:var(--spacing-xs)}.truck-linearity-mobile-field .adjustable-input-value{font-size:var(--font-size-xs);min-width:40px;padding:2px}.truck-linearity-mobile-field .adjustable-input-button{width:24px;height:24px;min-width:24px;font-size:var(--font-size-xs)}}.truck-linearity-test-container{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-md);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.truck-linearity-test-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.truck-linearity-test-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:var(--spacing-sm)}.truck-linearity-test-table thead{background:var(--color-bg-secondary)}.truck-linearity-test-table th,.truck-linearity-test-table td{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-xs);text-align:center}.truck-linearity-test-table th{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);white-space:nowrap}.truck-linearity-test-table th:first-child{width:20%}.truck-linearity-test-table th:nth-child(2),.truck-linearity-test-table th:nth-child(3),.truck-linearity-test-table th:nth-child(4),.truck-linearity-test-table th:nth-child(5),.truck-linearity-test-table th:last-child{width:16%}.truck-linearity-test-table td:last-child{width:70px}.truck-linearity-test-mobile{display:none}@media(max-width:1023px){.truck-linearity-test-table{display:none}.truck-linearity-test-container{padding:4px;width:100%;box-sizing:border-box;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:visible}.truck-linearity-test-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}.truck-linearity-mobile-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-medium);margin-bottom:var(--spacing-sm)}.truck-linearity-mobile-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.truck-linearity-mobile-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.truck-linearity-mobile-grid{display:flex;width:100%;max-width:calc(100vw - 32px);box-sizing:border-box;overflow:hidden}.truck-linearity-mobile-frozen{flex-shrink:0;width:90px;z-index:1;background:var(--color-bg-primary)}.truck-linearity-mobile-scrollable{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.truck-linearity-mobile-scroll-inner{display:flex;min-width:max-content}.truck-linearity-mobile-col{min-width:150px;flex-shrink:0}.truck-linearity-mobile-header-cell{background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-align:center;display:flex;align-items:center;justify-content:center}.truck-linearity-mobile-cell{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;min-height:48px}.linearity-test-add-btn,.truck-linearity-remove-row-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base)}.truck-linearity-mobile-grid .adjustable-input-container{width:100%;min-width:0;margin-bottom:0}.truck-linearity-mobile-grid .adjustable-input-label{display:none}.truck-linearity-mobile-grid .adjustable-input-controls{gap:2px}.truck-linearity-mobile-grid .adjustable-input-value{font-size:var(--font-size-base);min-width:40px;max-width:100%;flex:1;padding:6px 4px}.truck-linearity-mobile-grid .adjustable-input-button{width:32px;height:32px;min-width:32px;font-size:var(--font-size-base);padding:0}}.custom-fields-section{width:100%;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.custom-fields-title{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.custom-fields-loading{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-sm)}.custom-fields-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.custom-field-item{background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.custom-field-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.custom-field-label{font-weight:var(--font-weight-bold);display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.custom-field-text-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--border-radius-md);border:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-all);min-height:44px}.custom-field-text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.custom-field-comment-box{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--border-radius-md);border:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-secondary);color:var(--color-text-primary);resize:vertical;min-height:120px;font-family:inherit;cursor:default;transition:var(--transition-all)}.custom-field-comment-box:focus{outline:none;border-color:var(--color-primary)}.custom-field-checkbox-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;cursor:pointer}.custom-field-checkbox{width:24px;height:24px;min-width:24px;cursor:pointer;accent-color:var(--color-primary)}.custom-field-checkbox-label{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;line-height:1.4}@media(max-width:1023px){.custom-fields-section{padding:0 var(--spacing-md)}.custom-fields-container{gap:var(--spacing-lg)}.custom-field-item{padding:var(--spacing-lg)}.custom-field-text-input,.custom-field-comment-box{width:100%}.custom-field-comment-box{min-height:120px}}@media(min-width:1024px){.custom-fields-section{padding:0}.custom-fields-container{gap:var(--spacing-xl)}.custom-field-item{padding:var(--spacing-xl)}.custom-field-text-input{width:50%;min-width:300px}.custom-field-comment-box{width:75%;min-width:400px}.custom-field-checkbox{width:28px;height:28px;min-width:28px}.custom-field-label,.custom-field-checkbox-label{font-size:var(--font-size-lg)}}@media(min-width:1024px){.custom-field-item{padding:var(--spacing-2xl)}.custom-field-text-input{width:40%}.custom-field-comment-box{width:60%}.custom-field-checkbox{width:32px;height:32px;min-width:32px}}@media(min-width:1280px){.custom-fields-container{gap:var(--spacing-2xl)}.custom-field-text-input{width:35%}.custom-field-comment-box{width:50%}}.custom-field-table .custom-table-wrapper{width:100%;overflow-x:auto;margin-top:var(--spacing-md)}.custom-table{width:100%;border-collapse:collapse;border:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-primary)}.custom-table thead{background:var(--color-bg-secondary)}.custom-table th,.custom-table td{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-sm);text-align:left}.custom-table th{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.custom-table-input{width:100%;padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--border-radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:var(--transition-all)}.custom-table-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-lightest)}.custom-table-actions-col{width:80px;text-align:center}.custom-table-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-style:italic}.btn-add-row{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-success);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.btn-add-row:hover{background:var(--color-success-hover);box-shadow:var(--shadow-md)}.btn-remove-row{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-error);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-lg);line-height:1;cursor:pointer;transition:var(--transition-all);min-width:32px}.btn-remove-row:hover{background:var(--color-error-hover)}@media(max-width:1023px){.custom-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.custom-table{min-width:600px}.custom-table th,.custom-table td{padding:var(--spacing-xs)}.custom-table-input{padding:var(--spacing-xs);font-size:var(--font-size-sm)}}@media(prefers-color-scheme:dark){.custom-field-item{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.custom-field-item:hover{border-color:var(--color-border-dark)}.custom-field-text-input,.custom-field-comment-box{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.custom-field-comment-box{background:var(--color-bg-secondary)}.custom-field-text-input:focus,.custom-field-comment-box:focus{border-color:var(--color-primary)}.custom-table{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.custom-table thead{background:var(--color-bg-secondary)}.custom-table-input{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-light)}}.weight-kits-container{border:var(--border-width-medium) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:var(--color-bg-primary);position:relative;z-index:1;width:100%;box-sizing:border-box}.weight-kits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.weight-kits-title{margin:0;color:var(--color-info);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.weight-kits-loading{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.weight-kits-error{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-lightest);color:var(--color-error-dark);border:var(--border-width-thin) solid var(--color-error-lighter);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.weight-kits-selector{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.weight-kits-label{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--font-size-base)}.weight-kits-select{padding:var(--input-padding-y) var(--input-padding-x);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);font-size:var(--input-font-size);width:100%;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all);box-sizing:border-box}.weight-kits-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.weight-kits-table{width:100%;border-collapse:collapse;border:var(--border-width-thin) solid var(--color-border-medium);background:var(--color-bg-primary);border-radius:var(--border-radius-lg);overflow:hidden}.weight-kits-thead{background:var(--color-bg-secondary)}.weight-kits-th{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--table-cell-padding);text-align:left;font-weight:var(--font-weight-bold);font-size:var(--table-header-font-size);color:var(--color-text-primary);white-space:nowrap}.weight-kits-td{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--table-cell-padding);color:var(--color-text-primary);font-size:var(--table-cell-font-size)}.weight-kits-remove-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-error);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-all);font-weight:var(--font-weight-medium);white-space:nowrap}.weight-kits-remove-btn:hover{background:var(--color-error-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.weight-kits-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-style:italic;font-weight:var(--font-weight-bold);border:var(--border-width-thin) dashed var(--color-border-medium);border-radius:var(--border-radius-md);background:var(--color-bg-primary);font-size:var(--font-size-base)}.weight-kits-no-data{color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}@media(max-width:768px){.weight-kits-container{padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.weight-kits-title{font-size:var(--font-size-base)}.weight-kits-desktop-table{display:none}.weight-kits-mobile-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.weight-kit-card{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.weight-kit-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.weight-kit-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.weight-kit-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;flex:1;word-break:break-word}.weight-kit-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.weight-kit-card-field{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm)}.weight-kit-card-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.weight-kit-card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;word-break:break-word}.weight-kits-remove-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);width:auto;align-self:flex-start}}@media(min-width:768px)and (max-width:1024px){.weight-kits-container{padding:var(--spacing-md)}.weight-kits-desktop-table{display:block}.weight-kits-table{display:table;font-size:var(--font-size-sm)}.weight-kits-th,.weight-kits-td{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.weight-kits-mobile-cards{display:none}}@media(min-width:1024px){.weight-kits-desktop-table{display:block}.weight-kits-table{display:table}.weight-kits-mobile-cards{display:none}.weight-kits-selector{flex-direction:row;align-items:center}.weight-kits-select{width:auto;min-width:var(--width-select-md)}.weight-kits-label{margin-right:var(--spacing-sm);margin-bottom:0}}@media(prefers-color-scheme:dark){.weight-kits-container,.weight-kit-card{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.weight-kit-card:hover{border-color:var(--color-border-dark)}.weight-kits-select{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.weight-kits-table{background:var(--color-bg-primary);border-color:var(--color-border-medium)}}.comments-section{margin-bottom:var(--spacing-lg);width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto}.comments-add-template-btn{background:var(--color-gray-200);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:4px 8px;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);transition:var(--transition-all);margin-top:var(--spacing-xs)}.comments-add-template-btn:hover{background:var(--color-gray-300);border-color:var(--color-primary)}.comments-label{display:block;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-size:var(--font-size-base)}.comments-cal-number-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.comments-cal-number-label{font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary);font-size:var(--font-size-base)}.comments-cal-number-input{width:var(--width-input-lg);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);border-radius:var(--input-border-radius);border:var(--border-width-thin) solid var(--input-border-color);background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-all)}.comments-cal-number-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.comments-templates{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.comments-template-item{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);border:var(--border-width-thin) solid var(--color-border-light)}.comments-template-btn{font-weight:var(--font-weight-bold);background:var(--color-bg-tertiary);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:var(--transition-all)}.comments-template-btn:hover{background:var(--color-border-medium)}.comments-template-remove{color:var(--color-error);background:none;border:none;cursor:pointer;font-size:var(--font-size-md);padding:0 var(--spacing-xs);transition:var(--transition-all)}.comments-template-remove:hover{color:var(--color-error-hover)}@media(max-width:768px){.comments-section{padding:0}.comments-cal-number-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.comments-cal-number-input{width:100%;max-width:300px}.comments-templates{gap:var(--spacing-xs)}.comments-template-item{padding:var(--spacing-xs)}.comments-template-btn{font-size:var(--font-size-xs);padding:6px 8px}.comments-template-remove{padding:0 4px;font-size:var(--font-size-sm)}}@media(max-width:480px){.comments-label,.comments-cal-number-label{font-size:var(--font-size-sm)}.comments-cal-number-input{max-width:100%}}.signature-section{border:1px solid #e6edf3;padding:12px;border-radius:8px;margin-bottom:16px;background:#fff}.signature-row{display:flex;gap:12px;align-items:center}.signature-field{flex:0 0 240px}.signature-field-date{flex:0 0 160px}.signature-field-sig{flex:1;margin:0 20px}.signature-label{display:block;font-weight:700;margin-bottom:6px}.signature-select,.signature-date-input{width:100%;padding:8px;font-size:16px;border-radius:6px;border:1px solid #d1d5db;background:#fff}.signature-pad-container{border:1px solid #cbd5e1;border-radius:6px;width:200px;height:64px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;margin-top:0}.signature-placeholder{color:#94a3b8;font-size:13px}.signature-image{max-width:100%;max-height:100%;display:block}.signature-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.signature-modal-content{background:#fff;padding:16px;border-radius:8px;width:min(920px,94%);max-width:920px}.signature-modal-title{margin-top:0}.signature-modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.signature-modal-btn{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;cursor:pointer;font-size:14px}.signature-modal-btn-clear{background:#f3f4f6}.signature-modal-btn-done{background:#1976d2;color:#fff;border:none}.signature-modal-btn-cancel{background:#f3f4f6}@media(max-width:768px){.signature-section{padding:16px 12px}.signature-row{flex-direction:column;gap:16px;align-items:stretch}.signature-field,.signature-field-date,.signature-field-sig{flex:none;width:100%;margin:0}.signature-pad-container{width:100%;height:80px}.signature-modal-content{padding:12px;width:min(100%,94%)}.signature-modal-buttons{flex-direction:column;gap:12px}.signature-modal-btn{width:100%;padding:12px;font-size:16px}}@media(max-width:480px){.signature-section{padding:12px 8px}.signature-label,.signature-select,.signature-date-input{font-size:14px}.signature-modal-title{font-size:18px}}@media(prefers-color-scheme:dark){.signature-section{background:#1a1a1a;border-color:#444}.signature-label{color:#ffffffde}.signature-select,.signature-date-input{background:#2a2a2a;color:#ffffffde;border-color:#444}.signature-pad-container{background:#2a2a2a;border-color:#444}.signature-placeholder{color:#fff6}.signature-modal-overlay{background:#000000bf}.signature-modal-content{background:#1a1a1a;color:#ffffffde}.signature-modal-btn{background:#2a2a2a;color:#ffffffde;border-color:#444}.signature-modal-btn-done{background:#1976d2;color:#fff}}.summary-table-container{width:100%;flex:1}.summary-table{min-width:100%;border-collapse:separate;border-spacing:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg-primary)}.summary-table-header{background-color:#f9fafb;position:sticky;top:0;z-index:10}.summary-table-header-cell{padding:.75rem 1.5rem;text-align:left;font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-bottom:1px solid rgb(229 231 235);background-color:#f9fafb}.summary-table-header-cell:hover{background-color:#f3f4f6}.summary-table-header-content{display:flex;align-items:center;gap:.25rem}.summary-table-sort-icon{margin-left:.25rem}.summary-table-sort-icon-asc,.summary-table-sort-icon-desc{width:.75rem;height:.75rem}.summary-table-sort-icon-none{width:.75rem;height:.75rem;opacity:.5}.summary-table-body{background-color:#fff;border-top:1px solid rgb(229 231 235)}.summary-table-row{cursor:pointer;transition:background-color .2s;border-bottom:1px solid rgb(229 231 235)}.summary-table-row:hover{background-color:#f9fafb}.summary-table-cell{padding:1rem 1.5rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;font-size:1rem;color:#111827}.row-actions{display:flex;gap:.5rem;justify-content:flex-end}.row-action-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.row-action-button:hover{background-color:#f3f4f6;color:#111827}.row-action-button--delete:hover{color:#ef4444}.status-incomplete{color:var(--color-error);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.pagination-info{display:flex;align-items:center;gap:1rem}.pagination-text{font-size:.875rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-select{padding:.25rem .5rem;border-radius:.375rem;border:1px solid rgb(229 231 235);background:#fff;font-size:.875rem;color:#111827;transition:all .2s}.pagination-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pagination-bottom{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:.5rem}.pagination-button{padding:.5rem 1rem;border:1px solid rgb(229 231 235);border-radius:.375rem;background:#fff;color:#111827;cursor:pointer;transition:all .2s;font-size:.875rem}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.pagination-page-info{padding:0 1rem;font-size:.875rem;color:#6b7280}.review-status-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);border:var(--border-width-thin) solid var(--input-border-color);background:var(--color-bg-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:var(--transition-all);min-width:120px}.review-status-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}@media(min-width:768px){.summary-table-container{overflow-x:auto}.pagination-container{flex-wrap:wrap;gap:var(--spacing-md)}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.column-header-filter{font-size:var(--font-size-sm)}}@media(min-width:1024px){.pagination-bottom{gap:var(--spacing-md)}.pagination-button{padding:var(--spacing-sm) var(--spacing-lg)}.action-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-width:70px}}@media(prefers-color-scheme:dark){.column-header-filter{background:var(--color-bg-primary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.column-header-filter:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.summary-table{background:var(--color-bg-primary)}.summary-table thead{background:var(--color-bg-secondary)}.summary-table th,.summary-table td{border-color:var(--color-border-medium)}.summary-table tbody tr.incomplete{background:#7f1d1d4d}.summary-table tbody tr:hover{background:var(--color-primary-lightest)}.pagination-select{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.pagination-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.pagination-button{background:var(--color-bg-primary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.pagination-button:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.pagination-button:disabled{background:var(--color-bg-tertiary);border-color:var(--color-border-light)}.review-status-select{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.review-status-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.review-status-select option{background:var(--color-bg-primary);color:var(--color-text-primary)}}.cal-card{background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;box-sizing:border-box;overflow:hidden}.cal-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.cal-card--incomplete{background:#fecaca26;border-color:var(--color-error)}.cal-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.cal-card__header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cal-card__wo-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cal-card__date{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.cal-card__status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.cal-card__status-badge--incomplete{background:var(--color-error);color:var(--color-text-inverse)}.cal-card__company{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}.cal-card__details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-top:var(--border-width-thin) solid var(--color-border-light);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.cal-card__detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md)}.cal-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0}.cal-card__value{font-size:var(--font-size-base);color:var(--color-text-primary);text-align:right;word-break:break-word}.cal-card__review{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cal-card__review-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:var(--border-width-thin) solid var(--input-border-color);background:var(--color-bg-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-all)}.cal-card__review-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cal-card__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-sm);width:100%;box-sizing:border-box}.cal-card__button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-sizing:border-box;width:100%}.cal-card__button:hover{background-color:#f3f4f6;color:#111827}.cal-card__button--delete:hover{color:#ef4444}@media(min-width:640px){.cal-card__actions{grid-template-columns:repeat(3,1fr)}.cal-card__detail-row{flex-direction:row}}@media(prefers-color-scheme:dark){.cal-card{background:var(--color-bg-primary);border-color:var(--color-border-medium)}.cal-card:hover{border-color:var(--color-border-dark)}.cal-card--incomplete{background:#7f1d1d33;border-color:var(--color-error)}.cal-card__review-select{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.cal-card__review-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cal-card__review-select option{background:var(--color-bg-primary);color:var(--color-text-primary)}}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--container-xs: 320px;--container-sm: 480px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-max: 1500px;--width-input-sm: 80px;--width-input-md: 120px;--width-input-lg: 200px;--width-select-sm: 150px;--width-select-md: 200px;--width-select-lg: 280px;--width-button-sm: 100px;--width-button-md: 140px;--width-button-lg: 180px;--modal-width-sm: 400px;--modal-width-md: 600px;--modal-width-lg: 800px;--modal-width-xl: 1000px;--modal-width-2xl: 1200px;--modal-width-max: 90vw;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #60a5fa;--color-primary-lighter: #dbeafe;--color-primary-lightest: #eff6ff;--color-primary-dark: #1e40af;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #34d399;--color-success-lighter: #d1fae5;--color-success-lightest: #ecfdf5;--color-success-dark: #047857;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fbbf24;--color-warning-lighter: #fef3c7;--color-warning-lightest: #fffbeb;--color-warning-dark: #92400e;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-light: #f87171;--color-error-lighter: #fecaca;--color-error-lightest: #fef2f2;--color-error-dark: #991b1b;--color-info: #0ea5e9;--color-info-hover: #0284c7;--color-info-light: #38bdf8;--color-info-lighter: #e0f2fe;--color-info-dark: #075985;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-page: #f8fafc;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-border-light: #f3f4f6;--color-border-medium: #e5e7eb;--color-border-dark: #d1d5db;--color-badge-base-bg: #dcfce7;--color-badge-base-text: #166534;--color-badge-indicator-bg: #dbeafe;--color-badge-indicator-text: #1e40af;--color-badge-paired-bg: #fff7ed;--color-badge-paired-text: #92400e;--color-badge-paired-border: #fcd34d;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-2xl: 16px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-modal: 0 4px 24px rgba(0, 0, 0, .13);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-all: all var(--transition-base);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--table-max-height: 400px;--table-row-hover-transition: all .2s ease;--table-border-width: 1px;--table-cell-padding: var(--spacing-md);--table-header-font-size: var(--font-size-base);--table-cell-font-size: var(--font-size-base);--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-padding-x: var(--spacing-md);--input-padding-y: var(--spacing-sm);--input-border-color: var(--color-border-dark);--input-border-radius: var(--border-radius-md);--input-font-size: var(--font-size-base);--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-padding-x: var(--spacing-lg);--button-padding-y: var(--spacing-sm);--button-border-radius: var(--border-radius-md);--button-font-size: var(--font-size-base)}@media(prefers-color-scheme:dark){:root{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2a2a2a;--color-bg-tertiary: #3a3a3a;--color-bg-page: #0f0f0f;--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .4);--color-text-inverse: #111827;--color-border-light: #2a2a2a;--color-border-medium: #444444;--color-border-dark: #555555;--color-gray-50: #1a1a1a;--color-gray-100: #2a2a2a;--color-gray-200: #3a3a3a;--color-gray-300: #4a4a4a;--color-gray-400: #6b7280;--color-gray-500: #9ca3af;--color-gray-600: #d1d5db;--color-gray-700: #e5e7eb;--color-gray-800: #f3f4f6;--color-gray-900: #f9fafb;--color-badge-base-bg: #065f46;--color-badge-base-text: #34d399;--color-badge-indicator-bg: #1e3a8a;--color-badge-indicator-text: #60a5fa;--color-badge-paired-bg: #451a03;--color-badge-paired-text: #fbbf24;--color-badge-paired-border: #92400e;--color-primary-lighter: #1e293b;--color-primary-lightest: #0f1419;--color-success-lightest: #0f2419;--color-warning-lightest: #1c1410;--color-error-lightest: #1f1315;--input-border-color: var(--color-border-medium)}}.cards-view{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg);box-sizing:border-box;overflow:visible}.cards-view__controls{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;box-sizing:border-box}.cards-view__search-wrapper{position:relative;width:100%;box-sizing:border-box}.cards-view__search{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:40px;border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--border-radius-lg);background:var(--color-bg-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-all);box-shadow:var(--shadow-sm);box-sizing:border-box}.cards-view__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cards-view__search::placeholder{color:var(--color-text-tertiary)}.cards-view__clear-search{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:var(--color-bg-tertiary);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:var(--transition-all)}.cards-view__clear-search:hover{background:var(--color-border-dark);color:var(--color-text-primary)}.cards-view__filters{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap;width:100%;box-sizing:border-box}.cards-view__filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:100px;max-width:100%;box-sizing:border-box}.cards-view__filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.cards-view__select{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--border-radius-md);background:var(--color-bg-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-all)}.cards-view__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cards-view__sort-toggle{padding:var(--spacing-sm) var(--spacing-md);min-width:44px;border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--border-radius-md);background:var(--color-bg-primary);font-size:var(--font-size-xl);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.cards-view__sort-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.cards-view__sort-toggle:active{transform:scale(.95)}.cards-view__results-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0 var(--spacing-xs)}.cards-view__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);width:100%;box-sizing:border-box;overflow:visible}@media(min-width:768px){.cards-view__grid{grid-template-columns:repeat(2,1fr)}.cards-view__filters{flex-wrap:nowrap}.cards-view__filter-group{min-width:120px}}@media(min-width:1200px){.cards-view__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1600px){.cards-view__grid{grid-template-columns:repeat(4,1fr)}}.cards-view__empty{text-align:center;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg)}.cards-view__empty p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}@media(prefers-color-scheme:dark){.cards-view__search{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.cards-view__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cards-view__clear-search{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.cards-view__clear-search:hover{background:var(--color-border-dark);color:var(--color-text-primary)}.cards-view__select{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.cards-view__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.cards-view__select option{background:var(--color-bg-primary);color:var(--color-text-primary)}.cards-view__sort-toggle{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-medium)}.cards-view__sort-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.cards-view__empty{background:var(--color-bg-primary);border-color:var(--color-border-medium)}}.filters-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;padding:.75rem;margin-bottom:1rem}.filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.filters-header-icon{width:1rem;height:1rem;color:#6b7280}.filters-title{font-size:1.125rem;font-weight:500;color:#374151}.filters-grid{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.filters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.search-field{grid-column:span 3}}@media(min-width:1024px){.filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-field{grid-column:span 2}}.filter-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid rgb(209 213 219);border-radius:.375rem;font-size:1rem}.search-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;border-color:transparent}.filter-select{width:100%;padding:.5rem .75rem;border:1px solid rgb(209 213 219);border-radius:.375rem;font-size:1rem}.filter-select:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;border-color:transparent}.multi-select-container{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border:1px solid rgb(209 213 219);border-radius:.375rem;background-color:#fff}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.checkbox-label:hover{color:#111827}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:rgb(59 130 246)}.checkbox-label span{-webkit-user-select:none;user-select:none}.user-badge{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-dropdown)}.user-badge-inline{display:flex;align-items:center}.user-badge-content{background:var(--color-bg-primary);border-radius:var(--border-radius-2xl);padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-lg);border:var(--border-width-medium) solid var(--color-border-medium)}.user-badge-inline .user-badge-content{box-shadow:none;border:1px solid rgb(229 231 235);background:#fff;padding:8px 12px;border-radius:6px;gap:6px}@media(min-width:768px){.user-badge-inline .user-badge-content{padding:10px 16px;gap:8px}}.user-icon{font-size:var(--font-size-xl)}.user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}.user-badge-inline .user-name{font-size:13px;font-weight:500;color:#374151;white-space:nowrap}@media(min-width:768px){.user-badge-inline .user-name{font-size:14px}}.user-badge-inline .user-icon{font-size:16px}.logout-button{background:var(--color-error);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-lg);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);margin-left:var(--spacing-xs)}.user-badge-inline .logout-button{background:#ef4444;padding:4px 8px;font-size:12px;border-radius:4px;margin-left:6px}@media(min-width:768px){.user-badge-inline .logout-button{padding:6px 12px;font-size:13px}}.logout-button:hover{background:var(--color-error-hover)}.user-badge-inline .logout-button:hover{background:#dc2626}@media(max-width:768px){.user-badge{top:var(--spacing-md);right:var(--spacing-md)}.user-badge-content{padding:var(--spacing-xs) var(--spacing-md)}.user-name{font-size:var(--font-size-sm)}.logout-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.dashboard-container{height:100vh;background:#f8fafc;padding:12px;overflow:hidden;width:100%;box-sizing:border-box}.dashboard-content{max-width:1500px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;height:100%}@media(min-width:768px){.dashboard-container{padding:12px}}.dashboard-header{display:flex;align-items:center;margin-bottom:12px;gap:8px;flex-wrap:wrap;flex-shrink:0}@media(min-width:768px){.dashboard-header{gap:16px}}.bulk-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bulk-actions-dropdown{position:relative;display:none}@media(min-width:1024px){.bulk-actions-dropdown{display:block}}.bulk-actions-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;color:#6b7280;border:1px solid rgb(229 231 235);border-radius:6px;font-size:13px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}@media(min-width:768px){.bulk-actions-button{padding:10px 16px;gap:8px;font-size:14px}}.bulk-actions-button:hover{background:#f9fafb;border-color:#d1d5db}.bulk-actions-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;margin-top:4px}.bulk-actions-menu-item button{background:#fff!important;color:#6b7280!important;border:1px solid rgb(229 231 235)!important;border-radius:4px!important;padding:8px 12px!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important;text-align:left!important}.bulk-actions-menu-item button:hover{background:#f9fafb!important;border-color:#d1d5db!important}.dashboard-title{font-size:20px;font-weight:700;margin:0;flex:1 1 100%;min-width:0}@media(min-width:640px){.dashboard-title{font-size:24px;flex:1 1 auto}}@media(min-width:768px){.dashboard-title{font-size:32px}}.settings-button{display:none;padding:8px 12px;background:#fff;color:#6b7280;border:1px solid rgb(229 231 235);border-radius:6px;font-size:13px;cursor:pointer;font-weight:500;text-align:center;transition:all .2s ease;white-space:nowrap}@media(min-width:1024px){.settings-button{display:block;padding:10px 20px;font-size:14px;min-width:100px}}.settings-button:hover{background:#f9fafb;border-color:#d1d5db}.table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%}.export-message{padding:12px 16px;font-size:13px;color:#374151;border-top:1px solid #e5e7eb;background:#f9fafb}.mobile-view{display:block;width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:12px}@media(min-width:640px){.mobile-view{padding:16px}}.desktop-view{display:none}@media(min-width:1024px){.mobile-view{display:none}.desktop-view{display:flex;flex-direction:column;flex:1;overflow:hidden}}.empty-state-container{text-align:center;padding:48px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.empty-state-text{font-size:18px;color:#6b7280;margin:0}@media(prefers-color-scheme:dark){.dashboard-container{background:#0f0f0f;color:#ffffffde}.dashboard-title{color:#fffffff2}.settings-button{background:#6d28d9}.settings-button:hover{background:#7c3aed}.table-container,.empty-state-container{background:#1a1a1a;border-color:#444}.empty-state-text{color:#fff9}.action-bar{border-top-color:#444;background:#1a1a1a}}.custom-fields-root{border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);background-color:var(--color-bg-primary);max-width:1500px;width:100%}.custom-fields-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.custom-fields-title{margin:0;color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-xs)}.custom-fields-actions{display:flex;gap:var(--spacing-sm)}.btn-save{background-color:var(--color-success);color:var(--color-text-inverse)}.btn-save:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-delete{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-error);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer}.btn-delete:hover:not(:disabled){background-color:var(--color-error-hover)}.error-box{padding:var(--spacing-md);background-color:var(--color-error-lightest);color:var(--color-error-dark);border:var(--border-width-thin) solid var(--color-error-lighter);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.table-wrap{overflow-x:auto}.custom-fields-table{width:100%;border-collapse:collapse;border:var(--border-width-thin) solid var(--color-border-medium);background-color:var(--color-bg-primary)}.custom-fields-table thead tr{background-color:var(--color-bg-secondary)}.custom-fields-table th,.custom-fields-table td{border:var(--border-width-thin) solid var(--color-border-medium);padding:var(--spacing-sm);text-align:left;vertical-align:top}.custom-fields-table .col-actions,.custom-fields-table .cell-actions{text-align:center;width:10%}.input-text,.input-select,.input-textarea{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-all)}.input-text:focus,.input-select:focus,.input-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.input-textarea{resize:vertical;min-height:80px}.empty-box{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-style:italic;border:var(--border-width-thin) dashed var(--color-border-medium);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary)}.custom-select__control{min-height:38px;font-size:var(--font-size-sm);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition-all)}.custom-select__control:hover{border-color:var(--color-primary)}.custom-select__control--is-focused{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.custom-select__menu{z-index:var(--z-dropdown);background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-medium);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.custom-select__menu-list{max-height:200px}.custom-select__option{background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md)}.custom-select__option:hover{background:var(--color-primary-lightest)}.custom-select__option--is-selected,.custom-select__multi-value{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.custom-select__multi-value__remove{color:var(--color-primary-dark)}.custom-select__multi-value__remove:hover{background:var(--color-primary);color:var(--color-text-inverse)}.table-columns-config{display:flex;flex-direction:column;gap:var(--spacing-xs)}.table-columns-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.table-column-row{display:flex;gap:var(--spacing-xs);align-items:center}.table-column-input{flex:1}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-all)}.btn-add-col{background-color:var(--color-success);color:var(--color-text-inverse);margin-top:var(--spacing-xs)}.btn-add-col:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-delete-col{background-color:var(--color-error);color:var(--color-text-inverse);min-width:32px;padding:var(--spacing-xs);font-size:var(--font-size-lg);line-height:1}.btn-delete-col:hover:not(:disabled){background-color:var(--color-error-hover)}.btn-delete-col:disabled{opacity:.4;cursor:not-allowed}:root{--page-bg: #f8fafc;--header-bg: #ffffff;--header-border: #e5e7eb;--back-bg: #6b7280;--text: #111827}@media(prefers-color-scheme:dark){:root{--page-bg: #030712;--header-bg: #0b1220;--header-border: #10202b;--back-bg: #9ca3af;--text: #e6eef8}}.settings-page-root{min-height:100vh;background:var(--page-bg)}.settings-page-header{padding:12px 24px;background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;align-items:center;gap:12px}.btn-back{padding:6px 12px;background:var(--back-bg);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.settings-page-title{margin:0;font-size:20px;font-weight:700;color:var(--text)}.settings-page-content{padding:24px}.settings-page-inner{width:1500px;max-width:1500px;margin:0 auto}