:root{--primary-color: #3498db;--primary-dark: #2980b9;--primary-light: #5dade2;--secondary-color: #2c3e50;--success-color: #2ecc71;--success-dark: #27ae60;--danger-color: #e74c3c;--danger-dark: #c0392b;--warning-color: #f39c12;--warning-dark: #e67e22;--info-color: #3498db;--purple-color: #9b59b6;--yellow-color: #f1c40f;--gray-50: #f8f9fa;--gray-100: #f1f2f6;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--bg-primary: #ffffff;--bg-secondary: #f5f6fa;--bg-tertiary: #ecf0f1;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-muted: #95a5a6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,Calibri,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}a:hover{color:var(--primary-color)}.btn-reset{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background-color:var(--danger-color);border:1px solid var(--danger-color);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.btn-reset:hover:not(:disabled){background-color:var(--danger-dark);border-color:var(--danger-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-reset:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-reset .material-icons{font-size:1.2rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-control{display:block;width:100%;padding:.625rem .875rem;font-size:.9375rem;font-family:inherit;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-md);box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.form-control:hover:not(:disabled):not(:focus){border-color:var(--gray-400)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db33}.form-control::placeholder{color:var(--text-muted)}.form-control:disabled{background-color:var(--gray-100);color:var(--text-secondary);cursor:not-allowed;opacity:.85}select.form-control,.form-control-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.1rem;padding-right:2.5rem}textarea.form-control{resize:vertical;min-height:4rem}input[type=number].form-control,input[type=date].form-control{font-variant-numeric:tabular-nums}input[type=date].form-control{min-height:2.75rem}input[type=file].form-control{padding:.5rem .75rem;font-size:.875rem}.form-control.ng-touched.ng-invalid{border-color:var(--danger-color)}.form-control.ng-touched.ng-invalid:focus{box-shadow:0 0 0 3px #e74c3c33}button.grid-row-title-btn{display:inline;padding:0;margin:0;border:none;background:none;font:inherit;font-weight:600;color:var(--text-primary);cursor:pointer;text-align:inherit;text-decoration:none;font-family:inherit}button.grid-row-title-btn:hover{color:var(--primary-color);text-decoration:underline}button.grid-row-title-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}button.grid-thumb-btn{display:inline-block;padding:0;margin:0;border:none;background:transparent;cursor:pointer;line-height:0;border-radius:var(--radius-sm)}button.grid-thumb-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button.grid-thumb-btn:hover img{opacity:.92}a.grid-inline-link{color:var(--text-primary);font-weight:600;text-decoration:none}a.grid-inline-link:hover{color:var(--primary-color);text-decoration:underline}a.grid-inline-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}a.grid-inline-link.customer-info-link{display:inline-flex;align-items:center;gap:.35rem}a.grid-inline-link.customer-info-link .material-icons{font-size:1.1rem;color:var(--text-secondary)}.modal-header-end{display:flex;align-items:center;gap:var(--spacing-sm)}button.btn-modal-edit{padding:.35rem .75rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.55);background:#ffffff1f;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-family:inherit}button.btn-modal-edit:hover{background:#ffffff38}button.btn-modal-edit .material-icons{font-size:1rem}.modal-content.details-modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:2px solid var(--gray-200);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-content.details-modal .modal-header h3{margin:0;display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;flex:1;min-width:0}