:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fff;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#4a7c59;text-decoration:inherit;transition:color .15s ease}a:hover{color:#2d5a27}body{margin:0;display:block;min-width:320px;min-height:100vh;background-color:#1a1a1a;color:#fff;position:static;overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.2;font-weight:700;letter-spacing:-.02em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2d2d2d;color:#fff;cursor:pointer;transition:all .15s ease;border-color:#4a4a4a}button:hover{background-color:#3a3a3a;border-color:#4a7c59;transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid #4a7c59;outline-offset:2px}.toolbar{background:var(--background);border-bottom:1px solid var(--border-light);padding:var(--space-md) var(--space-lg) var(--space-md);top:0;left:0;right:0;z-index:9999!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;transform:translateZ(0);will-change:transform;contain:layout style paint;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);position:fixed!important;isolation:isolate;min-height:64px}.toolbar-content{display:flex;align-items:center;gap:var(--space-sm);max-width:100%}.hamburger-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:0;position:relative;z-index:10000!important;-webkit-tap-highlight-color:transparent;box-shadow:0 0 #f1641e00;transition:box-shadow .15s ease-in-out}.hamburger-button:hover{background:var(--background-tertiary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hamburger-button.active{background:var(--primary-color);border-color:var(--primary-color)}.hamburger-button.active .hamburger-line{background:#fff}.hamburger-line{width:20px;height:2px;background:var(--text-primary);transition:all var(--transition-fast);border-radius:1px}.hamburger-button.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-button.active .hamburger-line:nth-child(2){opacity:0}.hamburger-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hamburger-line:not(:last-child){margin-bottom:4px}.toolbar-title{flex:1;text-align:center}.toolbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.toolbar-title h1{margin:0;padding:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.toolbar-title p{color:var(--text-secondary);font-size:var(--font-size-xs);max-width:600px;margin:0 auto;line-height:1.3}@media (max-width: 768px){.toolbar{padding:var(--space-lg) var(--space-lg);position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);min-height:72px}.toolbar-content{gap:var(--space-md)}.hamburger-button{width:48px;height:48px}.hamburger-line{width:18px}.toolbar-title h1{font-size:var(--font-size-xl)}.toolbar-title p{font-size:var(--font-size-xs);padding:0 var(--space-sm)}}@media (max-width: 480px){.toolbar{padding:var(--space-md) var(--space-md);position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);min-height:68px}.toolbar-content{gap:var(--space-sm)}.hamburger-button{width:44px;height:44px}.hamburger-line{width:16px}.toolbar-title h1{font-size:var(--font-size-lg)}.toolbar-title p{display:none}}.hamburger-button:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 3px #f1641e33}.hamburger-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 3px #f1641e33}.toolbar{background:var(--background);z-index:1000;contain:layout style paint;will-change:transform;isolation:isolate}body:not(.loaded) .toolbar{opacity:1;visibility:visible}.anonymous-mode-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);min-height:36px}.anonymous-mode-toggle:hover{background:var(--background-tertiary);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.anonymous-mode-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.anonymous-mode-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 3px #f1641e33}.anonymous-mode-toggle svg{transition:transform var(--transition-fast)}.anonymous-mode-toggle.active svg{transform:scale(1.1)}@media (hover: none) and (pointer: coarse){.hamburger-button:hover{transform:none}.hamburger-button:active{transform:scale(.95);transition:transform .1s ease}.anonymous-mode-toggle:hover{transform:none}.anonymous-mode-toggle:active{transform:scale(.95);transition:transform .1s ease}}.sidebar-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;animation:fadeIn .3s ease forwards}.sidebar-modal{position:fixed;top:0;left:0;width:350px;height:100vh;background:var(--background);border-right:1px solid var(--border-light);box-shadow:4px 0 20px #0000004d;z-index:1001;transform:translate(-100%);animation:slideIn .3s ease forwards;overflow-y:auto;display:flex;flex-direction:column}.sidebar-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--background-secondary);position:sticky;top:0;z-index:10}.sidebar-modal-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.sidebar-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-modal-close:hover{background:var(--background-tertiary);border-color:var(--error-color);color:var(--error-color)}.sidebar-modal-content{flex:1;padding:var(--space-lg);overflow-y:auto}.sidebar-section{margin-bottom:var(--space-2xl)}.sidebar-section h3{margin:0 0 var(--space-lg) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.sidebar-section h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.upload-area{background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.upload-area:hover{border-color:var(--primary-color);background:var(--background-tertiary)}.upload-icon{margin-bottom:var(--space-md);color:var(--primary-color)}.upload-area h4{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.upload-area p{margin:0 0 var(--space-lg) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.upload-status{margin-top:var(--space-lg)}.upload-status h4{margin-bottom:var(--space-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.status-items{display:flex;flex-direction:column;gap:var(--space-sm)}.status-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid;transition:all var(--transition-fast)}.status-item.status-uploaded{border-color:var(--success-color);background:#22c55e1a}.status-item.status-missing{border-color:var(--error-color);background:#ef44441a}.status-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.status-item.status-uploaded .status-icon{color:var(--success-color)}.status-item.status-missing .status-icon{color:var(--error-color)}.status-content{display:flex;flex-direction:column;gap:2px;flex:1}.status-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.status-file-name{font-size:var(--font-size-xs);color:var(--success-color);font-weight:400}.status-not-uploaded{font-size:var(--font-size-xs);color:var(--error-color);font-weight:400;font-style:italic}.uploaded-files{margin-top:var(--space-lg)}.uploaded-files h4{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.uploaded-files ul{list-style:none;padding:0;margin:0}.uploaded-files li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--background-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.uploaded-files li svg{color:var(--success-color);flex-shrink:0}.filter-group{margin-bottom:var(--space-lg)}.filter-label{display:flex;align-items:center;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-sm);gap:var(--space-xs)}.filter-input,.filter-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);box-sizing:border-box}.filter-summary{background:var(--background-tertiary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin:var(--space-lg) 0}.filter-summary-item svg{color:var(--primary-color);flex-shrink:0}.filter-actions{display:flex;justify-content:flex-end;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.loading-container{margin-top:var(--space-md)}.progress-bar{width:100%;height:8px;background:var(--background-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:var(--primary-color);border-radius:var(--radius-sm);transition:width .3s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.sidebar-modal{width:260px}.sidebar-modal-header,.sidebar-modal-content{padding:var(--space-md)}.custom-date-inputs,.quantity-inputs{flex-direction:column;gap:var(--space-sm)}}@media (max-width: 480px){.sidebar-modal{width:240px}.upload-area{padding:var(--space-sm)}.upload-area h4{font-size:var(--font-size-sm)}.upload-area p{font-size:var(--font-size-xs)}}.sidebar-modal-close:focus{outline:2px solid var(--error-color);outline-offset:2px}@media (hover: none) and (pointer: coarse){.sidebar-modal-close:hover{transform:none}.sidebar-modal-close:active{transform:scale(.95);transition:transform .1s ease}}.sidebar-modal::-webkit-scrollbar{width:6px}.sidebar-modal::-webkit-scrollbar-track{background:var(--background-secondary)}.sidebar-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-backdrop{position:fixed!important;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:10000!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out;padding:3vh 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--background);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-light);max-width:90vw;max-height:95vh;width:1000px;overflow:hidden;animation:slideIn .3s ease-out;position:relative;margin:0 auto;display:flex;flex-direction:column;max-height:calc(100vh - 2rem)}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.modal-image-container{margin-left:1rem;display:flex;align-items:center}.modal-listing-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;border:2px solid var(--border-light);transition:all var(--transition-fast)}.modal-listing-image:hover{transform:scale(1.05);box-shadow:0 8px 24px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem .75rem;border-bottom:1px solid var(--border-light);background:var(--background-secondary)}.modal-title-section{display:flex;align-items:center;gap:1rem;flex:1;min-height:45px}.item-info{flex:1;min-width:0}.modal-icon{background:var(--primary-color);padding:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #c2410c4d;color:#fff;display:flex;align-items:center;justify-content:center}.modal-title{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.modal-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.modal-close-btn{background:var(--background-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);font-weight:700;font-size:24px;line-height:1}.modal-close-btn:hover{background:var(--error-color, #ef4444);color:#fff;border-color:var(--error-color, #ef4444);transform:scale(1.05);box-shadow:0 2px 8px #ef44444d}.product-info-header{background:var(--background-tertiary);border-bottom:1px solid var(--border-light);padding:.75rem 2rem .5rem}.product-info-header .modal-icon{background:var(--text-secondary);box-shadow:0 4px 12px #6b72804d}.product-info-header .modal-title{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-lg);font-weight:600}.product-info-header .modal-subtitle{color:var(--text-tertiary);font-size:var(--font-size-xs)}.modal-body{padding:.75rem;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.stat-card{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:.75rem;display:flex;align-items:center;gap:.75rem;transition:all var(--transition-fast);box-shadow:0 2px 4px -1px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #00000026;border-color:var(--primary-light)}.stat-icon{background:var(--primary-color);padding:.75rem;border-radius:var(--radius-md);color:#fff;box-shadow:0 4px 12px #c2410c4d;display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem;background:var(--background-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:inset 0 2px 4px #0000001a}.control-group{display:flex;align-items:center;gap:1rem}.control-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}.control-buttons{display:flex;gap:.5rem}.control-btn{padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--background);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover{background:var(--background-secondary);border-color:var(--primary-light);color:var(--text-primary)}.control-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #c2410c4d}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--background);transition:all var(--transition-fast);min-width:100px;justify-content:center}.radio-label:hover{background:var(--background-secondary);border-color:var(--primary-light);color:var(--text-primary)}.radio-label:has(input:checked){background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #c2410c4d}.radio-label input[type=radio]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.modal-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;grid-auto-rows:1fr}.chart-container{background:var(--background-tertiary);border-radius:var(--radius-lg);padding:.75rem;border:1px solid var(--border-light);box-shadow:inset 0 2px 4px #0000001a}.chart-title{margin:0 0 1rem;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;text-align:center}.single-variation{display:flex;align-items:center;justify-content:center;height:150px}.variation-display{text-align:center;padding:2rem;background:var(--background-secondary);border-radius:var(--radius-lg);border:2px solid var(--border-light);box-shadow:0 4px 12px #0000001a}.variation-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.variation-quantity{font-size:var(--font-size-base);color:var(--success-color);font-weight:600}.no-data{display:flex;align-items:center;justify-content:center;height:150px;text-align:center;color:var(--text-secondary)}.no-data p{font-size:var(--font-size-sm);font-style:italic}.variation-summary{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light);text-align:center}.variation-total{margin:0 0 .25rem;font-size:var(--font-size-base);font-weight:600;color:var(--success-color)}.variation-percentage{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.modal-container{max-width:95vw;width:auto;margin:1rem}.modal-header,.modal-body{padding:1.5rem}.chart-controls{flex-direction:column;gap:1rem;align-items:stretch}.control-group{justify-content:space-between}.control-buttons{gap:.25rem}.control-btn{padding:.4rem .8rem;font-size:var(--font-size-xs)}.modal-charts{grid-template-columns:1fr;gap:1rem}.modal-stats{grid-template-columns:1fr}}@media (max-width: 480px){.modal-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-title{font-size:var(--font-size-lg)}.stat-card,.chart-container{padding:1rem}}@media (prefers-contrast: high){.modal-container,.stat-card{border-width:2px}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal-container,.stat-card{animation:none}.stat-card:hover{transform:none}}.empty-state{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-2xl);background:var(--background-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:var(--space-xl) 0}.empty-state-content{text-align:center;max-width:500px;width:100%}.empty-state-icon{margin:0 auto 2rem;width:80px;height:80px;background:var(--background-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-light);transition:all var(--transition-normal)}.empty-state-icon:hover{transform:scale(1.05);border-color:var(--primary-light);box-shadow:0 8px 24px #3b82f626}.empty-state-icon svg{color:#e5e7eb;transition:all var(--transition-normal)}.empty-state-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-lg) 0;line-height:1.2}.empty-state-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-2xl) 0;max-width:400px;margin-left:auto;margin-right:auto}.empty-state-button{margin:0 0 var(--space-2xl) 0;padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);box-shadow:0 4px 16px #3b82f633;transition:all var(--transition-normal);background:var(--primary-light);color:#fff;border:1px solid var(--primary-light)}.empty-state-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d;background:#3b82f6e6;border-color:#3b82f6e6}.empty-state-features{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;margin-top:var(--space-xl)}.feature-item{display:flex;align-items:center;color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);background:var(--background-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-fast);min-width:250px}.feature-item:hover{background:var(--background);border-color:var(--primary-light);transform:translate(4px)}.feature-item svg{flex-shrink:0;color:var(--success-color)!important}@media (max-width: 768px){.empty-state{min-height:50vh;padding:var(--space-lg);margin:var(--space-lg) 0}.empty-state-content{max-width:100%}.empty-state-icon{width:60px;height:60px;margin-bottom:var(--space-lg)}.empty-state-icon svg{width:32px;height:32px}.empty-state-title{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.empty-state-description{font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.empty-state-button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.feature-item{min-width:auto;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}}@media (max-width: 480px){.empty-state{padding:var(--space-md)}.empty-state-title{font-size:var(--font-size-lg)}.empty-state-description{font-size:var(--font-size-xs)}.feature-item{flex-direction:column;text-align:center;gap:var(--space-xs);padding:var(--space-sm)}.feature-item svg{margin:0}}.empty-state{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.empty-state{animation:none}.empty-state-icon:hover,.empty-state-button:hover,.feature-item:hover{transform:none}}@media (prefers-contrast: high){.empty-state{border-width:2px}.empty-state-icon{border-width:3px}.feature-item{border-width:2px}}:root{--primary-color: #333333;--primary-light: #666666;--primary-dark: #1a1a1a;--secondary-color: #2d2d2d;--secondary-light: #3a3a3a;--accent-color: #f5f5f5;--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-muted: #b8b8b8;--background: #1a1a1a;--background-secondary: #2d2d2d;--background-tertiary: #3a3a3a;--border-color: #4a4a4a;--border-light: #3a3a3a;--success-color: #666666;--warning-color: #888888;--error-color: #999999;--info-color: #666666;--gradient-primary: linear-gradient(135deg, #333333 0%, #666666 100%);--gradient-secondary: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%);--gradient-accent: linear-gradient(135deg, #f5f5f5 0%, #e5e5e5 100%);--gradient-success: linear-gradient(135deg, #666666 0%, #333333 100%);--gradient-card: linear-gradient(135deg, rgba(51, 51, 51, .02) 0%, rgba(102, 102, 102, .04) 50%, rgba(51, 51, 51, .02) 100%);--gradient-subtle: linear-gradient(135deg, rgba(51, 51, 51, .03) 0%, rgba(102, 102, 102, .06) 100%);--gradient-minimal: linear-gradient(135deg, rgba(51, 51, 51, .01) 0%, rgba(102, 102, 102, .02) 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px 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);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}body{margin:0;padding:0;font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background-color:var(--background);display:block!important;place-items:unset!important;position:static;overflow-x:hidden;overflow-y:auto}html{width:100%;margin:0;padding:0}h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-lg) 0;text-align:center}h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0}h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}p{color:var(--text-secondary);margin:0 0 var(--space-md) 0;font-size:var(--font-size-base)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes stroke{to{stroke-dashoffset:0}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:var(--background);padding:var(--space-2xl);padding-top:calc(var(--space-2xl) + 100px);width:100%;max-width:none;margin:0;box-sizing:border-box;line-height:1.7;position:relative}.app>*:not(.sidebar-modal):not(.sidebar-modal-overlay){width:100%;max-width:none;box-sizing:border-box}.tab-navigation{display:flex;gap:0;margin:var(--space-lg) 0 var(--space-md) 0;background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--space-xs);border:1px solid var(--border-light)}.tab-button{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex:1;justify-content:center}.tab-button:hover{background:var(--background-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--background-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.tab-button.active:hover{background:var(--background-secondary)}.loading{background:#3b82f61a;color:var(--info-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.2);font-weight:500;margin:var(--space-md) 0}.results{background:var(--background-secondary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:0 8px 32px #0000004d;margin-top:var(--space-xl);width:100%;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl);align-items:center;background:var(--background-tertiary);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 16px #0003}.controls input{flex:1;min-width:200px;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background);transition:all var(--transition-fast)}.controls input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f1641e1a}.controls select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.controls select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f1641e1a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);gap:var(--space-xs);min-height:40px;position:relative;overflow:hidden}.btn-primary{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #c2410c4d}.btn-secondary{background:var(--background);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--background-secondary);border-color:var(--primary-color);color:var(--primary-color)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);flex-wrap:wrap}.pagination button{min-width:40px;height:40px;padding:0 var(--space-sm);border:1px solid var(--border-color);background:var(--background);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.pagination button:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.pagination button:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}.loading-dots{display:flex;gap:var(--space-xs);margin-top:var(--space-md)}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:pulse 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}.skeleton{background:linear-gradient(90deg,var(--background-tertiary) 25%,var(--background-secondary) 50%,var(--background-tertiary) 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1rem;margin-bottom:var(--space-xs)}.skeleton-title{height:1.5rem;margin-bottom:var(--space-md)}.skeleton-card{height:100px;margin-bottom:var(--space-md)}.success-checkmark{width:80px;height:80px;margin:0 auto;position:relative}.success-checkmark svg{width:100%;height:100%}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--success-color);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:var(--success-color);animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn-loading{position:relative;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.controls input:focus{transform:scale(1.02);box-shadow:0 0 0 3px #f1641e26}.controls select:hover{border-color:var(--primary-color);background-color:var(--background-secondary)}.pagination button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination button.active:hover{transform:translateY(0)}.btn:focus,.controls input:focus,.controls select:focus,.pagination button:focus,.tab-button:focus{outline:2px solid var(--border-color);outline-offset:2px}.loading-container{position:relative}.loading-container:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:var(--radius-lg);animation:pulse 2s ease-in-out infinite}.success-animation{animation:bounce .6s ease}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;animation:pulse 2s ease-in-out infinite}.progress-fill{position:relative;z-index:1}@media (min-width: 1200px){.app{padding:var(--space-2xl) var(--space-xl)}.results{padding:var(--space-2xl) var(--space-2xl)}.controls{padding:var(--space-xl);gap:var(--space-xl)}}@media (min-width: 1600px){.app{padding:var(--space-2xl) 6rem}.results{padding:var(--space-2xl) 4rem}.controls{padding:var(--space-xl) var(--space-2xl)}}@media (max-width: 768px){.app{padding:var(--space-lg)}.results{padding:var(--space-lg);margin:var(--space-lg) 0}.controls{flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-md)}.controls input{min-width:auto;font-size:16px}.controls select{font-size:16px}.pagination{gap:var(--space-xs);flex-wrap:wrap}.pagination button{min-width:44px;height:44px;font-size:var(--font-size-sm)}h1{font-size:var(--font-size-2xl);line-height:1.2}h2{font-size:var(--font-size-lg)}.btn{min-height:44px;min-width:44px;padding:var(--space-md) var(--space-lg)}}@media (max-width: 480px){.app,.results{padding:var(--space-md)}.controls{padding:var(--space-sm)}body{font-size:16px;line-height:1.5}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-base)}}@media (hover: none) and (pointer: coarse){.btn:hover{transform:none}.btn:active{transform:scale(.95);transition:transform .1s ease}}@media (prefers-contrast: high){:root{--border-color: #ffffff;--text-secondary: #ffffff;--background-secondary: #000000}.btn-secondary{border-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fade-in,.animate-slide-in,.animate-pulse,.animate-bounce{animation:none}}@media print{.controls,.pagination{display:none}.app{padding:0}}.focus-trap{outline:none}.focus-trap:focus{outline:2px solid var(--border-color);outline-offset:2px}.error{position:relative;animation:slideIn .3s ease;border-left:4px solid var(--error-color);background:#ef44440d}.error:before{content:"⚠";position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-lg);color:var(--error-color)}.success{position:relative;animation:slideIn .3s ease;border-left:4px solid var(--success-color);background:#10b9810d}.success:before{content:"✓";position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-lg);color:var(--success-color);font-weight:700}.app>*:not(.sidebar-modal):not(.sidebar-modal-overlay){position:relative;z-index:1}.results{position:relative;z-index:3}.btn{will-change:transform}.btn:hover{will-change:transform,box-shadow}.filter-section{background:var(--background-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 16px #0003;border:1px solid var(--border-color);transition:all var(--transition-normal)}.filter-section:hover{box-shadow:0 8px 24px #0000004d;border-color:var(--border-color)}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-light)}.filter-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.filter-collapse-btn,.filter-expand-btn{padding:var(--space-xs) var(--space-sm);min-width:auto;min-height:auto;border-radius:var(--radius-sm)}.filter-content{display:flex;flex-direction:column;gap:var(--space-md)}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-label{display:flex;align-items:center;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs)}.filter-input,.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.filter-select{cursor:pointer}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f1641e1a}.filter-input:hover,.filter-select:hover{border-color:var(--primary-color);background-color:var(--background-secondary)}.custom-date-inputs{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.date-input-group{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.date-input-group label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500}.quantity-inputs{display:flex;gap:var(--space-md);margin-top:var(--space-xs)}.quantity-input-group{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.quantity-input-group label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500}.filter-actions{display:flex;justify-content:flex-end;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.filter-section-collapsed{margin-bottom:var(--space-lg)}.filter-summary{display:flex;align-items:center;justify-content:space-between;background:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.filter-summary:hover{background:var(--background-tertiary);border-color:var(--border-color)}.filter-summary-content{display:flex;align-items:center;gap:var(--space-lg);flex:1}.filter-summary-item{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.filter-summary-item svg{color:var(--text-secondary);flex-shrink:0}@media (max-width: 768px){.filter-section{padding:var(--space-md)}.filter-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.custom-date-inputs,.quantity-inputs{flex-direction:column;gap:var(--space-sm)}.filter-summary-content,.filter-summary{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width: 480px){.filter-section{padding:var(--space-sm)}.filter-summary-item{font-size:var(--font-size-xs)}}