*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--danger-color: #dc2626;--success-color: #16a34a;--warning-color: #ca8a04;--primary: #2563eb;--success: #16a34a;--error: #dc2626;--success-light: #dcfce7;--error-light: #fee2e2;--warning-light: #fef3c7;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%)}.login-card{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-card h1{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}.login-card>p{color:var(--gray-600);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--gray-700)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background-color:var(--gray-100);cursor:not-allowed}button{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}button[type=submit],.action-btn.primary{width:100%;background-color:var(--primary-color);color:#fff}button[type=submit]:hover:not(:disabled),.action-btn.primary:hover:not(:disabled){background-color:var(--primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.action-btn{background-color:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.action-btn:hover:not(:disabled){background-color:var(--gray-50)}.error-message{padding:.75rem;margin-bottom:1rem;background-color:#fee2e2;color:var(--danger-color);border-radius:var(--border-radius);font-size:.875rem}.dashboard-container{min-height:100vh;background-color:var(--gray-50)}.dashboard-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.dashboard-header h1{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{font-size:.875rem;color:var(--gray-600);display:none}.user-info button{padding:.5rem 1rem;font-size:.875rem;background-color:var(--gray-100);color:var(--gray-700)}.user-info button:hover{background-color:var(--gray-200)}.dashboard-main{padding:1rem;max-width:1400px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.dashboard-card{background:#fff;padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.dashboard-card h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-900)}.dashboard-card>p{font-size:.875rem;color:var(--gray-600);margin-bottom:1rem}.stats{display:flex;gap:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.dashboard-card.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.dashboard-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stock-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.stock-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.stock-row.total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--gray-200);font-weight:600}.stock-label{color:var(--gray-600)}.stock-value{color:var(--gray-900)}.stock-value.text-warning{color:var(--warning-color)}.quick-actions{background:#fff;padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.quick-actions h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--gray-900)}.action-buttons{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.user-info span{display:inline}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:row}.action-btn{width:auto}}@media(min-width:1024px){.dashboard-header{padding:1.5rem 2rem}.dashboard-main{padding:2rem}.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full-width{width:100%}.btn-icon{padding:.5rem;background:transparent;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1.25rem;cursor:pointer;transition:all .2s}.btn-icon:hover{background-color:var(--gray-50)}.btn-icon.btn-danger:hover{background-color:#fee2e2;border-color:var(--danger-color)}.btn-icon.btn-link{color:var(--primary-color)}.btn-icon.btn-link:hover{background-color:#dbeafe;border-color:var(--primary-color)}.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group select:disabled,.form-group textarea:disabled{background-color:var(--gray-100);cursor:not-allowed}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--danger-color)}.required{color:var(--danger-color);margin-left:.25rem}.form-group .help-text{display:block;margin-top:.5rem;font-size:.875rem;color:var(--gray-600)}.form-group .error-message{display:block;margin-top:.5rem;padding:0;background:none;font-size:.875rem;color:var(--danger-color)}.calculated-value{padding:.75rem;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);font-weight:600;color:var(--gray-700)}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-200)}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--gray-900)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--gray-200)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--gray-900)}.modal-close{background:none;border:none;font-size:2rem;color:var(--gray-400);cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:var(--gray-600)}.modal-body{padding:1.5rem}.confirm-message{margin-bottom:1.5rem;color:var(--gray-700);line-height:1.6}.confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-900)}.empty-state-message{color:var(--gray-600);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.loading-spinner-sm{width:24px;height:24px;border-width:2px}.loading-spinner-md{width:48px;height:48px;border-width:4px}.loading-spinner-lg{width:64px;height:64px;border-width:5px}.loading-message{color:var(--gray-600);font-size:.875rem}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--border-radius);color:var(--danger-color)}.error-icon{font-size:1.25rem;flex-shrink:0}.error-text{flex:1}.error-dismiss{background:none;border:none;font-size:1.5rem;color:var(--danger-color);cursor:pointer;padding:0;line-height:1;opacity:.6;transition:opacity .2s}.error-dismiss:hover{opacity:1}.filament-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-input{flex:1;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filament-grid{display:grid;grid-template-columns:1fr;gap:1rem}.color-swatch{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);border:1px solid var(--gray-300);overflow:hidden;flex-shrink:0}.color-swatch-sm{width:32px;height:32px}.color-swatch-md{width:48px;height:48px}.color-swatch-lg{width:64px;height:64px}.color-swatch-image{width:100%;height:100%;object-fit:cover}.color-swatch-text{background-color:var(--gray-100);font-size:.75rem;color:var(--gray-600);font-weight:600;text-align:center;padding:.25rem}.color-swatch-text span{display:block;word-break:break-word;line-height:1.2}.stock-indicator{margin:1rem 0}.stock-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--gray-600)}.stock-status{font-size:1rem}.stock-bar-container{width:100%;height:8px;background-color:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.stock-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.stock-bar.stock-high{background-color:var(--success-color)}.stock-bar.stock-low{background-color:var(--warning-color)}.stock-bar.stock-critical{background-color:var(--danger-color)}.stock-amount{font-size:.875rem;color:var(--gray-600);text-align:right}.filament-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.filament-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.filament-card-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.filament-card-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-900)}.filament-material{font-size:.875rem;color:var(--gray-600);font-weight:500}.filament-color{font-size:.875rem;color:var(--gray-500)}.filament-card-body{margin-bottom:1rem}.filament-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gray-200)}.filament-cost{display:flex;flex-direction:column}.cost-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.cost-value{font-size:1rem;font-weight:700;color:var(--gray-900)}.filament-actions{display:flex;gap:.5rem}.filament-stock-summary{display:flex;flex-direction:column;gap:.75rem}.stock-status-badge{padding:.5rem .75rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;text-align:center}.stock-status-badge.no-stock{background:#fee2e2;color:#991b1b}.stock-status-badge.low-stock{background:#fef3c7;color:#92400e}.stock-status-badge.in-stock{background:#d1fae5;color:#065f46}.stock-summary-details{display:flex;flex-direction:column;gap:.5rem}.stock-detail{display:flex;justify-content:space-between;font-size:.875rem}.stock-detail-label{color:var(--gray-600)}.stock-detail-value{font-weight:600;color:var(--gray-900)}.loading-text{color:var(--gray-500);font-size:.875rem;text-align:center;padding:1rem}.filament-rolls-container{padding:1.5rem}.rolls-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.rolls-header h2{margin-bottom:.5rem;color:var(--gray-900)}.rolls-stats{display:flex;gap:2rem;margin-top:.5rem;flex-wrap:wrap}.rolls-stats .stat{display:flex;gap:.5rem;font-size:.875rem}.rolls-stats .stat-label{color:var(--gray-600)}.rolls-stats .stat-value{font-weight:600;color:var(--gray-900)}.rolls-actions{display:flex;gap:.75rem}.rolls-table-container{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius)}.rolls-table{width:100%;border-collapse:collapse;background:#fff}.rolls-table thead{background:var(--gray-50);border-bottom:2px solid var(--gray-200)}.rolls-table th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.rolls-table td{padding:1rem;border-bottom:1px solid var(--gray-200);font-size:.875rem;color:var(--gray-900)}.rolls-table tbody tr:hover{background:var(--gray-50)}.rolls-table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-new{background:#dbeafe;color:#1e40af}.status-in-use{background:#fef3c7;color:#92400e}.status-finished{background:#e5e7eb;color:#374151}.status-archived{background:#f3f4f6;color:#6b7280}.text-danger{color:var(--danger-color);font-weight:600}.filament-form{max-height:70vh;overflow-y:auto}.product-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.product-image{margin:-1.5rem -1.5rem 1rem;border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;background-color:var(--gray-100);min-height:120px;max-height:200px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover;max-height:200px}.product-card-header{margin-bottom:1rem;flex:1}.product-card-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-900)}.product-sku{font-size:.75rem;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.product-description{font-size:.875rem;color:var(--gray-600);line-height:1.5;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-body{margin-bottom:1rem}.product-specs{display:flex;flex-direction:column;gap:.75rem}.spec-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--gray-50);border-radius:var(--border-radius)}.spec-icon{font-size:1.25rem;flex-shrink:0}.spec-content{display:flex;flex-direction:column;flex:1}.spec-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.spec-value{font-size:.875rem;font-weight:600;color:var(--gray-900)}.product-card-footer{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--gray-200);margin-top:auto}@media(min-width:640px){.filament-controls{flex-direction:row;align-items:center}.filament-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.filament-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.filament-grid{grid-template-columns:repeat(4,1fr)}}.settings-content{max-width:800px;margin:0 auto}.settings-card{background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow)}.settings-card h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--gray-900)}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-preview{margin-top:2rem;padding:1.5rem;background:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-200)}.settings-preview h3{margin:0 0 .5rem;font-size:1rem;color:var(--gray-800)}.preview-calc{display:flex;flex-direction:column;gap:.5rem}.calc-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--gray-600);padding:.25rem 0}.calc-row.total{border-top:1px solid var(--gray-300);padding-top:.75rem;margin-top:.5rem;color:var(--gray-900)}.settings-btn{background:transparent;border:1px solid var(--gray-300);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;color:var(--gray-700);transition:all .2s ease}.settings-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.cost-breakdown{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1rem}.cost-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:.75rem;padding:.5rem 0;font-size:.875rem;align-items:center}.cost-row:not(:last-child){border-bottom:1px solid var(--gray-200)}.cost-label{color:var(--gray-700);font-weight:500}.cost-formula{color:var(--gray-500);font-size:.8rem;text-align:center}.cost-value{text-align:right;font-weight:500;color:var(--gray-900);min-width:70px}.cost-row.subtotal{background:var(--gray-100);margin:0 -1rem;padding:.5rem 1rem}.cost-row.total{background:var(--primary-color);color:#fff;margin:0 -1rem -1rem;padding:.75rem 1rem;border-radius:0 0 var(--border-radius) var(--border-radius)}.cost-row.total .cost-label,.cost-row.total .cost-value{color:#fff;font-weight:600;font-size:1rem}.product-colors{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--gray-50);border-radius:var(--border-radius);margin-bottom:.75rem}.colors-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.colors-list{display:flex;gap:.5rem;flex-wrap:wrap}.product-parts-list{padding:.75rem;background:var(--gray-50);border-radius:var(--border-radius);margin-bottom:.75rem}.parts-label{display:block;font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.parts-items{display:flex;flex-direction:column;gap:.375rem}.part-item-mini{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#fff;border-radius:4px;border:1px solid var(--gray-200)}.part-name{font-size:.8125rem;color:var(--gray-700)}.part-qty{font-size:.75rem;color:var(--gray-500);font-weight:500;margin-left:.25rem}.spec-value-highlight{color:var(--success-color)}.spec-percentage{font-size:.75rem;color:var(--gray-500);font-weight:400;margin-left:.25rem}.view-toggle{display:flex;border:1px solid var(--gray-300);border-radius:var(--border-radius);overflow:hidden}.view-toggle-btn{padding:.5rem .75rem;border:none;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-toggle-btn:not(:last-child){border-right:1px solid var(--gray-300)}.view-toggle-btn:hover{background:var(--gray-50)}.view-toggle-btn.active{background:var(--primary-color);color:#fff}.view-icon{font-size:1rem}.filament-table-container{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff;box-shadow:var(--shadow)}.filament-table{width:100%;border-collapse:collapse;min-width:800px}.filament-table thead{background:var(--gray-50);border-bottom:2px solid var(--gray-200);position:sticky;top:0}.filament-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filament-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.filament-table th.sortable:hover{background:var(--gray-100)}.sort-icon{margin-left:.5rem;font-size:.75rem}.sort-inactive{color:var(--gray-400)}.sort-active{color:var(--primary-color);font-weight:700}.filament-table td{padding:.875rem 1rem;border-bottom:1px solid var(--gray-200);font-size:.875rem;color:var(--gray-900);vertical-align:middle}.filament-table tbody tr{transition:background .15s}.filament-table tbody tr:hover{background:var(--gray-50)}.filament-table tbody tr:last-child td{border-bottom:none}.cell-brand{font-weight:600}.cell-number{text-align:right;font-variant-numeric:tabular-nums}.cell-highlight{color:var(--primary-color);font-weight:600}.btn-sm{padding:.25rem .5rem;font-size:1rem}@media(max-width:1024px){.filament-table th,.filament-table td{padding:.625rem .75rem}}.color-mode-selector{display:flex;flex-wrap:wrap;gap:.5rem}.color-mode-btn{padding:.5rem 1rem;border:1px solid var(--gray-300);background:#fff;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s}.color-mode-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.color-mode-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.color-picker-row{display:flex;gap:.75rem;align-items:center}.color-input-native{width:60px;height:44px;padding:0;border:1px solid var(--gray-300);border-radius:var(--border-radius);cursor:pointer;background:transparent}.color-input-native::-webkit-color-swatch-wrapper{padding:4px}.color-input-native::-webkit-color-swatch{border:none;border-radius:4px}.color-input-text{flex:1;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;font-family:monospace;text-transform:uppercase}.color-input-text:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.color-preview-container{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius)}.color-preview-label{display:flex;flex-direction:column;gap:.25rem}.preview-color-name{font-weight:600;color:var(--gray-900)}.preview-hex{font-size:.875rem;color:var(--gray-500);font-family:monospace}.material-select-row{display:flex;gap:.5rem;align-items:stretch}.material-select-row select{flex:1}.add-material-form{display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius)}.add-material-form input{flex:1}.image-upload{margin-bottom:1rem}.image-upload-dropzone{border:2px dashed var(--gray-300);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--gray-50)}.image-upload-dropzone:hover{border-color:var(--primary-color);background:#fff}.image-upload-dropzone.drag-over{border-color:var(--primary-color);background:#dbeafe}.image-upload-dropzone.uploading{cursor:wait;opacity:.7}.upload-icon{font-size:2.5rem;margin-bottom:.5rem}.upload-text{color:var(--gray-700);margin-bottom:.5rem}.upload-text span{color:var(--primary-color);font-weight:500}.upload-hint{font-size:.75rem;color:var(--gray-500)}.upload-status{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.image-upload-preview{position:relative;display:inline-block}.image-upload-preview img{max-width:200px;max-height:150px;object-fit:contain;border-radius:var(--border-radius);border:1px solid var(--gray-200)}.image-upload-actions{display:flex;gap:.5rem;margin-top:.5rem}.image-upload-error{color:var(--danger-color);font-size:.875rem;margin-top:.5rem}.btn-sm{padding:.375rem .75rem;font-size:.875rem}