:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #646cff;--color-primary-hover: #535bf2;--color-primary-light: #f0f4ff;--color-primary-dark: #4f54cc;--color-secondary: #6c757d;--color-secondary-hover: #5a6268;--color-success: #28a745;--color-success-light: #d4edda;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-danger-light: #f8d7da;--color-danger-dark: #721c24;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-info: #17a2b8;--color-white: #ffffff;--color-background: #f8f9fa;--color-surface: #ffffff;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-text-primary: #213547;--color-text-secondary: #6c757d;--color-text-muted: #adb5bd;--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-full: 9999px;--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: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1200px;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background)}h1{font-size:2rem;line-height:1.2;margin-top:0;color:var(--color-text-primary)}h2{font-size:1.5rem;line-height:1.3;color:var(--color-text-primary)}h3{font-size:1.25rem;line-height:1.4;color:var(--color-text-primary)}p{margin-top:0;color:var(--color-text-secondary)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-white);cursor:pointer;transition:all var(--transition-base)}button:hover{background-color:var(--color-primary-hover)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:600;color:var(--color-text-primary)}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.375rem}}@media(max-width:480px){h1{font-size:1.5rem}h2{font-size:1.25rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tariff-upload-container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px;margin:0 auto}.tariff-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-surface);transition:all .2s ease;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tariff-upload-zone:hover:not(.disabled){border-color:var(--color-primary);background-color:var(--color-primary-light)}.tariff-upload-zone.dragging{border-color:var(--color-primary);background-color:var(--color-primary-light);transform:scale(1.02)}.tariff-upload-zone.disabled{cursor:not-allowed;opacity:.6}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.upload-title{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;font-weight:500;color:var(--color-text-primary)}.upload-subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.preview-container{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background-color:var(--color-surface)}.preview-image{width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.preview-info{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.preview-actions{display:flex;gap:var(--spacing-md)}.progress-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.progress-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-text{font-size:1.1rem;font-weight:500;color:var(--color-text-primary);text-align:center}.progress-subtitle{font-size:.875rem;color:var(--color-text-secondary);text-align:center}.error-container{border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--spacing-md);background-color:var(--color-danger-light)}.error-title{color:var(--color-danger-dark);font-weight:500;margin:0 0 var(--spacing-sm) 0}.error-message{color:var(--color-danger-dark);margin:0 0 var(--spacing-md) 0}.error-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hidden-file-input{display:none}@media(max-width:600px){.tariff-upload-container{max-width:100%}.tariff-upload-zone{padding:var(--spacing-lg);min-height:150px}.upload-icon{font-size:2rem}.preview-image{max-height:200px}.preview-actions,.error-actions{flex-direction:column}.preview-actions button,.error-actions button{width:100%}}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:var(--spacing-xl);max-width:var(--container-xl);margin:0 auto;width:100%;box-sizing:border-box}.section{margin-bottom:var(--spacing-xl)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.quick-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.quick-link:hover{background-color:var(--color-primary);color:var(--color-white)}.quick-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.tag{padding:.25rem .75rem;background-color:var(--color-primary-light);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-primary)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:768px){main{padding:var(--spacing-md)}.card-grid{grid-template-columns:1fr}}@media(max-width:480px){main{padding:var(--spacing-sm)}.stat-value{font-size:1.25rem}}.skip-link{position:absolute;top:-40px;left:0;background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);z-index:var(--z-tooltip);text-decoration:none;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}