:root{--color-primary:#667eea;--color-primary-dark:#5a6fd6;--color-primary-light:#8a9eef;--color-primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--color-secondary:#6c757d;--color-secondary-dark:#545b62;--color-secondary-light:#868e96;--color-success:#28a745;--color-success-dark:#218838;--color-success-light:#48c764;--color-danger:#dc3545;--color-danger-dark:#c82333;--color-danger-light:#e4606d;--color-warning:#ffc107;--color-warning-dark:#e0a800;--color-warning-light:#ffcd39;--color-info:#17a2b8;--color-info-dark:#117a8b;--color-info-light:#3ab8cc;--color-blue:#007bff;--color-blue-dark:#0056b3;--color-blue-light:#3395ff;--color-bg-page:#e2e4eb;--color-bg-card:#fff;--color-bg-card-hover:#e9ecef;--color-bg-input:#fff;--color-bg-input-disabled:#d7dae3;--color-bg-input-readonly:#f8f9fa;--color-bg-hover:#f8f9fa;--color-bg-header:#f8f9fa;--color-bg-table-header:#f8f9fa;--color-text-primary:#333;--color-text-secondary:#555;--color-text-muted:#666;--color-text-light:#888;--color-text-placeholder:#999;--color-text-white:#fff;--color-text-black:#000;--color-border:#ddd;--color-border-light:#dee2e6;--color-border-dark:#ccc;--color-border-input:#e2e4eb;--color-overlay:#00000080;--color-status-new:#f06638;--color-status-ready:#f1c40f;--color-status-in-progress:#2ecc71;--color-status-signed:#367e7f;--color-status-closed:#2a6594;--color-status-canceled:#6c757d;--color-status-new-bg:#fde4db;--color-status-new-hover:#facfc0;--color-status-ready-bg:#fef9e7;--color-status-ready-hover:#fdf3ce;--color-status-in-progress-bg:#d5f5e3;--color-status-in-progress-hover:#abebc6;--color-status-signed-bg:#d6e9e9;--color-status-signed-hover:#b8dcdc;--color-status-closed-bg:#d4e4f1;--color-status-closed-hover:#b5d2e8;--color-status-canceled-bg:#e0e0e0;--color-status-canceled-hover:#d0d0d0;--color-error-bg:#f8d7da;--color-error-border:#f5c6cb;--color-error-text:#c33333;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:22px;--font-size-4xl:24px;--font-size-5xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--spacing-4xl:48px;--spacing-gap-xs:5px;--spacing-gap-sm:10px;--spacing-gap-md:15px;--spacing-gap-lg:20px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:20px;--radius-circle:50%;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 10px 40px #0003;--shadow-focus:0 0 0 2px #007bff1a;--shadow-focus-primary:0 0 0 3px #667eea1a;--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-modal-backdrop:900;--z-index-modal:1000;--z-index-popover:1100;--z-index-tooltip:1200;--z-index-notification:9999;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-transform:transform 0.2s ease;--transition-colors:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;--container-sm:600px;--container-md:800px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--sidebar-width:300px;--sidebar-width-lg:350px;--input-height-sm:32px;--input-height-md:38px;--input-height-lg:44px;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--input-padding-x:8px;--input-padding-y:8px;--input-border-width:1px;--button-padding-x-sm:12px;--button-padding-y-sm:6px;--button-padding-x-md:16px;--button-padding-y-md:10px;--button-padding-x-lg:20px;--button-padding-y-lg:14px;--card-padding:20px;--card-padding-sm:15px;--table-cell-padding:12px;--table-cell-padding-sm:10px;--table-border-width:1px;--badge-padding-x:12px;--badge-padding-y:6px;--badge-min-width:120px}code{font-family:var(--font-family-mono)}.status-legend-tooltip{left:0;max-width:440px;min-width:380px;right:auto}.status-legend-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-legend-item{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.status-legend-badge{border-radius:var(--radius-sm);color:var(--color-text-white);flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:90px;padding:3px 8px;text-align:center}.status-legend-badge-new{background-color:var(--color-status-new)}.status-legend-badge-ready{background-color:var(--color-status-ready);color:var(--color-text-primary)}.status-legend-badge-in-progress{background-color:var(--color-status-in-progress)}.status-legend-badge-signed{background-color:var(--color-status-signed)}.status-legend-badge-closed{background-color:var(--color-status-closed)}.status-legend-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.status-legend-description p{margin:0}@media (max-width:480px){.status-legend-tooltip{left:50%;min-width:300px;right:auto;transform:translateX(-50%)}.status-legend-item{flex-direction:column;gap:var(--spacing-xs)}.status-legend-badge{align-self:flex-start;min-width:auto}}.search-bar{margin-bottom:var(--spacing-gap-md)}.search-input{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--table-cell-padding-sm);width:100%}.search-filters{border:none;border-radius:0;border-top:1px solid var(--color-border-light);margin:0 0 var(--spacing-gap-md) 0;padding:var(--spacing-sm) 0 0 0}.search-filters legend{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0 var(--spacing-xs) 0 0}.search-filters-group{display:flex;flex-wrap:wrap;gap:var(--spacing-gap-sm)}.filter-input{flex:1 1 140px;min-width:120px}@media (min-width:1400px){.search-filters-group{flex-wrap:nowrap}.filter-input{flex:1 1;min-width:0}}@media (min-width:768px) and (max-width:1399px){.filter-input{flex:1 1 calc(33.333% - var(--spacing-gap-sm));min-width:150px}}@media (max-width:767px){.filter-input{flex:1 1 100%}}.filters-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.filters-row .status-filters{flex:0 1 auto}.filters-action{align-items:center;display:flex;padding-top:var(--spacing-md)}.status-filters{border:none;border-radius:0;border-top:1px solid var(--color-border-light);margin:0;padding:var(--spacing-sm) 0 0 0}.status-filters legend{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:0 var(--spacing-xs) 0 0}.status-toggle-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.status-toggle{background-color:var(--color-bg-page);border:2px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:100px;opacity:.6;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;transition:all .2s ease;white-space:nowrap}.status-toggle:hover{opacity:.8}.status-toggle.active{color:var(--color-text-white);opacity:1}.status-toggle-new,.status-toggle-new.active{border-color:var(--color-status-new)}.status-toggle-new.active{background-color:var(--color-status-new)}.status-toggle-ready,.status-toggle-ready.active{border-color:var(--color-status-ready)}.status-toggle-ready.active{background-color:var(--color-status-ready);color:var(--color-text-primary)}.status-toggle-in-progress,.status-toggle-in-progress.active{border-color:var(--color-status-in-progress)}.status-toggle-in-progress.active{background-color:var(--color-status-in-progress)}.status-toggle-signed,.status-toggle-signed.active{border-color:var(--color-status-signed)}.status-toggle-signed.active{background-color:var(--color-status-signed)}.status-toggle-closed,.status-toggle-closed.active{border-color:var(--color-status-closed)}.status-toggle-closed.active{background-color:var(--color-status-closed)}.status-toggle-canceled,.status-toggle-canceled.active{border-color:var(--color-status-canceled)}.status-toggle-canceled.active{background-color:var(--color-status-canceled)}@media (max-width:767px){.status-toggle-group{display:grid;grid-template-columns:repeat(3,1fr)}.status-toggle{text-align:center;width:100%}}.status-badge{font-size:var(--font-size-sm);min-width:var(--badge-min-width);text-align:center;white-space:nowrap}.status-badge-new{background-color:var(--color-status-new);color:var(--color-text-white)}.status-badge-ready{background-color:var(--color-status-ready);color:var(--color-text-white)}.status-badge-signed{background-color:var(--color-status-signed);color:var(--color-text-white)}.status-badge-in-progress{background-color:var(--color-status-in-progress);color:var(--color-text-white)}.status-badge-closed{background-color:var(--color-status-closed);color:var(--color-text-white)}.status-badge-canceled{background-color:var(--color-status-canceled);color:var(--color-text-white)}.reports-table thead{background-color:var(--color-bg-header)}.reports-table th{border-bottom:var(--table-border-width) solid var(--color-border)}.reports-table th.sortable{cursor:pointer;transition:var(--transition-colors);-webkit-user-select:none;user-select:none}.reports-table th.sortable:hover{background-color:var(--color-bg-card-hover)}.sort-icon{display:inline-block;font-size:var(--font-size-base);margin-left:var(--spacing-sm);vertical-align:middle}.sort-icon-default{color:var(--color-text-muted);opacity:.5}.sort-icon-asc,.sort-icon-desc{color:var(--color-primary);font-weight:var(--font-weight-bold)}.reports-table td{border-bottom:var(--table-border-width) solid var(--color-border)}.reports-table tbody tr:hover{background-color:var(--color-bg-header)}.reports-table tbody tr.status-new{background-color:var(--color-status-new-bg)}.reports-table tbody tr.status-new:hover{background-color:var(--color-status-new-hover)}.reports-table tbody tr.status-ready{background-color:var(--color-status-ready-bg)}.reports-table tbody tr.status-ready:hover{background-color:var(--color-status-ready-hover)}.reports-table tbody tr.status-signed{background-color:var(--color-status-signed-bg)}.reports-table tbody tr.status-signed:hover{background-color:var(--color-status-signed-hover)}.reports-table tbody tr.status-in-progress{background-color:var(--color-status-in-progress-bg)}.reports-table tbody tr.status-in-progress:hover{background-color:var(--color-status-in-progress-hover)}.reports-table tbody tr.status-closed{background-color:var(--color-status-closed-bg)}.reports-table tbody tr.status-closed:hover{background-color:var(--color-status-closed-hover)}.reports-table tbody tr.status-canceled{background-color:var(--color-status-canceled-bg)}.reports-table tbody tr.status-canceled:hover{background-color:var(--color-status-canceled-hover)}.status-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--badge-padding-y) var(--badge-padding-x)}.status-badge.status-new{background-color:var(--color-danger);color:var(--color-text-white)}.status-badge.status-ready{background-color:var(--color-warning);color:var(--color-text-primary)}.status-badge.status-signed{background-color:var(--color-success);color:var(--color-text-white)}.status-badge.status-in-progress{background-color:var(--color-info);color:var(--color-text-white)}.status-badge.status-closed{background-color:#6f42c1;color:var(--color-text-white)}.status-badge.status-canceled{background-color:var(--color-secondary);color:var(--color-text-white)}.no-results{color:var(--color-text-secondary)}.reports-table tbody tr.selected-row{outline:3px solid var(--color-primary)}.btn-action{background-color:var(--color-success);color:var(--color-text-white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--button-padding-y-sm) var(--button-padding-x-sm);transition:var(--transition-colors)}.btn-action:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-action:disabled{background-color:var(--color-border);cursor:not-allowed}.expand-icon{color:var(--color-text-muted);display:inline-block;font-size:var(--font-size-xs);margin-right:var(--spacing-sm);transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.reports-table tbody tr.expanded-row{background-color:var(--color-bg-header)}.reports-table tbody tr.expanded-row td{border-bottom:none}.accordion-row{background-color:var(--color-bg-card)}.accordion-row td{border-bottom:var(--table-border-width) solid var(--color-border);padding:0!important}.accordion-content{animation:slideDown .2s ease-out;background-color:var(--color-bg-page);border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) var(--spacing-xl)}.accordion-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.accordion-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.accordion-item label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.accordion-item span{color:var(--color-text-primary);font-size:var(--font-size-base)}.accordion-item-machines{grid-column:span 2}.accordion-item .machines-list-preview{list-style-type:disc;margin:0;padding-left:var(--spacing-lg)}.accordion-item .machines-list-preview li{color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.accordion-item .spare-parts-percentage{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}@media (max-width:768px){.reports-table thead{display:none}.reports-table tbody tr{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:block;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.reports-table tbody tr.accordion-row{border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:block;margin-top:calc(var(--spacing-md)*-1);padding:0}.reports-table td{border-bottom:none;display:block;padding:var(--spacing-xs) 0;text-align:left}.reports-table td:before{color:var(--color-text-muted);content:attr(data-label);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:2px}.reports-table td:not([data-label]):before,.reports-table td[data-label=""]:before{display:none}.reports-table td:last-child{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.accordion-row td{padding:0!important}.accordion-row td:before{display:none}}.sidebar-section{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding-sm)}.sidebar-section:last-child{margin-bottom:0}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-gap-md)}.sidebar-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0}.sidebar-grid{gap:var(--spacing-md)}.sidebar-field,.sidebar-grid{display:flex;flex-direction:column}.sidebar-field{gap:var(--spacing-xs)}.sidebar-field label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sidebar-field .input-readonly{background-color:var(--color-bg-input-readonly);border:var(--input-border-width) solid var(--color-border-input);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:default;font-size:var(--font-size-base);padding:var(--input-padding-y) var(--table-cell-padding-sm)}.sidebar-field .input-readonly:focus{outline:none}.btn-select-small{background-color:var(--color-blue);transition:var(--transition-colors)}.btn-select-small:hover{background-color:var(--color-blue-dark)}.report-info{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding-sm)}.report-info h3{border-bottom:2px solid var(--color-blue);color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-gap-md) 0;padding-bottom:var(--spacing-gap-sm)}.status-flow-tooltip-container{align-items:center;display:inline-flex;position:relative}.status-flow-trigger{align-items:center;background:#0000;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:var(--transition-colors)}.status-flow-trigger:focus,.status-flow-trigger:hover{color:var(--color-primary-dark)}.status-flow-trigger:focus{outline:none}.status-flow-trigger .material-icons{font-size:20px}.status-flow-tooltip{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:420px;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-index-tooltip)}.tooltip-header{background-color:var(--color-bg-header);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-base)}.tooltip-content{padding:var(--spacing-base)}.status-flow{flex-wrap:nowrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md)}.status-flow,.status-step{align-items:center;display:flex}.status-step{border-radius:var(--radius-sm);flex-direction:column;font-size:10px;font-weight:var(--font-weight-medium);padding:3px 6px;position:relative;transition:var(--transition-base)}.status-step.past{background-color:var(--color-status-closed-bg);color:var(--color-status-closed)}.status-step.current{background-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-text-white);transform:scale(1.1)}.status-step.future{background-color:var(--color-bg-input-disabled);color:var(--color-text-muted)}.status-name{white-space:nowrap}.status-arrow{align-items:center;color:var(--color-text-muted);display:flex}.status-arrow.past{color:var(--color-status-closed)}.status-arrow .material-icons{font-size:14px}.current-status-info{border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding-top:var(--spacing-sm);text-align:center}.current-status-info .status-label{margin-bottom:var(--spacing-xs)}.current-status-info .status-label strong{color:var(--color-primary)}.current-status-info.canceled .status-label strong{color:var(--color-status-canceled)}.current-status-info .status-description{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:0 auto;max-width:280px}@media (max-width:480px){.status-flow-tooltip{left:50%;min-width:280px;right:auto;transform:translateX(-50%)}.status-flow{justify-content:center}.status-step{font-size:10px;padding:3px 6px}.status-arrow .material-icons{font-size:14px}}.report-status-info .section-header-with-tooltip{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.report-status-info .section-header-with-tooltip h3{margin:0}.report-status-info .status-display{padding:var(--spacing-md) 0}.report-status-info .status-badge{display:block;font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;width:100%}.customer-info{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding-sm)}.customer-info h3{border-bottom:2px solid var(--color-success);color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-gap-md) 0;padding-bottom:var(--spacing-gap-sm)}.machine-info{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding-sm)}.machine-info h3{border-bottom:2px solid var(--color-warning);color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-gap-md) 0;padding-bottom:var(--spacing-gap-sm)}.agent-info{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding-sm)}.agent-info h3{border-bottom:2px solid #6f42c1;color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-gap-md) 0;padding-bottom:var(--spacing-gap-sm)}.role-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);min-width:var(--badge-min-width);text-transform:uppercase;white-space:nowrap}.role-badge--super-admin{background-color:#6f42c1;color:var(--color-text-white)}.role-badge--global-admin{background-color:var(--color-danger);color:var(--color-text-white)}.role-badge--agent-admin{background-color:var(--color-blue);color:var(--color-text-white)}.role-badge--technician{background-color:var(--color-success);color:var(--color-text-white)}.role-badge--unknown{background-color:var(--color-secondary);color:var(--color-text-white)}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-md);justify-content:space-between;max-width:500px;min-width:300px;padding:var(--button-padding-x-md) var(--card-padding);position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:var(--z-index-notification)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-success{background-color:var(--color-success);color:var(--color-text-white)}.notification-error{background-color:var(--color-danger);color:var(--color-text-white)}.notification-message{flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.notification-close{align-items:center;background:#0000;border:none;color:var(--color-text-white);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:var(--transition-base)}.notification-close:hover{opacity:.8}.notification-close .material-icons{font-size:var(--font-size-2xl)}.change-password-modal-overlay{align-items:center;background-color:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.change-password-modal-content{animation:slideDown .2s ease-out;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;min-width:400px;padding:var(--spacing-xl)}.change-password-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.change-password-modal-field,.change-password-modal-title{margin-bottom:var(--spacing-md)}.change-password-modal-field label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.change-password-modal-field input{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-colors);width:100%}.change-password-modal-field input:focus{border-color:var(--color-info);box-shadow:0 0 0 2px #17a2b833;box-shadow:0 0 0 2px rgba(var(--color-info-rgb,23,162,184),.2);outline:none}.change-password-modal-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.change-password-modal-actions{display:flex;gap:var(--spacing-gap-sm);justify-content:flex-end;margin-top:var(--spacing-xl)}.change-password-modal-actions button{min-width:var(--badge-min-width)}.change-password-modal-actions .btn-primary.btn-loading{cursor:not-allowed;opacity:.7}.user-info{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding-sm)}.user-info h3{border-bottom:2px solid var(--color-info);color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-gap-md) 0;padding-bottom:var(--spacing-gap-sm)}.user-info .role-badge-container{padding:var(--spacing-xs) 0}.user-info .role-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--badge-padding-x);text-transform:uppercase}.user-info .role-admin{background-color:var(--color-danger);color:var(--color-text-white)}.user-info .role-agent{background-color:var(--color-blue);color:var(--color-text-white)}.user-info .role-technician{background-color:var(--color-success);color:var(--color-text-white)}.user-info .role-super_admin{background-color:#6f42c1;color:var(--color-text-white)}.user-info .btn-change-password{align-items:center;background-color:var(--color-info);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-gap-md);padding:var(--button-padding-y-md) var(--button-padding-x-md);transition:var(--transition-colors);width:100%}.user-info .btn-change-password:hover{opacity:.85}.user-info .btn-change-password .material-icons{font-size:var(--font-size-xl)}.user-info .btn-logout{align-items:center;background-color:var(--color-secondary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-gap-md);padding:var(--button-padding-y-md) var(--button-padding-x-md);transition:var(--transition-colors);width:100%}.user-info .btn-logout:hover{background-color:var(--color-secondary-dark)}.user-info .btn-logout .material-icons{font-size:var(--font-size-xl)}.breadcrumb{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:var(--spacing-base);padding:var(--spacing-sm) var(--spacing-base)}.breadcrumb-inline{background-color:initial;border:none;border-radius:0;box-shadow:none;margin-bottom:0;padding:0}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.breadcrumb-item{align-items:center;display:flex;font-size:var(--font-size-lg)}.breadcrumb-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-primary);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:var(--transition-colors)}.breadcrumb-link:hover{background-color:var(--color-bg-hover);color:var(--color-primary-dark);text-decoration:none}.breadcrumb-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.breadcrumb-home-icon,.breadcrumb-separator{font-size:var(--font-size-lg)}.breadcrumb-separator{color:var(--color-text-muted);margin:0 var(--spacing-xs)}.breadcrumb-current{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:768px){.breadcrumb{padding:var(--spacing-sm)}.breadcrumb-list{gap:2px}.breadcrumb-current,.breadcrumb-link{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.breadcrumb-separator{font-size:var(--font-size-sm);margin:0 2px}.breadcrumb-home-icon{font-size:var(--font-size-base)}}.form-header{align-items:center;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--card-padding-sm);position:-webkit-sticky;position:sticky;top:var(--spacing-lg);z-index:var(--z-index-sticky)}.header-actions{gap:var(--spacing-sm)}.header-actions .btn-download-pdf,.header-actions .btn-primary,.header-actions .btn-save,.header-actions .btn-spareparts{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-base);transition:var(--transition-colors)}.header-actions .btn-save{background-color:var(--color-success);color:var(--color-text-white)}.header-actions .btn-save:hover:not(:disabled){background-color:var(--color-success-dark)}.header-actions .btn-save:disabled{cursor:not-allowed;opacity:.6}.header-actions .btn-primary{background:var(--color-primary-gradient);color:var(--color-text-white)}.header-actions .btn-primary:hover{opacity:.9}.header-actions .btn-download-pdf{background-color:var(--color-danger);color:var(--color-text-white);text-decoration:none}.header-actions .btn-download-pdf:hover{opacity:.9}.header-actions .btn-spareparts{background-color:var(--color-info);color:var(--color-text-white)}.header-actions .btn-spareparts:hover{background-color:var(--color-info-dark)}.header-actions .btn-loading{opacity:.8;pointer-events:none}.header-actions .btn-spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.header-logo-with-breadcrumb{align-items:center;display:flex;gap:var(--spacing-gap-sm)}.header-logo-wrapper{align-items:center;display:flex;margin-right:var(--spacing-gap-sm);padding-right:var(--spacing-base);position:relative}.header-logo-wrapper:after{background-color:var(--color-border-light);bottom:calc(var(--card-padding-sm)*-1);content:"";position:absolute;right:0;top:calc(var(--card-padding-sm)*-1);width:1px}.header-logo{height:48px;object-fit:contain;width:auto}.header-logo-with-breadcrumb .breadcrumb-inline .breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.main-form{background-color:var(--color-bg-page);margin:0 auto;max-width:var(--container-2xl);min-height:100vh;padding:var(--card-padding)}.header-actions{align-items:center;display:flex;gap:var(--spacing-gap-md)}.language-selector{display:flex;gap:var(--spacing-gap-xs)}.btn-language{background-color:var(--color-bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--input-padding-y) var(--button-padding-x-md);transition:var(--transition-base)}.btn-language:hover{background-color:#f0f2ff}.btn-language.active{background-color:var(--color-primary);color:var(--color-text-white)}.filters-section{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--card-padding)}.filter-input{padding:var(--input-padding-y)}.status-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.status-filters label{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--spacing-gap-xs)}.status-filters input[type=checkbox]{cursor:pointer}.reports-table-container{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.reports-table{border-collapse:collapse;width:100%}.reports-table thead{background-color:var(--color-bg-table-header)}.reports-table th{border-bottom:2px solid var(--color-border-light);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--table-cell-padding);text-align:left}.reports-table td{border-bottom:1px solid var(--color-border-light);padding:var(--table-cell-padding)}.reports-table tbody tr{transition:var(--transition-colors)}.reports-table tbody tr:hover{background-color:var(--color-bg-hover)}.no-results{font-size:var(--font-size-lg)}.reports-table tbody tr.selected-row{outline:3px solid var(--color-blue);outline-offset:-3px}.selected-report-info{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-lg);padding:var(--card-padding)}.selected-report-info h3{border-bottom:2px solid var(--color-blue);color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-gap-md) 0;padding-bottom:var(--spacing-gap-sm)}.info-grid{grid-gap:var(--spacing-gap-md);display:grid;gap:var(--spacing-gap-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:var(--spacing-gap-xs)}.info-item label{color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.info-item span{color:var(--color-text-primary);font-size:var(--font-size-lg)}.spare-parts-percentage{color:var(--color-blue);font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-bold)}.main-layout{align-items:flex-start;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.main-content{flex:1 1;min-width:0}.user-sidebar{flex-shrink:0;max-height:calc(100vh - var(--spacing-lg)*2);overflow-y:auto;position:-webkit-sticky;position:sticky;top:var(--spacing-lg);width:var(--sidebar-width)}.role-badge{border-radius:var(--radius-pill);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--badge-padding-y) var(--badge-padding-x);text-align:center}.role-badge.role-admin,.role-badge.role-agent,.role-badge.role-technician{background-color:var(--color-primary);color:var(--color-text-white)}.btn-logout{align-items:center;background-color:var(--color-secondary);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;padding:var(--table-cell-padding);transition:var(--transition-colors);width:100%}.btn-logout:hover{background-color:var(--color-secondary-dark)}.main-form .form-actions{justify-content:flex-end}@media (max-width:1024px){.main-layout{flex-direction:column}.user-sidebar{position:static;width:100%}}.confirm-modal-overlay{align-items:center;background-color:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.confirm-modal-content{animation:slideDown .2s ease-out;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;min-width:400px;padding:var(--spacing-xl)}.confirm-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.confirm-modal-message{color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xl);white-space:pre-wrap}.confirm-modal-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.confirm-modal-actions{display:flex;gap:var(--spacing-gap-sm);justify-content:flex-end}.confirm-modal-actions button{min-width:var(--badge-min-width)}.modal-overlay{align-items:center;background-color:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.modal-content{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:80vh;max-width:var(--container-sm);width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--card-padding)}.modal-header h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-5xl);height:32px;justify-content:center;line-height:1;padding:0;width:32px}.modal-close:hover{color:var(--color-text-primary)}.modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--card-padding)}.filter-input{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;font-size:var(--font-size-base);margin-bottom:var(--spacing-gap-md);padding:var(--table-cell-padding-sm);width:100%}.filter-input:focus{border-color:var(--color-blue);box-shadow:var(--shadow-focus);outline:none}.search-results-container{flex:1 1;min-height:300px;overflow-y:auto}.selection-list{display:flex;flex-direction:column;gap:var(--spacing-gap-sm)}.selection-item{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--card-padding-sm);transition:var(--transition-colors)}.selection-item:hover{background-color:var(--color-bg-hover);border-color:var(--color-blue)}.item-main{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-gap-xs)}.item-details{color:var(--color-text-muted);font-size:var(--font-size-base)}.no-results{color:var(--color-text-muted)}.no-results,.search-hint{padding:var(--spacing-3xl);text-align:center}.search-hint{color:var(--color-text-light);font-style:italic}.error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-danger);margin-bottom:var(--spacing-gap-md);padding:var(--card-padding);text-align:center}.signature-canvas{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:crosshair;display:block;max-width:100%;touch-action:none}.signature-canvas:active{cursor:crosshair}.signature-modal-overlay{align-items:center;background-color:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.signature-modal-content{animation:slideDown .2s ease-out;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;min-width:400px;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.signature-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.signature-modal-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.signature-modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:background-color .2s ease}.signature-modal-close:hover{background-color:var(--color-bg-hover)}.signature-modal-body{padding:var(--spacing-lg)}.signature-modal-instructions{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.signature-canvas-container{background-color:var(--color-bg-page);border-radius:var(--radius-md);display:flex;justify-content:center;padding:var(--spacing-md)}.signature-modal-actions{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.signature-modal-actions-right{display:flex;gap:var(--spacing-gap-sm)}.btn-clear-signature{align-items:center;background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.btn-clear-signature:hover{background-color:var(--color-bg-hover)}.btn-clear-signature .material-icons{font-size:18px}.signature-modal-actions .btn-primary{align-items:center;display:flex;gap:var(--spacing-xs)}.signature-modal-actions .btn-primary .material-icons{font-size:18px}.image-preview-overlay{align-items:center;background-color:var(--color-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.image-preview-content{animation:imagePreviewSlideDown .2s ease-out;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;min-width:400px;width:auto}@keyframes imagePreviewSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.image-preview-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.image-preview-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:background-color .2s ease}.image-preview-close:hover{background-color:var(--color-bg-hover)}.image-preview-body{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:var(--spacing-lg)}.image-preview-body img{border-radius:var(--radius-sm);max-height:70vh;max-width:100%;object-fit:contain}.image-preview-actions{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:var(--spacing-lg)}.report-form{background-color:var(--color-bg-page);margin:0 auto;max-width:var(--container-2xl);min-height:100vh}.form-section,.report-form{padding:var(--card-padding)}.form-section{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.form-section h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-gap-md) 0}.section-footer{border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-start;margin-top:var(--spacing-gap-md);padding-top:var(--spacing-gap-md)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-gap-md)}.section-header-buttons,.section-header-with-tooltip{align-items:center;display:flex;gap:var(--spacing-sm)}.section-header-with-tooltip{justify-content:space-between;margin-bottom:var(--spacing-gap-md)}.section-header-with-tooltip h3{margin:0}.btn-clear{align-items:center;background-color:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:32px;justify-content:center;padding:0;transition:var(--transition-base);width:32px}.btn-clear:hover{opacity:.9}.form-grid-2col{grid-template-columns:1fr 1fr}@media (max-width:768px){.form-grid-2col{grid-template-columns:1fr}}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-gap-xs)}.field-header label{margin-bottom:0}.field-header-buttons{align-items:center;display:flex;gap:var(--spacing-xs)}.btn-select-inline{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;transition:var(--transition-base)}.btn-select-inline:hover{background-color:var(--color-primary-dark)}.btn-clear-inline{align-items:center;background-color:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:20px;justify-content:center;padding:0;transition:var(--transition-base);width:20px}.btn-clear-inline:hover{opacity:.9}.form-field input,.form-field select,.form-field textarea{padding:var(--input-padding-y)}.input-readonly{cursor:not-allowed}.form-field input:disabled,.form-field textarea:disabled{background-color:var(--color-bg-input-disabled);cursor:not-allowed}.machines-list{display:flex;flex-direction:column;gap:var(--spacing-gap-sm)}.machine-service{background-color:var(--color-bg-page);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.no-data{color:var(--color-text-muted);padding:var(--card-padding);text-align:center}.status-select{cursor:pointer;font-size:var(--font-size-lg);text-align:center;width:100%}.status-select:disabled{cursor:not-allowed;opacity:.6}.status-select option:disabled{background-color:#f0f0f0;color:var(--color-text-placeholder)}.machines-table{border-collapse:collapse;margin-top:var(--spacing-gap-sm);width:100%}.machines-table td,.machines-table th{border-bottom:1px solid var(--color-border);padding:var(--table-cell-padding);text-align:left}.machines-table th{background-color:var(--color-bg-table-header);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.machines-table tbody tr:hover{background-color:var(--color-bg-hover)}.attachments-table{border-collapse:collapse;margin-top:var(--spacing-gap-sm);width:100%}.attachments-table td,.attachments-table th{border-bottom:1px solid var(--color-border);padding:var(--table-cell-padding);text-align:left}.attachments-table th{background-color:var(--color-bg-table-header);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.attachments-table tbody tr:hover{background-color:var(--color-bg-hover)}.attachments-table th:last-child,.machines-table th:last-child{text-align:right}.actions-cell{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-action{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-base)}.btn-action:hover{opacity:.8}.btn-edit,.btn-show{background-color:var(--color-info);color:var(--color-text-white)}.btn-action.btn-delete{padding:var(--spacing-sm)}.signature-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-gap-md)}.signature-button-group{align-items:center;display:flex;gap:var(--spacing-xs)}.signature-button-group:before{content:"";display:none}.btn-signature{align-items:center;border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--input-padding-y) var(--button-padding-x-md);transition:var(--transition-base)}.btn-signature:hover:not(:disabled){opacity:.9}.btn-signature:disabled{cursor:not-allowed;opacity:.5}.btn-customer{background-color:var(--color-success)}.btn-technician{background-color:var(--color-info)}.btn-signature.btn-draw{background-color:var(--color-primary)}.btn-signature.btn-customer.btn-draw{background-color:#2e7d32}.btn-signature.btn-technician.btn-draw{background-color:#1565c0}.attachment-add-controls{align-items:center;display:flex;gap:var(--spacing-gap-sm)}.note-input{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);min-width:200px;padding:var(--input-padding-y) var(--table-cell-padding)}.note-input:focus{border-color:var(--color-success);outline:none}.btn-add-other{align-items:center;background-color:var(--color-success);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--input-padding-y) var(--button-padding-x-md);transition:var(--transition-base)}.btn-add-other:hover:not(:disabled){opacity:.9}.btn-add-other:disabled{cursor:not-allowed;opacity:.5}.attachment-filename-cell{align-items:center;display:flex;gap:var(--spacing-xs)}.attachment-type-icon{flex-shrink:0;font-size:20px}.attachment-type-icon.icon-image{color:var(--color-success)}.attachment-type-icon.icon-pdf{color:var(--color-danger)}.attachment-type-icon.icon-zip{color:var(--color-warning)}.btn-download{background-color:var(--color-success);color:var(--color-text-white)}.calculated-totals{border-top:1px dashed var(--color-border);margin-top:var(--spacing-gap-md);padding-top:var(--spacing-gap-md)}.calculated-value{background-color:var(--color-bg-input-disabled);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.calculated-note{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--spacing-gap-sm)}@media (max-width:768px){.signature-buttons{flex-direction:column}.signature-button-group{width:100%}.signature-button-group .btn-signature{flex:1 1}}.machine-form{background-color:var(--color-bg-page);margin:0 auto;max-width:var(--container-2xl);min-height:100vh;padding:var(--card-padding)}.machine-form .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-gap-md)}.service-type-section{margin-top:var(--spacing-gap-md)}.service-type-section>label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-gap-sm)}.radio-group{display:flex;gap:var(--spacing-lg)}.radio-group label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-gap-xs)}.radio-group input[type=radio]{cursor:pointer}.time-log-form{background-color:var(--color-bg-hover);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);padding:var(--card-padding-sm)}.btn-add-timelog{background-color:var(--color-blue);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);margin-top:var(--spacing-gap-sm);padding:var(--input-padding-y) var(--button-padding-x-md)}.btn-add-timelog:hover{background-color:var(--color-blue-dark)}.time-logs-list{overflow-x:auto}.time-logs-table{background-color:var(--color-bg-card);border-collapse:collapse;width:100%}.time-logs-table td,.time-logs-table th{border-bottom:1px solid var(--color-border-light);padding:var(--table-cell-padding-sm);text-align:left}.time-logs-table th{background-color:var(--color-bg-table-header);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.time-logs-table th.sortable{cursor:pointer;transition:var(--transition-colors);-webkit-user-select:none;user-select:none}.time-logs-table th.sortable:hover{background-color:var(--color-bg-card-hover)}.time-logs-table .sort-icon{display:inline-block;font-size:var(--font-size-base);margin-left:var(--spacing-sm);vertical-align:middle}.time-logs-table .sort-icon-asc,.time-logs-table .sort-icon-desc{color:var(--color-primary);font-weight:var(--font-weight-bold)}.time-logs-table tbody tr:hover{background-color:var(--color-bg-hover)}.machine-form .btn-delete{padding:var(--spacing-sm)}.machine-form .btn-delete:hover{background-color:var(--color-danger-dark)}.btn-spareparts:hover{background-color:var(--color-info-dark)}.form-field .field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-gap-xs)}.form-field .field-header label{margin-bottom:0}.btn-insert-sentence{background-color:var(--color-info);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;transition:var(--transition-base)}.btn-insert-sentence:hover{background-color:var(--color-info-dark)}.form-field textarea{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);padding:var(--input-padding-y);resize:vertical}.form-field textarea:focus{border-color:var(--color-blue);box-shadow:var(--shadow-focus);outline:none}.form-field textarea[readonly]{cursor:not-allowed}.form-field textarea[readonly],.input-readonly{background-color:var(--color-bg-input-disabled)}.input-readonly{cursor:default}.input-readonly:focus{border-color:var(--color-border);box-shadow:none;outline:none}.input-with-button input{flex:1 1}.btn-select{align-items:center;background-color:var(--color-secondary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;justify-content:center;padding:var(--input-padding-y) var(--table-cell-padding)}.btn-select:hover{background-color:var(--color-secondary-dark)}.btn-select .material-icons{font-size:var(--font-size-xl)}.machine-form .form-layout{margin-bottom:var(--spacing-xl)}.machine-form .form-actions-left{display:flex;gap:var(--spacing-gap-sm);margin-right:auto}@media (max-width:768px){.radio-group{flex-direction:column;gap:var(--spacing-sm)}}.spareparts-form{background-color:var(--color-bg-page);margin:0 auto;max-width:var(--container-2xl);min-height:100vh;padding:var(--card-padding)}.spareparts-table-container{overflow-x:auto}.spareparts-table{background-color:var(--color-bg-card);border-collapse:collapse;width:100%}.spareparts-table td,.spareparts-table th{border-bottom:1px solid var(--color-border-light);padding:var(--table-cell-padding-sm);text-align:left}.spareparts-table th{background-color:var(--color-bg-table-header);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.spareparts-table tbody tr:hover{background-color:var(--color-bg-hover)}.table-input{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--button-padding-y-sm);width:100%}.table-input:focus{border-color:var(--color-blue);box-shadow:var(--shadow-focus);outline:none}.table-input.input-readonly{background-color:var(--color-bg-input-disabled);cursor:default}.table-input.input-readonly:focus{border-color:var(--color-border);box-shadow:none}.table-input-number{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--button-padding-y-sm);width:80px}.table-input-number:focus{border-color:var(--color-blue);box-shadow:var(--shadow-focus);outline:none}.spareparts-table input[type=checkbox]{cursor:pointer;height:18px;width:18px}.spareparts-table input[type=checkbox]:disabled{cursor:not-allowed}.input-with-button{align-items:center;display:flex;gap:var(--spacing-gap-xs)}.input-with-button .table-input{flex:1 1}.btn-select-small{align-items:center;background-color:var(--color-secondary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}.btn-select-small:hover{background-color:var(--color-secondary-dark)}.btn-select-small .material-icons{font-size:var(--font-size-lg)}.td-image,.th-image{text-align:center;width:70px}.spare-part-thumbnail-cell{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.spare-part-thumbnail{background-color:var(--color-bg-page);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);height:40px;object-fit:contain;width:40px}.btn-thumbnail-preview{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-info);cursor:pointer;display:flex;padding:2px;transition:background-color .2s ease}.btn-thumbnail-preview:hover{background-color:var(--color-bg-hover)}.btn-thumbnail-preview .material-icons{font-size:18px}.spare-part-no-image{color:var(--color-text-muted);font-size:24px}.spareparts-form .btn-delete{padding:var(--spacing-sm)}.spareparts-form .form-layout{margin-bottom:var(--spacing-xl)}.settings-form{background-color:var(--color-bg-page);margin:0 auto;max-width:var(--container-md);min-height:100vh;padding:var(--card-padding)}.settings-header{align-items:center;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--card-padding-sm)}.settings-header h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin:0}.settings-section{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--card-padding)}.settings-section h3{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-gap-md) 0;padding-bottom:var(--spacing-gap-sm)}.settings-actions{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-gap-sm);margin-bottom:var(--spacing-lg);padding:var(--card-padding)}.settings-actions .btn-save{background-color:var(--color-success);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--button-padding-y-md) var(--button-padding-x-lg)}.settings-actions .btn-save:hover{background-color:var(--color-success-dark)}.settings-actions .btn-cancel{background-color:var(--color-secondary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--button-padding-y-md) var(--button-padding-x-lg)}.settings-actions .btn-cancel:hover{background-color:var(--color-secondary-dark)}.settings-info{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.settings-info p{color:var(--color-text-muted);font-size:var(--font-size-base);margin:var(--spacing-gap-sm) 0}.login-container{align-items:center;background:var(--color-primary-gradient);display:flex;justify-content:center;min-height:100vh;padding:var(--card-padding)}.login-box{background-color:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--spacing-3xl);width:100%}.login-header{margin-bottom:var(--spacing-2xl);text-align:center}.login-header h1{color:var(--color-text-primary);font-size:var(--font-size-5xl);margin:0 0 var(--spacing-gap-sm) 0}.login-header p{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-error{background-color:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:var(--color-error-text);font-size:var(--font-size-base);padding:var(--table-cell-padding)}.login-form .form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-form label{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.login-form input{border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--table-cell-padding);transition:var(--transition-colors)}.login-form input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary);outline:none}.btn-login{background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-gap-sm);padding:var(--button-padding-y-lg);transition:var(--transition-transform),box-shadow .2s}.btn-login:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.login-forgot{margin-top:var(--spacing-sm);text-align:center}.login-forgot a{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:var(--transition-colors)}.login-forgot a:hover{color:var(--color-primary);text-decoration:underline}.login-info{margin-top:var(--spacing-lg);text-align:center}.login-info p{color:var(--color-text-placeholder);margin:0}.login-info small{font-size:var(--font-size-xs)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-page);font-family:var(--font-family-base);margin:0;padding:0}.App{min-height:100vh}.header-logo-with-title{display:flex;gap:var(--spacing-gap-md)}.form-grid{grid-gap:var(--spacing-gap-md);display:grid;gap:var(--spacing-gap-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field{display:flex;flex-direction:column}.form-field label{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-gap-xs)}.form-field input,.form-field select,.form-field textarea{border:var(--input-border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);padding:var(--input-padding-y) var(--input-padding-x)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-blue);box-shadow:var(--shadow-focus);outline:none}.loading{color:var(--color-text-muted);font-size:var(--font-size-xl);padding:var(--spacing-3xl);text-align:center}button{font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}.form-layout{align-items:flex-start;display:flex;gap:var(--spacing-lg)}.form-main-content{flex:1 1;min-width:0}.form-sidebar{flex-shrink:0;position:-webkit-sticky;position:sticky;top:var(--spacing-lg);width:var(--sidebar-width-lg)}.sidebar-section{margin-bottom:var(--spacing-gap-md)}.form-grid-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-select,.btn-select-small{background-color:var(--color-blue);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--input-padding-y) var(--button-padding-x-md);transition:var(--transition-colors)}.btn-select-small{font-size:var(--font-size-xs);padding:var(--button-padding-y-sm) var(--button-padding-x-sm)}.btn-select-small:hover,.btn-select:hover{background-color:var(--color-blue-dark)}.form-actions,.settings-actions{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-gap-sm);padding:var(--card-padding)}.form-actions .btn-back,.settings-actions .btn-back{margin-right:auto}.btn-back,.btn-cancel,.btn-open{align-items:center;background-color:var(--color-secondary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:var(--button-padding-y-md) var(--button-padding-x-lg);transition:var(--transition-colors)}.btn-back:hover,.btn-cancel:hover:not(:disabled),.btn-open:hover{background-color:var(--color-secondary-dark)}.btn-back:disabled,.btn-cancel:disabled,.btn-open:disabled{cursor:not-allowed;opacity:.6}.btn-add,.btn-primary,.btn-save{align-items:center;background-color:var(--color-success);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:var(--button-padding-y-md) var(--button-padding-x-lg);transition:var(--transition-colors)}.btn-add:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-save:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-add:disabled,.btn-primary:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-add.btn-loading,.btn-primary.btn-loading,.btn-save.btn-loading{pointer-events:none;position:relative}.btn-spinner{animation:btn-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn-delete{align-items:center;background-color:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:var(--button-padding-y-md) var(--button-padding-x-lg);transition:var(--transition-colors)}.btn-delete:hover:not(:disabled){background-color:var(--color-danger-dark)}.btn-delete:disabled{cursor:not-allowed;opacity:.6}.btn-spareparts{align-items:center;background-color:var(--color-info);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:var(--button-padding-y-md) var(--button-padding-x-lg);transition:var(--transition-colors)}.btn-spareparts:hover:not(:disabled){background-color:var(--color-info-dark)}.btn-spareparts:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.form-layout{flex-direction:column}.form-main-content{max-width:100%;width:100%}.form-sidebar{position:static;width:100%}}
/*# sourceMappingURL=main.381bc652.css.map*/