:root{--trafkin-teal:#2c5f6f;--trafkin-green:#5a8f5f;--trafkin-sky:#8bb4c5;--trafkin-gold:#d4a853;--trafkin-sage:#6b9b6e;--trafkin-terracotta:#c77349;--trafkin-cream:#e8dcc8;--trafkin-white:#f5f5f0;--text-dark:#1a3940;--text-medium:#4a5f65;--border-light:#d4dbdd;--success:#5a8f5f;--warning:#d4a853;--alert:#c77349;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 4px 12px #0000001a;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:18px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f0;color:#1a3940;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-family:var(--font-family);line-height:1.6}.app-container,body{background-color:var(--trafkin-white)}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:250px;min-height:100vh;padding:var(--spacing-2xl);width:calc(100% - 250px)}.page-container{margin:0 auto;max-width:1400px}.content-wrapper{padding:var(--spacing-2xl)}.content-wrapper,.header{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-2xl)}.header h2{color:var(--trafkin-teal);font-size:var(--font-size-2xl);font-weight:600}.header p{color:var(--text-medium);font-size:var(--font-size-md);margin-top:var(--spacing-xs)}.header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.content-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr;margin-bottom:var(--spacing-2xl)}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.main-content{margin-left:60px;padding:var(--spacing-lg);width:calc(100% - 60px)}.header{align-items:flex-start;flex-direction:column;gap:var(--spacing-lg)}.header-actions{flex-direction:column;width:100%}}@media (max-width:480px){.main-content{margin-left:0;width:100%}}.sidebar{background:linear-gradient(180deg,var(--trafkin-teal) 0,#234b58 100%);box-shadow:2px 0 8px #0000001a;color:#fff;height:100vh;left:0;overflow-y:auto;padding:var(--spacing-2xl) 0;position:fixed;top:0;width:250px;z-index:1000}.logo-section{border-bottom:1px solid #fff3;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-2xl) var(--spacing-2xl)}.logo-section h1{color:#fff;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:1px}.logo-section p{color:#ffffffe6;font-size:var(--font-size-sm);margin-top:var(--spacing-xs);opacity:.8}.nav-menu{list-style:none}.nav-item{margin-bottom:var(--spacing-xs)}.nav-link{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background-color:#ffffff1a;border-left:3px solid var(--trafkin-gold);color:#fff;padding-left:21px}.nav-link .MuiSvgIcon-root,.nav-link span,.nav-link svg{font-size:var(--font-size-xl);margin-right:var(--spacing-md)}@media (max-width:768px){.sidebar{width:60px}.logo-section h1{font-size:var(--font-size-lg)}.logo-section p,.nav-link span:not(:first-child){display:none}.nav-link{justify-content:center;padding:var(--spacing-md)}.nav-link.active,.nav-link:hover{padding-left:var(--spacing-md)}}.btn{padding:10px 20px}.btn-secondary{background-color:var(--trafkin-sky)}.btn-secondary:hover{background-color:#7aa3b4}.btn-outline{background-color:initial;border:2px solid var(--trafkin-teal);color:var(--trafkin-teal)}.btn-outline:hover{background-color:var(--trafkin-teal);color:#fff}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg)}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{align-items:center;border-bottom:2px solid var(--trafkin-cream);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.card-title{color:var(--trafkin-teal);font-size:var(--font-size-xl);font-weight:600}.card-subtitle{color:var(--text-medium);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card-body{padding:var(--spacing-lg) 0}.card-footer{border-top:1px solid var(--border-light);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.stats-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{background:#fff;border-left:4px solid var(--trafkin-teal);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card.green{border-left-color:var(--trafkin-green)}.stat-card.gold{border-left-color:var(--trafkin-gold)}.stat-card.terracotta{border-left-color:var(--trafkin-terracotta)}.stat-card.sky{border-left-color:var(--trafkin-sky)}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-2xl);height:48px;justify-content:center;width:48px}.stat-card.teal .stat-icon{background-color:#2c5f6f1a}.stat-card.green .stat-icon{background-color:#5a8f5f1a}.stat-card.gold .stat-icon{background-color:#d4a8531a}.stat-card.terracotta .stat-icon{background-color:#c773491a}.stat-card.sky .stat-icon{background-color:#8bb4c51a}.stat-value{color:var(--text-dark);font-size:var(--font-size-4xl);font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-medium);font-size:var(--font-size-md)}.stat-change{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-sm);font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.stat-change.positive{background-color:#5a8f5f26;color:var(--trafkin-green)}.stat-change.negative{background-color:#c7734926;color:var(--trafkin-terracotta)}.badge{border-radius:var(--radius-xl);display:inline-block;font-size:var(--font-size-sm);font-weight:600;line-height:1;padding:var(--spacing-xs) var(--spacing-md)}.badge-success{background-color:#5a8f5f26;color:var(--trafkin-green)}.badge-warning{background-color:#d4a85326;color:var(--trafkin-gold)}.badge-alert{background-color:#c7734926;color:var(--trafkin-terracotta)}.badge-info{background-color:#8bb4c526;color:var(--trafkin-sky)}.badge-primary{background-color:#2c5f6f26;color:var(--trafkin-teal)}.alert-item{align-items:flex-start;border-left:3px solid;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.alert-item.warning{background-color:#d4a8531a;border-left-color:var(--trafkin-gold)}.alert-item.alert{background-color:#c773491a;border-left-color:var(--trafkin-terracotta)}.alert-item.info{background-color:#8bb4c51a;border-left-color:var(--trafkin-sky)}.alert-item.success{background-color:#5a8f5f1a;border-left-color:var(--trafkin-green)}.alert-icon{font-size:var(--font-size-xl);margin-top:2px}.alert-content{flex:1 1}.alert-title{color:var(--text-dark);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-xs)}.alert-text{font-size:var(--font-size-base);line-height:1.4}.alert-text,.alert-time{color:var(--text-medium)}.alert-time{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);opacity:.7}.quick-actions{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:var(--spacing-xl)}.action-btn{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.action-btn:hover{background-color:#2c5f6f0d;border-color:var(--trafkin-teal);transform:translateY(-2px)}.action-btn-icon{font-size:var(--font-size-3xl)}.action-btn-text{color:var(--text-dark);font-size:var(--font-size-base);font-weight:500}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background-color:var(--trafkin-teal);border:2px solid var(--trafkin-teal);color:#fff}.btn-primary:hover{background-color:#234b58;border-color:#234b58}.btn-primary:active{background-color:#1a3940}.btn-secondary{background-color:var(--trafkin-green);border:2px solid var(--trafkin-green);color:#fff}.btn-secondary:hover{background-color:#4a7a4f;border-color:#4a7a4f}.btn-secondary:active{background-color:#3a6a3f}.btn-success{background-color:var(--trafkin-green);border:2px solid var(--trafkin-green);color:#fff}.btn-success:hover{background-color:#4a7a4f;border-color:#4a7a4f}.btn-warning{background-color:var(--trafkin-gold);border:2px solid var(--trafkin-gold);color:#fff}.btn-warning:hover{background-color:#c59943;border-color:#c59943}.btn-alert{background-color:var(--trafkin-terracotta);border:2px solid var(--trafkin-terracotta);color:#fff}.btn-alert:hover{background-color:#b86339;border-color:#b86339}.btn-info{background-color:var(--trafkin-sky);border:2px solid var(--trafkin-sky);color:#fff}.btn-info:hover{background-color:#7aa4b5;border-color:#7aa4b5}.btn-outline{background-color:#fff;border:2px solid var(--border-light);color:var(--text-dark)}.btn-outline:hover{background-color:var(--trafkin-cream);border-color:var(--text-medium)}.btn-outline-primary{background-color:initial;border:2px solid var(--trafkin-teal);color:var(--trafkin-teal)}.btn-outline-primary:hover{background-color:var(--trafkin-teal);color:#fff}.btn-outline-success{background-color:initial;border:2px solid var(--trafkin-green);color:var(--trafkin-green)}.btn-outline-success:hover{background-color:var(--trafkin-green);color:#fff}.btn-outline-warning{background-color:initial;border:2px solid var(--trafkin-gold);color:var(--trafkin-gold)}.btn-outline-warning:hover{background-color:var(--trafkin-gold);color:#fff}.btn-outline-alert{background-color:initial;border:2px solid var(--trafkin-terracotta);color:var(--trafkin-terracotta)}.btn-outline-alert:hover{background-color:var(--trafkin-terracotta);color:#fff}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-lg) var(--spacing-2xl)}.btn-xl{font-size:var(--font-size-xl);padding:var(--spacing-xl) var(--spacing-3xl)}.btn-block{display:flex;width:100%}.action-button{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);transition:all var(--transition-fast)}.action-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{background-color:var(--trafkin-gold);border:2px solid var(--trafkin-gold);color:#fff}.submit-button:hover{background-color:#c59943;border-color:#c59943}.submit-button:active{background-color:#b58833}.cancel-button{border:2px solid var(--border-light);color:var(--text-dark)}.cancel-button:hover{background-color:var(--trafkin-cream);border-color:var(--text-medium)}.delete-button{background-color:var(--trafkin-terracotta);border:2px solid var(--trafkin-terracotta);color:#fff}.delete-button:hover{background-color:#b86339;border-color:#b86339}.edit-button{background-color:var(--trafkin-sky);border:2px solid var(--trafkin-sky);color:#fff}.edit-button:hover{background-color:#7aa4b5;border-color:#7aa4b5}.btn-icon{align-items:center;display:inline-flex;height:40px;justify-content:center;padding:var(--spacing-md);width:40px}.btn-icon-sm{height:32px;padding:var(--spacing-sm);width:32px}.btn-icon-lg{height:48px;padding:var(--spacing-lg);width:48px}.btn-group{display:inline-flex;gap:var(--spacing-sm)}.btn-group .btn{margin:0}.btn-group-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-ghost{background-color:initial;border:none;color:var(--text-dark)}.btn-ghost:hover{background-color:#2c5f6f1a;box-shadow:none;transform:none}.btn-link{background-color:initial;border:none;color:var(--trafkin-teal);padding:var(--spacing-sm) var(--spacing-md);text-decoration:underline}.btn-link:hover{box-shadow:none;color:#234b58;transform:none}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.btn-responsive{justify-content:center;width:100%}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}.table-container{border-radius:var(--radius-md);overflow-x:auto}.table-wrapper{min-width:100%}table{background:#fff;border-collapse:collapse;width:100%}thead{background-color:var(--trafkin-cream);position:-webkit-sticky;position:sticky;top:0;z-index:10}th{border-bottom:2px solid var(--trafkin-teal);color:var(--text-dark);font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md);text-align:left;white-space:nowrap}th.sortable{cursor:pointer;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}th.sortable:hover{background-color:#2c5f6f1a}.sort-icon{font-size:var(--font-size-sm);margin-left:var(--spacing-xs);opacity:.5}th.sorted .sort-icon{color:var(--trafkin-teal);opacity:1}tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}tbody tr:hover{background-color:#e8dcc84d}tbody tr:last-child{border-bottom:none}td{color:var(--text-medium);font-size:var(--font-size-md);padding:var(--spacing-md);vertical-align:middle}td.text-center{text-align:center}td.text-right{text-align:right}.entity-name,.product-name{color:var(--text-dark);font-weight:500}.table-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-end}.table-action-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.table-action-btn:hover{background-color:#2c5f6f1a;color:var(--trafkin-teal)}.table-action-btn.edit:hover{background-color:#8bb4c51a;color:var(--trafkin-sky)}.table-action-btn.delete:hover{background-color:#c773491a;color:var(--trafkin-terracotta)}.table-action-btn.view:hover{background-color:#5a8f5f1a;color:var(--trafkin-green)}.table-empty{color:var(--text-medium);padding:var(--spacing-3xl);text-align:center}.table-empty-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.3}.table-empty-text{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-sm)}.table-empty-subtext{font-size:var(--font-size-md);opacity:.7}.table-pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.pagination-info{color:var(--text-medium);font-size:var(--font-size-sm)}.pagination-controls{display:flex;gap:var(--spacing-xs)}.pagination-btn{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--trafkin-cream);border-color:var(--trafkin-teal)}.pagination-btn.active{background-color:var(--trafkin-teal);border-color:var(--trafkin-teal);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.table-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.table-search{border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-md);min-width:250px;padding:var(--spacing-sm) var(--spacing-lg);transition:border-color var(--transition-fast)}.table-search:focus{border-color:var(--trafkin-teal);outline:none}.table-filter-select{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);transition:border-color var(--transition-fast)}.table-filter-select:focus{border-color:var(--trafkin-teal);outline:none}@media (max-width:768px){.table-container{overflow-x:scroll}td,th{font-size:var(--font-size-sm);padding:var(--spacing-sm)}.table-actions,.table-pagination{flex-direction:column}.table-pagination{gap:var(--spacing-lg)}.table-filters{flex-direction:column}.table-search{width:100%}}.form-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl)}.form-header{align-items:center;border-bottom:2px solid var(--trafkin-cream);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.form-title{color:var(--trafkin-teal);font-size:var(--font-size-2xl);font-weight:600}.form-subtitle{color:var(--text-medium);font-size:var(--font-size-md);margin-top:var(--spacing-xs)}.form-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-field.full-width{grid-column:1/-1}.form-label{align-items:center;color:var(--text-dark);display:flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-xs)}.form-label.required:after{color:var(--trafkin-terracotta);content:"*";margin-left:var(--spacing-xs)}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-dark);font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--trafkin-teal);box-shadow:0 0 0 3px #2c5f6f1a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--trafkin-cream);cursor:not-allowed;opacity:.6}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--trafkin-terracotta)}.form-textarea{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234A5F65' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--spacing-3xl)}.form-help-text{color:var(--text-medium)}.form-error-text,.form-help-text{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-error-text{align-items:center;color:var(--trafkin-terracotta);display:flex;gap:var(--spacing-xs)}.form-success-text{color:var(--trafkin-green);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-checkbox-wrapper,.form-radio-wrapper{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.form-checkbox,.form-radio{accent-color:var(--trafkin-teal);cursor:pointer;height:18px;width:18px}.form-checkbox-label,.form-radio-label{color:var(--text-dark);cursor:pointer;font-size:var(--font-size-md)}.form-checkbox-group,.form-radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-file-upload{border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-fast)}.form-file-upload:hover{background-color:#2c5f6f0d;border-color:var(--trafkin-teal)}.form-file-upload.dragover{background-color:#2c5f6f1a;border-color:var(--trafkin-teal)}.form-file-upload-icon{color:var(--text-medium);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.form-file-upload-text{color:var(--text-dark);font-size:var(--font-size-md);font-weight:500}.form-file-upload-hint{color:var(--text-medium);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-file-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.form-file-item{align-items:center;background-color:var(--trafkin-cream);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.form-file-name{color:var(--text-dark);flex:1 1;font-size:var(--font-size-sm)}.form-file-remove{background:none;border:none;border-radius:var(--radius-sm);color:var(--trafkin-terracotta);cursor:pointer;padding:var(--spacing-xs);transition:background-color var(--transition-fast)}.form-file-remove:hover{background-color:#c7734926}.form-actions{border-top:1px solid var(--border-light);gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.form-actions.centered{justify-content:center}.form-actions.space-between{justify-content:space-between}.form-inline{align-items:flex-end;display:flex;gap:var(--spacing-md)}.form-inline .form-field{flex:1 1}.form-section{margin-bottom:var(--spacing-3xl)}.form-section:last-child{margin-bottom:0}.form-section-title{border-bottom:1px solid var(--border-light);color:var(--trafkin-teal);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.form-section-description{color:var(--text-medium);font-size:var(--font-size-md);margin-bottom:var(--spacing-xl)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-inline{align-items:stretch;flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}}.dashboard-container{padding:var(--spacing-2xl)}.dashboard-welcome{background:linear-gradient(135deg,var(--trafkin-teal) 0,var(--trafkin-sky) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#fff;margin-bottom:var(--spacing-2xl);padding:var(--spacing-3xl)}.dashboard-welcome h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.dashboard-welcome p{font-size:var(--font-size-lg);opacity:.9}.list-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.list-view-title{color:var(--trafkin-teal);font-size:var(--font-size-2xl);font-weight:600}.list-view-actions{display:flex;gap:var(--spacing-md)}.detail-view-container,.list-view-content{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl)}.detail-view-header{align-items:flex-start;border-bottom:2px solid var(--trafkin-cream);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.detail-view-title-section{flex:1 1}.detail-view-title{color:var(--trafkin-teal);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-xs)}.detail-view-subtitle{color:var(--text-medium);font-size:var(--font-size-md)}.detail-view-actions{display:flex;gap:var(--spacing-md)}.detail-view-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-view-section{margin-bottom:var(--spacing-2xl)}.detail-view-section-title{border-bottom:1px solid var(--border-light);color:var(--text-dark);font-size:var(--font-size-xl);font-weight:600;padding-bottom:var(--spacing-sm)}.detail-view-field,.detail-view-section-title{margin-bottom:var(--spacing-lg)}.detail-view-field-label{color:var(--text-medium);font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.detail-view-field-value{color:var(--text-dark);font-size:var(--font-size-md);font-weight:500}.sales-view{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr}.sales-products-list,.sales-summary{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl)}.sales-summary{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:var(--spacing-2xl)}.sales-summary-title{color:var(--trafkin-teal);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-xl)}.sales-summary-item{border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) 0}.sales-summary-label{color:var(--text-medium);font-size:var(--font-size-md)}.sales-summary-value{color:var(--text-dark);font-size:var(--font-size-md);font-weight:600}.sales-summary-total{border-top:2px solid var(--trafkin-teal);margin-top:var(--spacing-lg);padding:var(--spacing-xl) 0}.sales-summary-total .sales-summary-label{color:var(--text-dark);font-size:var(--font-size-lg);font-weight:600}.sales-summary-total .sales-summary-value{color:var(--trafkin-teal);font-size:var(--font-size-2xl)}.reports-container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.reports-content,.reports-filters{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl)}.report-summary-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.report-summary-card{background:var(--trafkin-cream);border-left:3px solid var(--trafkin-teal);border-radius:var(--radius-md);padding:var(--spacing-xl)}.report-summary-card.success{border-left-color:var(--trafkin-green)}.report-summary-card.warning{border-left-color:var(--trafkin-gold)}.report-summary-card.alert{border-left-color:var(--trafkin-terracotta)}.report-summary-value{color:var(--text-dark);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-xs)}.report-summary-label{color:var(--text-medium);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.inventory-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.inventory-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--spacing-xl);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.inventory-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.inventory-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.inventory-card-image{background-color:var(--trafkin-cream);border-radius:var(--radius-sm);height:150px;margin-bottom:var(--spacing-md);object-fit:cover;width:100%}.inventory-card-name{color:var(--text-dark);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.inventory-card-sku{color:var(--text-medium);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.inventory-card-info{align-items:center;display:flex;justify-content:space-between}.inventory-card-price{color:var(--trafkin-teal);font-size:var(--font-size-xl);font-weight:700}.inventory-card-stock{color:var(--text-medium);font-size:var(--font-size-md)}.inventory-card-stock.low{color:var(--trafkin-terracotta);font-weight:600}.inventory-card-stock.out{color:var(--alert);font-weight:600}.auth-container{align-items:center;background:linear-gradient(135deg,var(--trafkin-teal) 0,var(--trafkin-sky) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-2xl)}.auth-card{background:#fff;border-radius:var(--radius-xl);box-shadow:0 8px 24px #00000026;max-width:400px;padding:var(--spacing-3xl);width:100%}.auth-logo{margin-bottom:var(--spacing-3xl);text-align:center}.auth-logo h1{color:var(--trafkin-teal);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs)}.auth-logo p{color:var(--text-medium);font-size:var(--font-size-md)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.auth-divider{margin:var(--spacing-xl) 0;position:relative;text-align:center}.auth-divider:before{background-color:var(--border-light);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.auth-divider span{background:#fff;padding:0 var(--spacing-lg);position:relative}.auth-divider span,.auth-links{color:var(--text-medium);font-size:var(--font-size-sm)}.auth-links{margin-top:var(--spacing-xl);text-align:center}.auth-links a{color:var(--trafkin-teal);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media (max-width:1200px){.sales-view{grid-template-columns:1fr}.sales-summary{position:static}}@media (max-width:768px){.dashboard-welcome{padding:var(--spacing-xl)}.list-view-header{align-items:flex-start}.detail-view-header,.list-view-header{flex-direction:column;gap:var(--spacing-lg)}.detail-view-content,.inventory-grid,.report-summary-grid{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-primary{color:var(--trafkin-teal)}.text-success{color:var(--trafkin-green)}.text-warning{color:var(--trafkin-gold)}.text-alert{color:var(--trafkin-terracotta)}.text-muted{color:var(--text-medium)}.bg-primary{background-color:var(--trafkin-teal)}.bg-success{background-color:var(--trafkin-green)}.bg-warning{background-color:var(--trafkin-gold)}.bg-alert{background-color:var(--trafkin-terracotta)}.bg-light{background-color:var(--trafkin-cream)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.fs-xs{font-size:var(--font-size-xs)}.fs-sm{font-size:var(--font-size-sm)}.fs-base{font-size:var(--font-size-base)}.fs-md{font-size:var(--font-size-md)}.fs-lg{font-size:var(--font-size-lg)}.fs-xl{font-size:var(--font-size-xl)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-circle{border-radius:50%}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-in}.animate-slide-in-up{animation:slideInUp .3s ease-out}.animate-slide-in-down{animation:slideInDown .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-button{background-color:var(--trafkin-teal);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:3%;padding:16px;text-transform:uppercase;transition:all .3s ease;width:50%}.main-button:hover{box-shadow:0 4px 12px #00000026;opacity:.9;transform:translateY(-1px)}.dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dialog-overlay.open{display:flex}.dialog-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{background-color:var(--trafkin-teal);border-radius:12px 12px 0 0;color:#fff;font-size:1.2rem;font-weight:700;margin:0;padding:20px;text-align:center}.dialog-body{padding:24px}.form-field{margin-bottom:20px}.field-label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.field-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.field-input:focus{border-color:var(--trafkin-teal);box-shadow:0 0 0 3px #2c5f6f1a;outline:none}.boolean-field{padding:12px 0}.boolean-field,.switch-label{align-items:center;display:flex}.switch-label{color:#333;cursor:pointer;font-weight:500;justify-content:space-between;width:100%}.switch-container{display:inline-block;height:24px;position:relative;width:50px}.switch-input{height:0;opacity:0;width:0}.switch-slider{background-color:#d32f2f;border-radius:24px;bottom:0;box-shadow:0 2px 4px #0003;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0000004d;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.switch-input:checked+.switch-slider{background-color:#4caf50}.switch-input:checked+.switch-slider:before{transform:translateX(26px)}.dialog-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:center;padding:20px 24px}.action-button{border:2px solid;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 32px;position:relative;transition:all .3s ease;z-index:1}.cancel-button{background-color:#fff;border-color:var(--trafkin-teal);color:var(--trafkin-teal)}.cancel-button:hover{background-color:#2c5f6f14;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.submit-button{background-color:#d4a853;background-color:var(--trafkin-gold,#d4a853);border-color:#d4a853;border-color:var(--trafkin-gold,#d4a853);color:#1a3940!important;font-weight:700}.submit-button:hover{background-color:#c09847;border-color:#c09847;box-shadow:0 4px 12px #d4a85366;transform:translateY(-2px)}@media (max-width:600px){.dialog-content{margin:10px;max-width:calc(100% - 20px)}.dialog-actions{flex-direction:column}.action-button{width:100%}}.titulo{color:var(--trafkin-teal);margin-bottom:20px;text-align:center}.form-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;padding:20px 0}.form-body{display:flex;flex-direction:column}.form-header{margin-bottom:20px}.golden{background-color:var(--trafkin-gold)!important;border-color:var(--trafkin-gold)!important;color:var(--text-dark)!important}.golden:hover{background-color:var(--trafkin-terracotta)!important;border-color:var(--trafkin-terracotta)!important;box-shadow:0 4px 12px #c773494d;transform:translateY(-1px)}.MuiSnackbar-root.info .MuiSnackbarContent-root{background:var("--durazno_suave")!important;color:var("--durazno_tostado")!important}.MuiSnackbar-root.error .MuiSnackbarContent-root{background:var("--naranja_oscuro")!important;color:var("--crema_claro")!important}.MuiSnackbar-root.confirm .MuiSnackbarContent-root{background:var("--naranja_vibrante")!important;color:var("--verde_petroleo")!important}.MuiSnackbar-root.success .MuiSnackbarContent-root{background:var("--verde_petroleo")!important;color:var("--durazno_suave")!important}
/*# sourceMappingURL=main.4db7904e.css.map*/