@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{list-style:none!important;list-style-image:none!important;list-style-position:outside!important;list-style-type:none!important}li{list-style:disc!important;list-style-type:disc!important}ol,ul{list-style:none!important;list-style-type:none!important}.header-content h1,.header-content h2,.header-content h3,.header-content h4,.header-content h5,.header-content h6,.header-tips h1,.header-tips h2,.header-tips h3,.header-tips h4,.header-tips h5,.header-tips h6,.header-title h1,.header-title h2,.header-title h3,.header-title h4,.header-title h5,.header-title h6,.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6{display:block!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important}.App{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App,.main-content{display:flex;min-height:100vh}.main-content{align-items:center;background:#fff;flex:1 1;justify-content:center;margin-left:280px;padding:20px}.landing-page{background:#fff;border:1px solid #3a1f171a;border-radius:12px;box-shadow:0 10px 40px #3a1f1714;max-width:700px;padding:80px 60px;width:100%}.logo-container{margin-bottom:50px}.ingreendients-logo{filter:drop-shadow(0 2px 8px rgba(58,31,23,.15));height:auto;max-width:100%;width:450px}.welcome-text h1{color:#3a1f17;font-family:Playfair Display,serif;font-size:3rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.welcome-text p{color:#6c757d;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:500px}:root{--secondary-color:#6c757d;--accent-color:#28a745;--background-light:#f8f9fa;--background-white:#fff;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#3a1f171a;--shadow-color:#3a1f1714}@media (max-width:1024px){.main-content{margin-left:240px}}@media (max-width:768px){.main-content{margin-left:220px;padding:15px}.landing-page{padding:60px 30px}.ingreendients-logo{width:350px}.welcome-text h1{font-size:2.5rem}.welcome-text p{font-size:1.1rem}}@media (max-width:480px){.main-content{margin-left:220px;padding:10px}.landing-page{padding:40px 20px}.ingreendients-logo{width:280px}.welcome-text h1{font-size:2rem}.welcome-text p{font-size:1rem}}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff}.loading-container p{font-size:16px;margin:0}h1,h2,h3,h4,h5,h6{display:block!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important;margin:0!important;padding:0!important}h1:after,h1:before,h2:after,h2:before,h3:after,h3:before,h4:after,h4:before,h5:after,h5:before,h6:after,h6:before{content:none!important;display:none!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important}h1::marker,h2::marker,h3::marker,h4::marker,h5::marker,h6::marker{content:none!important;display:none!important}.header-title h1,.header-title h2,.header-title h3,.header-title h4,.header-title h5,.header-title h6,.page-header h1,.page-header h2,.page-header h3,.page-header h4,.page-header h5,.page-header h6{display:block!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important;margin:0!important;padding:0!important}.header-title h1:after,.header-title h1:before,.header-title h2:after,.header-title h2:before,.header-title h3:after,.header-title h3:before,.header-title h4:after,.header-title h4:before,.header-title h5:after,.header-title h5:before,.header-title h6:after,.header-title h6:before,.page-header h1:after,.page-header h1:before,.page-header h2:after,.page-header h2:before,.page-header h3:after,.page-header h3:before,.page-header h4:after,.page-header h4:before,.page-header h5:after,.page-header h5:before,.page-header h6:after,.page-header h6:before{content:none!important;display:none!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important}.header-title h1::marker,.header-title h2::marker,.header-title h3::marker,.header-title h4::marker,.header-title h5::marker,.header-title h6::marker,.page-header h1::marker,.page-header h2::marker,.page-header h3::marker,.page-header h4::marker,.page-header h5::marker,.page-header h6::marker{content:none!important;display:none!important}[class*=header] h1,[class*=header] h2,[class*=header] h3,[class*=header] h4,[class*=header] h5,[class*=header] h6{display:block!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important}[class*=header] h1:after,[class*=header] h1:before,[class*=header] h2:after,[class*=header] h2:before,[class*=header] h3:after,[class*=header] h3:before,[class*=header] h4:after,[class*=header] h4:before,[class*=header] h5:after,[class*=header] h5:before,[class*=header] h6:after,[class*=header] h6:before{content:none!important;display:none!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important}.header-tips ul h1,.header-tips ul h2,.header-tips ul h3,.header-tips ul h4,.header-tips ul h5,.header-tips ul h6,li h1,li h2,li h3,li h4,li h5,li h6,ol h1,ol h2,ol h3,ol h4,ol h5,ol h6,ul h1,ul h2,ul h3,ul h4,ul h5,ul h6{display:block!important;list-style:none!important;list-style-image:none!important;list-style-type:none!important}.sidebar{background:#000;border-right:1px solid #333;box-shadow:2px 0 10px #0000004d;height:100vh;left:0;overflow-x:visible;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.sidebar-header{background:#fff;border-bottom:1px solid #333;padding:30px 20px 20px}.sidebar-logo{filter:drop-shadow(0 1px 3px rgba(58,31,23,.1));height:auto;width:200px}.sidebar-nav{padding:20px 0}.menu-item{margin:0;padding:0;position:relative}.menu-item-content{align-items:center;border-left:3px solid #0000;color:#fff;cursor:pointer;display:flex;padding:16px 24px;text-decoration:none;transition:all .2s ease}.menu-item-content:hover{background:#333;border-left-color:#fff;color:#fff}.menu-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:20px}.menu-title{flex:1 1;font-size:.95rem;font-weight:500;letter-spacing:.01em}.menu-arrow{color:#ccc;font-size:.8rem;transition:transform .2s ease}.menu-item:hover .menu-arrow{color:#fff;transform:rotate(90deg)}.submenu{animation:slideIn .2s ease-out;background:#000;border:1px solid #333;border-radius:8px;box-shadow:0 8px 25px #00000080;left:280px;margin-top:-8px;min-width:220px;padding:8px 0;pointer-events:auto;position:fixed;z-index:1001}.submenu:before{left:-20px}.submenu:after,.submenu:before{background:#0000;content:"";height:100%;position:absolute;top:0;width:20px}.submenu:after{right:-20px}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.submenu-item{border-left:3px solid #0000;color:#fff;display:block;font-size:.9rem;font-weight:400;padding:12px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.submenu-item:hover{background:#333;border-left-color:#fff;color:#fff;text-decoration:none}@media (max-width:1024px){.sidebar{width:240px}.sidebar-logo{width:160px}.menu-title{font-size:.9rem}.submenu{left:240px;min-width:200px}}@media (max-width:768px){.sidebar{width:220px}.sidebar-logo{width:140px}.menu-item-content{padding:14px 20px}.menu-title{font-size:.85rem}.submenu{left:220px;min-width:180px}}.login-container{align-items:center;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.login-container:before{background:#ffffffa6;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:0}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;position:relative;text-align:center;width:100%;z-index:1}.logo-container{margin-bottom:20px}.ingreendients-logo{height:60px;width:auto}.login-box h2{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.login-box p{color:#666;font-size:14px;margin:0 0 30px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;width:100%}.form-group input:focus{border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5}.error-message{background-color:#fdf2f2;border:1px solid #fecaca;color:#e74c3c;margin-top:10px;padding:8px 12px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-button:active:not(:disabled){transform:translateY(0)}.forecasting-container{display:block;font-size:12px;height:100vh;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.main-content .forecasting-container{align-items:flex-start!important;display:block!important;height:100vh!important;justify-content:flex-start!important;margin:0!important;min-height:auto!important;overflow:hidden!important;padding:0!important;padding:15px!important;width:100%!important}.forecasting-container .product-selector-pane{align-items:flex-end;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;left:auto!important;margin-bottom:20px;min-width:250px;padding:12px;position:relative!important;top:auto!important;z-index:1!important}.forecasting-content{height:calc(100vh - 200px);margin-left:0;margin-top:0;overflow:auto}.forecasting-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.forecasting-header h1{color:#333;font-size:1.2rem;margin:0}.channel-selector,.product-selector,.user-defined-forecast-selector{display:flex;flex-direction:column;gap:6px}.channel-selector label,.product-selector label,.user-defined-forecast-selector label{color:#555;font-size:12px;font-weight:600;white-space:nowrap}.channel-selector select,.product-selector select,.user-defined-forecast-selector select{background-color:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;min-width:200px;padding:6px 10px}.channel-selector select:focus,.product-selector select:focus,.user-defined-forecast-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:1200px){.forecasting-container .product-selector-pane{margin-bottom:20px;position:relative!important;top:auto!important;z-index:auto!important}.forecasting-content{margin-left:0;margin-top:0}}@media (max-width:768px){.forecasting-header{align-items:flex-start;flex-direction:column}.product-selector{width:100%}.product-selector select{min-width:180px;width:100%}.forecast-table-container{font-size:10px}.forecast-table td,.forecast-table th{padding:6px 4px}.forecast-chart-container{height:300px}}.update-forecast-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .2s}.update-forecast-button:hover:not(:disabled){background-color:#0056b3}.update-forecast-button:disabled{background-color:#ccc;cursor:not-allowed}.overall-sop-container{display:flex;flex-direction:column;font-size:12px;height:100vh;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.sop-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;margin-top:20px;min-height:0;overflow:hidden}.sop-table{border-collapse:collapse;font-size:.9rem;table-layout:fixed;width:100%}.sop-table thead{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sop-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;box-sizing:border-box;color:#333;font-size:.85rem;font-weight:600;height:60px;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.sop-table th:first-child{width:4%}.sop-table th:nth-child(2){width:25%}.sop-table th:nth-child(3){width:34%}.sop-table th:nth-child(4){width:15%}.sop-table th:nth-child(5){width:8%}.sop-table th:nth-child(6){width:14%}.sop-table td{border-bottom:1px solid #f0f0f0;box-sizing:border-box;height:80px;padding:15px;vertical-align:top}.sop-table td:first-child{width:4%}.sop-table td:nth-child(2){width:25%}.sop-table td:nth-child(3){width:34%}.sop-table td:nth-child(4){width:15%}.sop-table td:nth-child(5){width:8%}.sop-table td:nth-child(6){width:14%}.sop-table tbody{max-height:calc(100vh - 300px);overflow-y:auto}.sop-table tbody tr:hover{background-color:#f8f9fa}.step-number-cell{text-align:center;vertical-align:middle}.step-number{background-color:#007bff;color:#fff;display:inline-flex;font-size:.9rem}.step-title{color:#333;font-weight:600;line-height:1.3}.description-cell{color:#666;line-height:1.4;max-width:300px}.last-updated-cell{color:#888;font-family:monospace;font-size:.8rem;min-width:120px}.status-cell{text-align:center}.status-circle{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin:0 auto;transition:all .2s ease;width:24px}.status-circle:hover{border-color:#007bff;transform:scale(1.1)}.status-circle.completed{background-color:#28a745;border-color:#28a745;color:#fff}.status-circle.completed .checkmark{font-size:.8rem;font-weight:700}.action-cell{min-width:150px;text-align:center;vertical-align:middle}.action-button{background-color:#007bff;color:#fff;font-size:.8rem;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s ease}.action-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.action-button:disabled{background-color:#6c757d}.action-message{color:#dc3545;font-size:.7rem;font-style:italic;margin-top:4px}.loading{font-size:1rem}.processing-message{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;font-size:.75rem;font-weight:500;margin-top:8px;padding:8px;text-align:center}.processing-message p{margin:0}.completion-message{background-color:#e8f5e8;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32;font-size:.75rem;font-weight:500;margin-top:8px;padding:8px;text-align:center}.completion-message p{margin:0}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:15px}.header-tips{min-width:auto;padding-right:0}.sop-table{font-size:.8rem}.sop-table td,.sop-table th{padding:8px 10px}.step-cell{align-items:flex-start;flex-direction:column;gap:8px}.description-cell{max-width:none}.action-cell{min-width:auto}}.main-content .overall-sop-container{align-items:flex-start!important;display:block!important;justify-content:flex-start!important;min-height:auto!important;overflow:hidden!important;padding:0!important;position:relative!important;z-index:1!important}.production-planning-container{display:block;font-size:12px;height:100vh;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.main-content .production-planning-container{align-items:flex-start!important;display:block!important;height:100vh!important;justify-content:flex-start!important;margin:0!important;min-height:auto!important;overflow:hidden!important;padding:0!important;padding:15px!important;position:relative!important;width:100%!important;z-index:1!important}.production-planning-container .product-selector-pane{align-items:flex-end;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;clear:both!important;display:flex;flex-wrap:wrap;gap:20px;left:auto!important;margin-bottom:20px;margin-top:0!important;min-width:250px;padding:12px;position:relative!important;top:auto!important;z-index:1!important}.production-planning-content{height:calc(100vh - 200px);margin-left:0;margin-top:0;overflow:auto}.production-planning-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.production-planning-header h1{color:#333;font-size:1.2rem;margin:0}.user-defined-forecast-selector{display:flex;flex-direction:column;gap:6px;margin-top:10px}.user-defined-forecast-selector label{color:#555;font-size:12px;font-weight:600;white-space:nowrap}.user-defined-forecast-selector select{background-color:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;min-width:200px;padding:6px 10px}.user-defined-forecast-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.recalculate-production-plan-button{display:flex;flex-direction:column;gap:8px;margin-top:10px}.production-plan-caution{line-height:1.3;margin-top:5px}.update-production-plan-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background-color .2s ease;width:100%}.update-production-plan-button:hover:not(:disabled){background-color:#0056b3}.update-production-plan-button:disabled{background-color:#6c757d;cursor:not-allowed}.production-tooltip{background:#000c;border-radius:4px;color:#fff;font-size:10px;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}.forecast-chart-container{margin-top:20px}@media (max-width:768px){.production-planning-header{align-items:flex-start;flex-direction:column}.product-selector{width:100%}.product-selector select{min-width:180px;width:100%}.forecast-table-container{font-size:10px}.forecast-table td,.forecast-table th{padding:6px 4px}.forecast-chart-container{height:350px}}.report-icon-container{align-items:center;display:flex;justify-content:flex-end;margin-right:20px}.report-icon-button{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:background-color .2s ease}.report-icon-button:hover{background:#0056b3}.modal-overlay{z-index:2000}.modal-content{max-width:1200px!important;width:90vw!important}.modal-header{border-bottom:1px solid #eee}.modal-header h2{font-size:1.5rem}.modal-close-button{border-radius:50%;transition:background-color .2s ease}.modal-close-button:hover{background-color:#f0f0f0}.export-button{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:all .2s ease}.export-button.pdf{background-color:#dc3545}.export-button.pdf:hover{background-color:#c82333}.export-button.csv{background-color:#28a745}.export-button.csv:hover{background-color:#218838}.report-table-container{border-radius:6px;box-shadow:0 2px 4px #0000001a;max-width:100%}.report-table{background-color:#fff;font-size:12px;min-width:1200px}.report-table td,.report-table th{border-bottom:1px solid #eee;border-right:1px solid #eee;min-width:80px;padding:8px 6px;white-space:nowrap}.report-table .product-name-cell{word-wrap:break-word;background-color:#f8f9fa;font-weight:600;left:0;max-width:200px;min-width:200px;position:-webkit-sticky;position:sticky;text-align:left;white-space:normal;z-index:5}.report-table .has-production{background-color:#e8f5e8;font-weight:600}.report-table tbody tr:hover,.report-table tbody tr:hover .product-name-cell{background-color:#f5f5f5}@media (max-width:768px){.modal-content{max-height:95vh;min-width:95vw;width:95vw!important}.report-controls{flex-direction:column}.export-button{justify-content:center;width:100%}.report-table{min-width:95vw}.product-selector-pane{align-items:stretch;flex-direction:column}}@media (min-width:769px){.modal-content{max-width:1200px!important;width:90vw!important}}.week-number{font-size:11px}.week-date{color:#666;font-size:9px;font-weight:400}.report-table .week-header{align-items:center;display:flex;flex-direction:column;gap:2px}.report-table .week-number{font-size:11px;font-weight:600}.report-table .week-date{color:#666;font-size:9px;font-weight:400}.production-schedule-container{display:block;font-size:12px;height:100vh;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.construction-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.construction-header h2{color:#856404;font-size:1.3rem;font-weight:600;margin:0 0 15px}.construction-message p{color:#856404;font-size:1rem;line-height:1.4;margin:0 0 15px}.construction-summary h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 10px}.construction-summary ul{color:#333;margin:0;padding-left:20px}.construction-summary li{font-size:.9rem;line-height:1.4;margin-bottom:8px}.scenario-selector-pane{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex-wrap:wrap;gap:20px;padding:20px}.scenario-selector{align-items:center;gap:10px}.scenario-selector label{font-size:.9rem}.scenario-selector select{border:1px solid #ced4da;font-size:.9rem}.production-schedule-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.production-schedule-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.production-schedule-header h1{color:#333;font-size:1.2rem;font-weight:600;margin:0}.schedule-table-container{max-height:70vh;overflow-x:auto;overflow-y:auto}.schedule-table{border-collapse:collapse;font-size:.85rem;width:100%}.schedule-table td,.schedule-table th{border-bottom:1px solid #dee2e6;padding:12px 8px;text-align:left}.schedule-table th{color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.schedule-table tbody tr:hover,.schedule-table th{background-color:#f8f9fa}.action-buttons{flex-wrap:wrap;gap:5px}.action-button{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:background-color .2s;white-space:nowrap}.action-button.scheduled{background-color:#28a745;color:#fff}.action-button.scheduled:hover:not(:disabled){background-color:#218838}.action-button.received{background-color:#17a2b8;color:#fff}.action-button.received:hover:not(:disabled){background-color:#138496}.action-button.quantity{background-color:#ffc107;color:#212529}.action-button.quantity:hover{background-color:#e0a800}.action-button.date{background-color:#6f42c1;color:#fff}.action-button.date:hover{background-color:#5a32a3}.action-button.cancel{background-color:#dc3545;color:#fff}.action-button.cancel:hover{background-color:#c82333}.action-button:disabled{cursor:not-allowed;opacity:.6}.error-message{padding:10px}.modal-content{box-shadow:0 4px 6px #0000001a;max-height:80vh;max-width:400px}.modal-header h2{font-size:1.1rem;font-weight:600}.modal-close-button{font-size:1.5rem}.modal-close-button:hover{background-color:#f8f9fa;color:#333}.modal-body label{font-weight:600;margin-bottom:10px}.modal-body input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;margin-top:5px;padding:8px 12px;width:100%}.modal-body input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.confirm-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px}.confirm-button:hover{background-color:#0056b3}.cancel-button{background-color:#6c757d;border-radius:4px}.cancel-button:hover{background-color:#545b62}@media (max-width:768px){.production-schedule-header{gap:10px}.production-schedule-header,.scenario-selector{align-items:flex-start;flex-direction:column}.scenario-selector select{min-width:100%}.schedule-table-container{font-size:.75rem}.schedule-table td,.schedule-table th{padding:8px 4px}.action-buttons{flex-direction:column;gap:3px}.action-button{font-size:.7rem;padding:3px 6px}.modal-content{margin:10px;width:95%}}.component-planning-container{display:block;font-size:12px;height:100vh;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.main-content .component-planning-container{align-items:flex-start!important;display:block!important;height:100vh!important;justify-content:flex-start!important;margin:0!important;min-height:auto!important;overflow:hidden!important;padding:0!important;padding:15px!important;width:100%!important}.component-planning-container .product-selector-pane{align-items:flex-end;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;clear:both!important;display:flex;gap:15px;left:auto!important;margin-bottom:20px;margin-top:0!important;min-width:250px;padding:12px;position:relative!important;top:auto!important;z-index:1!important}.component-planning-content{height:calc(100vh - 200px);margin-left:0;margin-top:0;overflow:auto}.component-planning-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.component-planning-header h1{color:#333;font-size:1.2rem;margin:0}.product-selector{display:flex;flex-direction:column;gap:6px}.product-selector label{color:#555;font-size:12px;font-weight:600;white-space:nowrap}.product-selector select{background-color:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;min-width:200px;padding:6px 10px}.product-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.scenario-selector select{border:2px solid #ddd;min-width:180px;padding:6px 10px}.forecast-table-container{border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:block!important;height:auto;margin-bottom:15px;max-width:100%;overflow-x:auto!important;overflow-y:visible!important;position:relative}.forecast-table{background-color:#fff;border-collapse:collapse;font-size:11px;min-width:600px;position:relative;table-layout:auto;width:100%}.forecast-table td,.forecast-table th{border-bottom:1px solid #eee;border-right:1px solid #eee;min-width:80px;padding:8px 6px;position:relative;text-align:center;white-space:nowrap}.forecast-table th{background-color:#f8f9fa;color:#333;font-size:11px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.forecast-table .sticky-header{background-color:#f8f9fa!important;z-index:30!important}.forecast-table .sticky-cell,.forecast-table .sticky-header{border-right:2px solid #ddd!important;box-shadow:2px 0 4px #0000001a!important;left:0!important;min-width:120px!important;position:-webkit-sticky!important;position:sticky!important;text-align:left!important;width:120px!important}.forecast-table .sticky-cell{background-color:#fff!important;font-weight:600!important;z-index:20!important}.metric-label{background-color:#f8f9fa!important;color:#333;font-size:11px;font-weight:600}.forecast-table tbody tr:hover{background-color:#f5f5f5}.forecast-table tbody tr:hover .sticky-cell{background-color:#f5f5f5!important}.production-connection{transition:all .2s ease}.production-connection:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.02)}.component-tooltip{background:#000c;border-radius:4px;color:#fff;font-size:10px;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}.forecast-chart-container{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:block;height:auto;margin-top:15px;min-height:400px;overflow:visible;padding:10px}.forecast-chart-container h2{color:#333;font-size:1rem;margin:0 0 8px}.error-message{font-size:12px}@media (max-width:1200px){.product-selector-pane{left:auto;margin-bottom:20px;position:relative;top:auto;z-index:auto}.component-planning-content{margin-left:0;margin-top:0}}@media (max-width:768px){.component-planning-header{align-items:flex-start;flex-direction:column}.product-selector{width:100%}.product-selector select{min-width:180px;width:100%}.scenario-selector{width:100%}.scenario-selector select{min-width:180px;width:100%}.forecast-table-container{font-size:10px}.forecast-table td,.forecast-table th{padding:6px 4px}.forecast-chart-container{height:350px}}.component-inventory-container{display:block;font-size:12px;height:100vh;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.page-content{max-width:800px}.inventory-info{margin-top:20px}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px;text-align:center}.info-card h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.info-card p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:25px}.last-updated-info{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:25px;padding:15px}.last-updated-info strong{color:#333;margin-right:8px}.refresh-section{margin-top:30px;text-align:center}.refresh-button{border-radius:6px;margin-bottom:20px;transition:all .3s ease}.refresh-button:disabled{background:#6c757d}.google-files-section{margin-top:30px;text-align:left}.google-files-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:20px}.files-table{overflow-x:auto}.files-table table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.files-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.files-table td{border-bottom:1px solid #e9ecef;font-size:.9rem;padding:12px;vertical-align:middle}.files-table tr:hover{background:#f8f9fa}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:15px}.header-tips{min-width:auto;padding-right:0}.info-card{padding:20px}.info-card h2{font-size:1.3rem}}.main-content .component-inventory-container{align-items:flex-start!important;display:block!important;justify-content:flex-start!important;min-height:auto!important;overflow:hidden!important;padding:0!important;position:relative!important;z-index:1!important}.main-content{display:block!important;flex-direction:column!important}.action-buttons{gap:8px}.download-button,.import-button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.download-button{background:#28a745}.download-button:hover:not(:disabled){background:#218838}.import-button{background:#007bff;color:#fff}.import-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.download-button:disabled,.import-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:768px){.action-buttons{flex-direction:column;gap:4px}.download-button,.import-button{font-size:.75rem;padding:8px 12px;width:100%}}.component-ordering-container{display:block;font-size:12px;height:100vh;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.page-content{margin-top:0!important;padding-top:0!important;position:relative;z-index:1}.scenario-selector-pane{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:flex-start;margin-bottom:20px;padding:12px}.scenario-selector{display:flex;flex-direction:column;gap:6px}.scenario-selector label{color:#555;font-size:12px;white-space:nowrap}.scenario-selector select{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:12px;min-width:200px;padding:8px 12px}.scenario-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.scenario-selector select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.main-content .component-ordering-container{display:block!important;min-height:auto!important;padding:0!important}.main-content,.main-content .component-ordering-container{align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important}.main-content .component-ordering-container{height:100vh!important;margin:0!important;padding:15px!important;width:100%!important}.component-ordering-content{height:calc(100vh - 200px);margin-left:0;margin-top:0;overflow:auto}.component-ordering-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.component-ordering-header h2{color:#333;font-size:1.2rem;font-weight:600;margin:0}.loading,.no-data{padding:30px}.no-data{border:1px solid #e9ecef;border-radius:6px;font-size:14px}.suggested-orders-container{display:flex;flex-direction:column;gap:30px}.supplier-group{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.supplier-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.supplier-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.supplier-total{color:#666;font-size:.9rem;font-weight:500}.supplier-table-container{max-width:100%;overflow-x:auto}.supplier-table{background-color:#fff;border-collapse:collapse;font-size:11px;min-width:900px;table-layout:auto!important;width:100%}.supplier-table td,.supplier-table th{border-bottom:1px solid #eee;border-right:1px solid #eee;padding:10px 8px;text-align:left;white-space:nowrap}.supplier-table th{background-color:#f8f9fa;color:#333;font-weight:600;min-width:100px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.supplier-table th:first-child{min-width:120px}.supplier-table th:nth-child(2){min-width:200px}.supplier-table th:nth-child(3){min-width:100px}.supplier-table th:nth-child(4),.supplier-table th:nth-child(5){min-width:120px;text-align:center}.supplier-table th:nth-child(n+6){min-width:80px;text-align:center}.component-id-cell{background-color:#f8f9fa;color:#333;font-weight:600}.component-description-cell{max-width:220px!important;min-width:120px;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important}.supplier-number-cell{color:#666;font-size:10px}.inventory-cell{color:#28a745;font-weight:500;text-align:center}.suggested-order-cell{background-color:#fff5f5;color:#dc3545;font-weight:600;text-align:center}.week-cell{color:#007bff;font-weight:500;text-align:center}.supplier-table tbody tr:hover,.supplier-table tbody tr:hover .component-id-cell{background-color:#f5f5f5}.supplier-table tbody tr:hover .suggested-order-cell{background-color:#ffe6e6}@media (max-width:768px){.component-ordering-header,.supplier-header{align-items:flex-start;flex-direction:column}.supplier-header{gap:10px}.supplier-table{font-size:10px}.supplier-table td,.supplier-table th{padding:6px 4px}.component-description-cell{max-width:150px}}.long-term-button-container{align-items:center;display:flex}.long-term-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s}.long-term-button:hover{background:#0056b3}.modal-overlay{background-color:#00000080}.modal-content{display:flex;flex-direction:column;max-height:95vh;max-width:95vw;overflow:hidden}.modal-header{background:#f8f9fa;border-bottom:1px solid #ddd}.modal-header h2{color:#333;font-size:1.2rem;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.modal-close-button:hover{background-color:#e9ecef}.modal-body{flex:1 1;overflow:auto}.report-controls{display:flex;gap:10px;margin-bottom:20px}.export-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s}.export-button.pdf{background:#dc3545;color:#fff}.export-button.pdf:hover{background:#c82333}.export-button.csv{background:#28a745;color:#fff}.export-button.csv:hover{background:#218838}.report-table-container{border:1px solid #ddd;border-radius:4px;overflow-x:auto}.report-table{border-collapse:collapse;font-size:11px;min-width:800px;width:100%}.report-table td,.report-table th{border:1px solid #ddd;padding:6px 8px;text-align:center;vertical-align:middle}.report-table th{background-color:#f8f9fa;color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.component-name-cell{background-color:#f8f9fa;font-weight:500;max-width:300px;min-width:200px;text-align:left;white-space:normal;word-break:break-word}.has-order{background-color:#d4edda;font-weight:500}.report-table tbody tr:hover{background-color:#f8f9fa}.report-table tbody tr:hover .component-name-cell{background-color:#e9ecef}.week-header{align-items:center;display:flex;flex-direction:column;gap:2px}.week-number{font-size:10px;font-weight:600}@media (max-width:768px){.modal-content{margin:10px;max-width:calc(100vw - 20px)}.report-controls{flex-direction:column}.export-button{width:100%}.report-table{font-size:10px}.component-ordering-header{flex-direction:column;gap:10px}}@media (min-width:769px){.modal-content{max-width:1200px;width:90vw}}:root{--primary-color:#3a1f17;--secondary-color:#8b4513;--background-light:#f8f6f4;--border-color:#e0d8d0;--text-primary:#2c1810;--text-secondary:#6b4c3a;--success-color:#4caf50;--error-color:#f44336;--warning-color:#ff9800}.bom-components{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:0}.tab-container{box-shadow:0 2px 10px #3a1f171a}.tab-buttons{background:#f8f6f4;border-bottom:1px solid #e0d8d0}.tab-button{color:#6b4c3a;padding:16px 24px}.tab-button:hover{background:#8b45131a;color:#3a1f17;color:var(--primary-color)}.tab-button.active{border-bottom-color:#3a1f17;color:#3a1f17}.tab-content{overflow:visible}.bom-section{min-height:400px}.section-header{border-bottom:2px solid #f8f6f4;border-bottom:2px solid var(--background-light);padding-bottom:15px}.section-header h2{color:#2c1810}.add-button{background:linear-gradient(135deg,#3a1f17,#8b4513);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 8px #3a1f1733;font-size:.9rem;padding:10px 20px}.add-button:hover{box-shadow:0 4px 12px #3a1f174d;transform:translateY(-2px)}.bom-controls{background:#f8f6f4;background:var(--background-light);border:1px solid #e0d8d0;border:1px solid var(--border-color);border-radius:10px;margin-bottom:25px;padding:20px}.sku-selector{align-items:center;display:flex;gap:15px}.sku-selector label{font-weight:600;min-width:100px}.sku-select,.sku-selector label{color:#2c1810;color:var(--text-primary)}.sku-select{background:#fff;border:2px solid #e0d8d0;border:2px solid var(--border-color);border-radius:8px;flex:1 1;font-size:.95rem;max-width:400px;padding:10px 12px;transition:border-color .3s ease}.sku-select:focus{border-color:#3a1f17;border-color:var(--primary-color);outline:none}.bom-content{margin-top:20px}.loading-container{color:#6b4c3a}.loading-spinner{border:4px solid #f8f6f4;border-top:4px solid #3a1f17;margin-bottom:15px}.bom-structure-container{background:#fff;border:1px solid #e0d8d0;border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.bom-header{background:#f8f6f4;background:var(--background-light);border-bottom:1px solid #e0d8d0;border-bottom:1px solid var(--border-color);padding:20px}.bom-header h3{color:#2c1810;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.no-bom-data{color:#6b4c3a;color:var(--text-secondary);padding:60px 20px;text-align:center}.no-bom-data p{font-size:1rem;margin:10px 0}.sub-assemblies-section{padding:20px}.sub-assemblies-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.sub-assembly-actions{display:flex;gap:10px}.sub-assembly-structure{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.structure-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.structure-tree{display:flex;flex-direction:column}.parent-node{background:#f8f9fa;border:2px solid #007bff;border-radius:8px;margin-bottom:20px;padding:15px}.node-content{display:flex;flex-direction:column;gap:10px}.node-label{color:#007bff;font-size:1.1em;font-weight:700}.node-details{color:#666;display:flex;flex-wrap:wrap;font-size:.9em;gap:15px}.node-details span{background:#e9ecef;border-radius:4px;padding:4px 8px}.children-container{border-left:2px solid #dee2e6;margin-top:15px;padding-left:20px}.child-node{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:10px;padding:12px;position:relative}.child-node:before{background:#dee2e6;content:"";height:1px;left:-22px;position:absolute;top:50%;width:20px}.quantity-control{align-items:center;display:flex;gap:10px;margin-top:10px}.quantity-control label{font-weight:500;min-width:80px}.quantity-input{width:100px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.modal-header h4{color:#333;margin:0}.btn-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.btn-close:hover{color:#333}.modal-body{padding:20px}.modal-body .form-group{margin-bottom:15px}.modal-body label{color:#333;display:block;font-weight:500;margin-bottom:5px}.modal-body .form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.modal-body .form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal-actions{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.modal-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.modal-actions .btn-primary{background:#007bff;color:#fff}.modal-actions .btn-primary:hover{background:#0056b3}.modal-actions .btn-secondary{background:#6c757d;color:#fff}.modal-actions .btn-secondary:hover{background:#545b62}.bom-tree{padding:20px}.bom-tree-node{margin-bottom:8px}.bom-tree-item{align-items:center;background:#fff;border:1px solid #e0d8d0;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.bom-tree-item:hover{background:#f8f6f4;background:var(--background-light);border-color:#3a1f17;border-color:var(--primary-color);box-shadow:0 2px 8px #3a1f171a}.bom-tree-content{align-items:center;display:flex;flex:1 1}.bom-tree-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.bom-tree-details{flex:1 1}.bom-tree-name{color:#2c1810;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:4px}.bom-tree-quantity{color:#6b4c3a;color:var(--text-secondary);font-size:.85rem}.bom-tree-actions{display:flex;gap:8px}.bom-tree-children{border-left:2px solid #f8f6f4;border-left:2px solid var(--background-light);margin-top:8px;padding-left:20px}.form-container{box-shadow:0 10px 30px #0000004d}.form-header{background:#f8f6f4;background:var(--background-light);border-bottom:1px solid #e0d8d0;border-radius:12px 12px 0 0;padding:20px 25px}.form-header h2{color:#2c1810;font-size:1.3rem}.parent-indicator{color:#8b4513;color:var(--secondary-color);font-size:1rem;font-weight:500}.close-button{color:#6b4c3a}.close-button:hover{background:#8b45131a;color:#3a1f17;color:var(--primary-color)}.form-grid{padding:25px}.form-group label{color:#2c1810}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0d8d0;border:2px solid var(--border-color);color:#2c1810;color:var(--text-primary);font-size:.9rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3a1f17;border-color:var(--primary-color)}.form-group input:disabled,.form-group select:disabled{background:#f8f6f4;background:var(--background-light);color:#6b4c3a;color:var(--text-secondary)}.form-actions{background:#f8f6f4;background:var(--background-light);border-top:1px solid #e0d8d0;gap:12px;padding:20px 25px}.cancel-button{background:#fff;border:2px solid #e0d8d0;color:#6b4c3a;color:var(--text-secondary);font-size:.9rem;padding:10px 20px}.cancel-button:hover{border-color:#3a1f17;border-color:var(--primary-color);color:#3a1f17;color:var(--primary-color)}.save-button{background:linear-gradient(135deg,#3a1f17,#8b4513);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:10px 20px;transition:all .2s ease}.save-button:hover{box-shadow:0 4px 12px #3a1f174d}.components-section{min-height:400px}.search-filters{flex:1 1}.search-box{flex:1 1;max-width:300px}.search-box input{border:2px solid #e0d8d0;color:#2c1810;color:var(--text-primary);font-size:.9rem;padding:10px 12px 10px 40px;transition:border-color .3s ease}.search-box input:focus{border-color:#3a1f17}.search-icon{color:#6b4c3a;left:12px}.supplier-filter{background:#fff;border:2px solid #e0d8d0;border:2px solid var(--border-color);border-radius:8px;color:#2c1810;color:var(--text-primary);font-size:.9rem;min-width:150px;padding:10px 12px}.supplier-filter:focus{border-color:#3a1f17;border-color:var(--primary-color);outline:none}.filter-info{color:#6b4c3a;color:var(--text-secondary);font-size:.85rem;margin-top:8px}.table-container{border:1px solid #e0d8d0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 10px #3a1f170d;overflow:visible}table{border-collapse:collapse;font-size:.9rem;margin-bottom:20px;width:100%}th{background:#f8f6f4;background:var(--background-light);border-bottom:2px solid #e0d8d0;border-bottom:2px solid var(--border-color);font-weight:600;text-align:left}td,th{color:#2c1810;color:var(--text-primary);padding:12px 16px}td{border-bottom:1px solid #f8f6f4;border-bottom:1px solid var(--background-light)}tr:hover{background:#f8f6f4;background:var(--background-light)}.no-data{color:#6b4c3a}.action-btn{font-size:.8rem;font-weight:500;margin-right:6px;padding:6px 12px}.action-btn.edit:hover{background:#ff9800;background:var(--warning-color)}.action-btn.add{background:#4caf50;background:var(--success-color);color:#fff}.action-btn.add:hover{background:#45a049;color:#fff}.action-btn.delete{background:#f44336;background:var(--error-color);color:#fff}.component-inventoried{text-align:center}.inventory-status{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.inventory-status.yes{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.inventory-status.no{background:#ffebee;border:1px solid #f44336;color:#c62828}.action-btn.swap{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 8px;transition:all .2s ease}.action-btn.swap:hover{background:#138496;transform:translateY(-1px)}.action-btn.swap:disabled{background:#6c757d;cursor:not-allowed;transform:none}.summary{color:#6b4c3a}.swap-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:20px;padding:15px}.swap-info p{color:#2c1810;color:var(--text-primary);margin:5px 0}.swap-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:20px;padding:15px}.swap-warning p{color:#856404;font-weight:600;margin:5px 0}.swap-warning ul{color:#856404;margin:10px 0;padding-left:20px}.swap-warning li{margin:5px 0}@media (max-width:768px){.bom-components{padding:15px}.page-header h1{font-size:1.8rem}.tab-content{padding:20px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.controls-section,.search-filters{align-items:stretch;flex-direction:column}.search-box{max-width:none}.form-grid{grid-template-columns:1fr}.form-actions,.sku-selector{flex-direction:column}.sku-selector{align-items:stretch}.sku-select{max-width:none}.bom-tree-item{align-items:stretch;flex-direction:column;gap:10px}.bom-tree-content{align-items:flex-start;flex-direction:column;gap:8px}.bom-tree-actions{justify-content:flex-end}.sub-assemblies-controls{align-items:stretch;flex-direction:column}.sub-assembly-actions{justify-content:center}.node-details{flex-direction:column;gap:5px}.children-container{padding-left:10px}.modal-content{margin:10px;width:95%}.action-buttons{flex-direction:column;gap:10px;width:100%}.action-buttons .add-button{width:100%}}.action-buttons{align-items:center;gap:12px}.add-button.sub-assembly{background:linear-gradient(135deg,#2e7d32,#4caf50)}.add-button.sub-assembly:hover{background:linear-gradient(135deg,#1b5e20,#388e3c);box-shadow:0 4px 12px #2e7d324d;transform:translateY(-2px)}.sub-assemblies-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.sub-assemblies-table th{background:#f8f6f4;background:var(--background-light);border-bottom:2px solid #e0d8d0;border-bottom:2px solid var(--border-color);font-weight:600;padding:15px 12px;text-align:left}.sub-assemblies-table td,.sub-assemblies-table th{color:#2c1810;color:var(--text-primary);font-size:.9rem}.sub-assemblies-table td{border-bottom:1px solid #e0d8d0;border-bottom:1px solid var(--border-color);padding:12px}.sub-assemblies-table tr:hover{background:#f8f6f4;background:var(--background-light)}.sub-assemblies-table .sub-assembly-index{color:#3a1f17;color:var(--primary-color);font-weight:600;width:80px}.sub-assemblies-table .sub-assembly-name{color:#2c1810;color:var(--text-primary);font-weight:500}.sub-assemblies-table .sub-assembly-category{color:#6b4c3a;color:var(--text-secondary);font-style:italic}.sub-assemblies-table .actions{text-align:center;width:100px}.sub-assemblies-table .no-data{color:#6b4c3a;color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center}.header-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.add-button.secondary{background:linear-gradient(135deg,#6c757d,#495057)}.add-button.secondary:hover{background:linear-gradient(135deg,#545b62,#343a40);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.select-with-add{display:flex;flex-direction:column;gap:4px}.select-with-add input,.select-with-add select{background:#fff;border:2px solid #e0d8d0;border:2px solid var(--border-color);border-radius:6px;color:#2c1810;color:var(--text-primary);font-size:.9rem;padding:10px 12px;transition:border-color .3s ease;width:100%}.select-with-add input:focus,.select-with-add select:focus{border-color:#3a1f17;border-color:var(--primary-color);outline:none}.select-with-add small{color:#6b4c3a;color:var(--text-secondary);font-size:.8rem;font-style:italic}optgroup{background:#f8f6f4;background:var(--background-light);color:#3a1f17;color:var(--primary-color);font-weight:600}optgroup option{background:#fff;color:#2c1810;color:var(--text-primary);font-weight:400;padding:4px 8px}.component-costs-container{display:flex;flex-direction:column;margin:0;max-width:100%;min-height:100vh;padding:0}.component-costs-header{margin-bottom:30px;text-align:center}.component-costs-header h1{color:#2c3e50;font-size:2.5em;margin-bottom:10px}.component-costs-header p{color:#7f8c8d;font-size:1.1em;margin:0}.component-costs-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.controls-section{background:#f8f9fa;padding:20px}.search-filters{gap:15px}.search-box,.search-filters{align-items:center;display:flex}.search-box input{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 40px 10px 15px;width:250px}.search-box input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.search-icon{color:#7f8c8d;font-size:14px}.add-button{background:#27ae60;border-radius:6px;font-size:14px;transition:background-color .2s}.add-button:hover{background:#229954}.component-costs-table{border-collapse:collapse;font-size:14px;width:100%}.component-costs-table th{background:#34495e;border-bottom:2px solid #2c3e50;color:#fff;font-weight:600;padding:15px 12px;text-align:left}.component-costs-table td{border-bottom:1px solid #ecf0f1;padding:12px;vertical-align:middle}.component-costs-table tr:hover{background:#f8f9fa}.component-id{color:#2c3e50;font-weight:600}.cost-per-unit{color:#27ae60;font-weight:600}.freight-cost{color:#e67e22}.freight-quantity{color:#7f8c8d;text-align:center}.last-invoice-date{color:#3498db}.other-cost{color:#e74c3c}.other-cost-quantity{color:#7f8c8d;text-align:center}.action-btn{border-radius:4px;font-size:16px;padding:6px;transition:background-color .2s}.action-btn.edit:hover{background:#3498db;color:#fff}.action-btn.delete:hover{background:#e74c3c;color:#fff}.no-data,.summary{color:#7f8c8d}.summary{background:#f8f9fa;border-top:1px solid #ecf0f1;font-size:14px;padding:15px 20px}.form-container{border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:600px;width:90%}.form-header{background:#f8f9fa;border-bottom:1px solid #ecf0f1;padding:20px}.form-header h2{color:#2c3e50;font-size:1.5em}.close-button{color:#7f8c8d;height:30px;transition:background-color .2s;width:30px}.close-button:hover{background:#e74c3c;color:#fff}.form-grid{padding:20px}.form-group label{color:#2c3e50;font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f8f9fa;color:#7f8c8d;cursor:not-allowed}.disabled-input{background:#f8f9fa!important;color:#7f8c8d!important}.add-button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.add-button:disabled:hover{background:#95a5a6}.form-actions{background:#f8f9fa;border-top:1px solid #ecf0f1;padding:20px}.cancel-button{background:#95a5a6;border:none;color:#fff;transition:background-color .2s}.cancel-button:hover{background:#7f8c8d}.save-button{background:#27ae60;border-radius:6px;transition:background-color .2s}.save-button:hover{background:#229954}.loading-container{color:#7f8c8d}.loading-spinner{border:4px solid #ecf0f1;border-top-color:#3498db}.error-message{background:#e74c3c;box-shadow:0 2px 10px #0003;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1001}.error-message p{margin:0 0 10px}.error-message button{background:#fff3;border-radius:4px;color:#fff;font-size:12px;padding:5px 10px}.error-message button:hover{background:#ffffff4d}@media (max-width:768px){.controls-section{align-items:stretch;flex-direction:column;gap:15px}.search-filters{justify-content:center}.search-box input{max-width:300px;width:100%}.form-grid{grid-template-columns:1fr}.component-costs-table{font-size:12px}.component-costs-table td,.component-costs-table th{padding:8px 6px}.actions{flex-direction:column;gap:4px}}.sop-parameters{display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;padding:0}.tab-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #3a1f1714;overflow:hidden}.tab-buttons{background:var(--background-light);border-bottom:1px solid var(--border-color);display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:18px 24px;transition:all .3s ease}.tab-button:hover{background:#3a1f170d;color:var(--text-primary)}.tab-button.active{background:#fff;border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab-content{padding:30px}.section-header{margin-bottom:25px}.section-header h2{color:var(--text-primary)}.save-button{align-items:center;display:flex;font-size:.9rem;gap:8px}.content-grid{display:block;max-height:none;overflow:visible}.card{background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 10px #3a1f170d;padding:25px}.card h3{border-bottom:2px solid var(--background-light);color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.parameter-group{display:flex;flex-direction:column;gap:20px}.parameter-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.parameter-item{display:flex;flex-direction:column;gap:8px}.parameter-item label{color:var(--text-primary);font-size:.95rem;font-weight:500;margin-bottom:4px}.parameter-item input,.parameter-item select{background:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:12px 16px;transition:all .3s ease}.parameter-item input:focus,.parameter-item select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3a1f171a;outline:none}.parameter-item input:hover,.parameter-item select:hover{border-color:var(--primary-color)}.parameter-description{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-top:4px}.parameter-item input[type=number]{-moz-appearance:textfield}.parameter-item input[type=number]::-webkit-inner-spin-button,.parameter-item input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.parameter-item select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.loading-container{text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color)}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.header-actions{align-items:center;display:flex;gap:12px}.save-all-button{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.save-all-button:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #3a1f1733;transform:translateY(-1px)}.save-all-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:1024px){.content-grid{display:block}.parameter-grid{gap:15px;grid-template-columns:1fr}.sop-parameters,.tab-content{padding:20px}.tab-buttons{flex-wrap:wrap}.tab-button{flex-basis:calc(50% - 1px);flex-grow:1;flex-shrink:1;min-width:150px}}@media (max-width:768px){.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.tab-buttons{flex-direction:column}.tab-button{flex:1 1;padding:14px 20px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.save-all-button,.save-button{justify-content:center;width:100%}.parameter-item input,.parameter-item select{font-size:.9rem;padding:10px 14px}.header-actions{width:100%}}.sku-list{display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;padding:0}.category-filter{background:#fff;border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:.95rem;padding:12px 16px;transition:all .3s ease;white-space:nowrap;width:200px}.category-filter:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3a1f171a;outline:none}.add-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;justify-self:end;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-button:hover{background:var(--primary-dark);box-shadow:0 4px 12px #3a1f1733;transform:translateY(-1px)}.duplicate-notice{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin:0 30px 20px;padding:15px 20px}.duplicate-notice p{color:#1976d2;font-size:.9rem;margin:5px 0}.duplicate-notice p:first-child{font-weight:600;margin-bottom:8px}.duplicate-notice strong{color:var(--text-primary)}.form-group input:disabled{background:var(--background-light);color:var(--text-secondary);cursor:not-allowed}.table-container{overflow:hidden}.sku-table{border-collapse:collapse;font-size:.9rem;width:100%}.sku-table th{background:var(--background-light);border-bottom:2px solid var(--border-color);font-weight:600;text-align:left;white-space:nowrap}.sku-table td,.sku-table th{color:var(--text-primary);padding:16px 12px}.sku-table td{border-bottom:1px solid var(--background-light);vertical-align:top}.sku-table tr:hover{background:var(--background-light)}.sku-category,.sku-variant{color:var(--text-secondary);font-size:.85rem}.sku-asin{font-family:Courier New,monospace;font-size:.85rem}.sku-amazon,.sku-shopify{font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn.duplicate{background:#fff3e0;color:#f57c00}.action-btn.duplicate:hover{background:#ffe0b2}.action-btn.delete{background:#ffebee;color:#d32f2f}.action-btn.delete:hover{background:#ffcdd2}@media (max-width:1024px){.content-grid{gap:20px;grid-template-columns:1fr}.sku-list,.tab-content{padding:20px}.tab-buttons{flex-wrap:wrap}.tab-button{flex-basis:calc(50% - 1px);flex-grow:1;flex-shrink:1;min-width:150px}.controls-section{align-items:stretch;flex-direction:column;gap:15px}.search-filters{flex-direction:row;gap:10px}.search-box{max-width:none;min-width:0}.category-filter{flex-shrink:0}.add-button{align-self:flex-start}.form-grid{gap:15px;grid-template-columns:1fr;padding:20px}.sku-table{font-size:.8rem}.sku-table td,.sku-table th{padding:12px 8px}}@media (max-width:768px){.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.tab-buttons{flex-direction:column}.tab-button{flex:1 1;padding:14px 20px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.save-button{justify-content:center;width:100%}.parameter-item input,.parameter-item select{font-size:.9rem;padding:10px 14px}.search-filters{flex-direction:column;gap:10px}.search-box{max-width:none}.category-filter{width:100%}.add-button{justify-content:center;width:100%}.form-container{margin:10px;max-height:95vh}.form-header{padding:20px}.form-actions{flex-direction:column;padding:20px}.sku-table{font-size:.75rem}.sku-table td,.sku-table th{padding:8px 4px}.actions{flex-direction:column;gap:4px}.action-btn{font-size:1rem;height:32px;width:32px}}.audit-fg-inventory{display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;padding:0}.audit-header{margin-bottom:30px;text-align:center}.audit-header h1{color:#2c3e50;margin-bottom:10px}.audit-header p{color:#7f8c8d;font-size:16px}.audit-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.controls-section{border-bottom:1px solid #ecf0f1;padding:30px;text-align:center}.load-button-container{margin-bottom:20px}.load-audit-btn{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:15px 30px;transition:all .3s ease}.load-audit-btn:hover:not(:disabled){background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.load-audit-btn:disabled{background-color:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background-color:#e74c3c;border-radius:6px;color:#fff;margin-top:20px;text-align:left}.audit-results{padding:30px}.audit-results h2{color:#2c3e50;margin-bottom:20px}.data-timestamps{margin-bottom:25px}.timestamps-container{display:flex;flex-wrap:wrap;gap:20px}.inventory-date-info{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;flex:1 1;min-width:250px;padding:15px}.inventory-date-info p{color:#2c3e50;margin:0}.qbo-date-info{background-color:#f8f9fa;border-left:4px solid #8e44ad;border-radius:6px;flex:1 1;min-width:250px;padding:15px}.qbo-date-info p{color:#2c3e50;margin:0}.table-container{margin-bottom:30px}.audit-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.audit-table th{background-color:#34495e;color:#fff;font-size:14px;font-weight:600;padding:15px 12px;position:relative;text-align:left}.audit-table th .sub-header{font-size:11px;font-weight:400;margin-top:4px;opacity:.8}.audit-table td{border-bottom:1px solid #ecf0f1;font-size:14px;padding:12px}.audit-table tbody tr:hover{background-color:#f8f9fa}.audit-table tbody tr:last-child td{border-bottom:none}.audit-table tbody tr.subtotal-row{background-color:#e8f4fd;font-weight:700}.audit-table tbody tr.subtotal-row:hover{background-color:#d1ecf1}.audit-table tbody tr.subtotal-row .sku-cell{color:#2c3e50;font-weight:700}.audit-table tbody tr.account-group-start{border-left:2px solid #3498db;border-right:2px solid #3498db;border-top:2px solid #3498db}.audit-table tbody tr.account-group-end{border-bottom:2px solid #3498db}.audit-table tbody tr.account-group-end,.audit-table tbody tr.account-group-start,.audit-table tbody tr.subtotal-row{border-left:2px solid #3498db;border-right:2px solid #3498db}.audit-table tbody tr.spacing-row{background-color:#f8f9fa;height:20px}.audit-table tbody tr.spacing-row td{border:none;padding:0}.audit-table tbody tr.grand-total-row{background-color:#2c3e50;border-top:3px solid #e74c3c;color:#fff;font-weight:700}.audit-table tbody tr.grand-total-row:hover{background-color:#34495e}.audit-table tbody tr.grand-total-row td{border-bottom:none;color:#fff}.audit-table tbody tr.grand-total-row .sku-cell{color:#fff;font-size:1.1em;font-weight:700}.product-name{color:#2c3e50;min-width:200px}.inventory-count{color:#27ae60;font-weight:600}.cost-per-unit,.inventory-count{font-family:Courier New,monospace;text-align:right}.cost-per-unit{color:#e67e22}.inventory-value{color:#2980b9}.inventory-value,.qbo-balance{font-family:Courier New,monospace;font-weight:600;text-align:right}.totals-row{background-color:#ecf0f1;font-weight:600}.qbo-errors{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:25px;padding:15px}.qbo-errors h3{color:#856404;margin-bottom:10px}.error-list{margin:0}.error-item{color:#856404;font-size:14px;margin:5px 0}.qbo-inventory-section{margin-bottom:30px}.qbo-inventory-section h3{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.qbo-account-group{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.account-header{background-color:#34495e;color:#fff;padding:15px 20px}.account-header h4{font-size:18px;font-weight:600;margin:0 0 8px}.account-summary{display:flex;font-size:14px;gap:20px;opacity:.9}.account-id,.account-type{font-family:Courier New,monospace}.account-balance-summary{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.balance-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0}.balance-row:last-child{border-top:1px solid #e0e0e0;margin-bottom:0;margin-top:15px;padding-top:15px}.balance-label{color:#2c3e50;font-weight:600}.balance-value{font-family:Courier New,monospace;font-size:16px;font-weight:600}.qbo-balance{color:#8e44ad}.physical-balance{color:#2980b9}.variance{font-size:18px}.variance.positive{color:#27ae60}.variance.negative{color:#e74c3c}.physical-inventory-items{padding:20px}.physical-inventory-items h5{color:#2c3e50;font-size:16px;margin-bottom:15px}.items-table{overflow-x:auto}.items-table table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.items-table th{background-color:#ecf0f1;border-bottom:1px solid #bdc3c7;color:#2c3e50;font-size:13px;font-weight:600;padding:12px 8px;text-align:left}.items-table td{border-bottom:1px solid #ecf0f1;font-size:13px;padding:10px 8px}.items-table tbody tr:hover{background-color:#f8f9fa}.sku-cell{color:#2c3e50;font-family:Courier New,monospace;font-weight:600}.no-physical-inventory{background-color:#fff3cd;border-top:1px solid #ffeaa7;padding:20px}.no-physical-inventory p{color:#856404;font-weight:500;margin:0}.legacy-audit-section{border-top:2px solid #ecf0f1;margin-top:30px;padding-top:20px}.legacy-audit-section h3{color:#7f8c8d;font-size:16px;margin-bottom:15px}.totals-row td{border-top:2px solid #bdc3c7;font-size:15px}.qbo-info{background-color:#f8f9fa;border-left:4px solid #8e44ad;border-radius:8px;margin-bottom:25px;padding:20px}.qbo-info h3{color:#2c3e50;margin-bottom:15px}.qbo-details p{color:#2c3e50;margin:8px 0}.variance-analysis{background-color:#f8f9fa;border-left:4px solid #e74c3c;border-radius:8px;padding:20px}.variance-analysis h3{color:#2c3e50;margin-bottom:15px}.variance-calculations p{color:#2c3e50;font-size:16px;margin:10px 0}@media (max-width:768px){.audit-fg-inventory{padding:10px}.controls-section{padding:20px}.load-audit-btn{min-width:auto;width:100%}.audit-table{font-size:12px}.audit-table td,.audit-table th{padding:8px 6px}.product-name{min-width:120px}}.audit-component-inventory{display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;padding:0}.audit-component-inventory .page-header{background:#fff;border-bottom:1px solid #e0e0e0;margin:0;padding:0;position:relative;width:100%;z-index:10}.audit-component-inventory .header-content{align-items:flex-start;display:flex;justify-content:space-between;max-width:100%;padding:20px 30px 15px}.audit-component-inventory .header-title h1{color:#333;font-size:1.8rem;font-weight:600;line-height:1.2;margin:0}.audit-component-inventory .header-tips{max-width:400px;text-align:right}.audit-component-inventory .header-tips ul{list-style:none;margin:0;padding:0}.audit-component-inventory .header-tips li{color:#666;font-size:.9rem;line-height:1.3;margin-bottom:4px}.audit-component-inventory .header-tips li:before{color:#007bff;content:"";font-weight:700;margin-right:8px}.audit-component-inventory .header-separator{background:#000;height:1px;margin:0 30px}.audit-component-inventory .page-content{flex:1 1;margin:0 auto;max-width:1400px;overflow:auto;padding:20px;width:100%}.audit-component-inventory .audit-header{margin-bottom:30px;text-align:center}.audit-component-inventory .audit-header h1{color:#2c3e50;margin-bottom:10px}.audit-component-inventory .audit-header p{color:#7f8c8d;font-size:16px}.audit-component-inventory .audit-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.audit-component-inventory .controls-section{border-bottom:1px solid #ecf0f1;padding:30px;text-align:center}.audit-component-inventory .load-button-container{margin-bottom:20px}.audit-component-inventory .load-audit-btn{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:15px 30px;transition:all .3s ease}.audit-component-inventory .load-audit-btn:hover:not(:disabled){background-color:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.audit-component-inventory .load-audit-btn:disabled{background-color:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.audit-component-inventory .error-message{background-color:#e74c3c;border-radius:6px;color:#fff;margin-top:20px;padding:15px;text-align:left}.audit-component-inventory .audit-results{padding:30px}.audit-component-inventory .audit-results h2{color:#2c3e50;margin-bottom:20px}.audit-component-inventory .data-timestamps{margin-bottom:25px}.audit-component-inventory .timestamps-container{display:flex;flex-wrap:wrap;gap:20px}.audit-component-inventory .inventory-date-info{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;flex:1 1;min-width:250px;padding:15px}.audit-component-inventory .inventory-date-info p{color:#2c3e50;margin:0}.audit-component-inventory .qbo-date-info{background-color:#f8f9fa;border-left:4px solid #8e44ad;border-radius:6px;flex:1 1;min-width:250px;padding:15px}.audit-component-inventory .qbo-date-info p{color:#2c3e50;margin:0}.audit-component-inventory .qbo-errors{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-bottom:20px;padding:15px}.audit-component-inventory .qbo-errors h3{color:#856404;margin:0 0 10px}.audit-component-inventory .error-list{margin:0}.audit-component-inventory .error-item{color:#856404;margin:5px 0}.audit-component-inventory .audit-table-section{margin-bottom:30px}.audit-component-inventory .audit-table-section h3{color:#2c3e50;margin-bottom:15px}.audit-component-inventory .table-container{margin-bottom:30px;overflow-x:auto}.audit-component-inventory .audit-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.audit-component-inventory .audit-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.audit-component-inventory .audit-table th{border-bottom:1px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.audit-component-inventory .audit-table td{border-bottom:1px solid #f1f3f4;font-size:14px;padding:12px;vertical-align:top}.audit-component-inventory .audit-table tbody tr:hover{background-color:#f8f9fa}.audit-component-inventory .component-row{background:#fff}.audit-component-inventory .component-row.account-group-start{border-top:2px solid #dee2e6}.audit-component-inventory .subtotal-row{background-color:#f8f9fa;border-top:2px solid #dee2e6;font-weight:600}.audit-component-inventory .subtotal-row.account-group-end{border-bottom:2px solid #dee2e6}.audit-component-inventory .grand-total-row{background-color:#343a40;color:#fff;font-size:16px;font-weight:700}.audit-component-inventory .grand-total-row td,.audit-component-inventory .grand-total-row th{border-bottom:none}.audit-component-inventory .spacing-row{background-color:#f8f9fa;height:8px}.audit-component-inventory .spacing-row td{border-bottom:none;padding:4px}.audit-component-inventory .component-cell{color:#495057;font-weight:500}.audit-component-inventory .component-name{word-wrap:break-word;color:#495057;max-width:200px}.audit-component-inventory .inventory-count{color:#495057;font-family:Courier New,monospace;font-weight:500;text-align:right}.audit-component-inventory .cost-per-unit{color:#28a745;font-family:Courier New,monospace;text-align:right}.audit-component-inventory .inventory-value{color:#495057;font-family:Courier New,monospace;font-weight:600;text-align:right}.audit-component-inventory .qbo-balance{color:#6f42c1}.audit-component-inventory .qbo-balance,.audit-component-inventory .variance{font-family:Courier New,monospace;font-weight:600;text-align:right}.audit-component-inventory .variance.positive{color:#28a745}.audit-component-inventory .variance.negative{color:#dc3545}@media (max-width:768px){.audit-component-inventory{padding:10px}.audit-component-inventory .controls-section{padding:20px}.audit-component-inventory .load-audit-btn{font-size:14px;min-width:150px;padding:12px 20px}.audit-component-inventory .audit-table{font-size:12px}.audit-component-inventory .audit-table td,.audit-component-inventory .audit-table th{padding:8px 6px}.audit-component-inventory .component-name{max-width:150px}}.qbo-history{margin:0 auto;max-width:1200px;padding:2rem}.qbo-history-header{border-bottom:2px solid #e0e0e0;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.qbo-history-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.qbo-history-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.qbo-history-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.controls-section{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1rem}.refresh-button-container{display:flex;gap:1rem}.refresh-data-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.refresh-data-btn:hover:not(:disabled){background:#2980b9}.refresh-data-btn:disabled{background:#bdc3c7;cursor:not-allowed}.error-message{margin-top:1rem;padding:1rem}.month-data-results{margin-top:2rem}.month-data-results h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.table-container{box-shadow:0 2px 8px #0000001a}.month-data-table{background:#fff;border-collapse:collapse;font-size:.95rem;width:100%}.month-data-table th{background:#34495e;border-bottom:2px solid #2c3e50;color:#fff;font-weight:600;padding:1rem .75rem;text-align:left}.month-data-table td{border-bottom:1px solid #e0e0e0;height:60px;line-height:1.4;padding:1rem .75rem;vertical-align:middle}.month-data-table tr.status-available,.month-data-table tr:hover{background:#f8f9fa}.month-data-table tr.status-available:hover{background:#e9ecef}.month-data-table tr.status-not-downloaded{background:#fff}.month-data-table tr.status-not-downloaded:hover{background:#f8f9fa}.month-cell{color:#2c3e50;font-weight:600}.status-cell{gap:.5rem;min-height:60px;vertical-align:middle}.actions-cell{text-align:center;white-space:nowrap}.btn-sm{font-size:.85rem;margin:0 .25rem;padding:.5rem 1rem}.download-btn{background:#27ae60;border-radius:4px;transition:background-color .3s ease}.download-btn:hover:not(:disabled){background:#229954}.download-btn:disabled{background:#bdc3c7}.refresh-btn{background:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;transition:background-color .3s ease}.refresh-btn:hover:not(:disabled){background:#e67e22}.refresh-btn:disabled{background:#bdc3c7;cursor:not-allowed}.not-ready-text{color:#7f8c8d;font-size:.9rem;font-style:italic}.no-data-message{background:#e8f4fd;border:1px solid #bee5eb;border-radius:6px;color:#0c5460;margin-top:2rem;padding:2rem;text-align:center}.no-data-message p{font-size:1.1rem;margin:0}@media (max-width:768px){.qbo-history{padding:1rem}.qbo-history-header h1{font-size:2rem}.controls-section{align-items:stretch;flex-direction:column;gap:1rem}.refresh-data-btn{width:100%}.month-data-table{font-size:.85rem}.month-data-table td,.month-data-table th{padding:.75rem .5rem}.actions-cell{display:flex;flex-direction:column;gap:.5rem}.btn-sm{margin:0;width:100%}}.shopify-sales{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:30px}.shopify-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 25px #667eea4d;color:#fff;margin-bottom:40px;padding:30px;text-align:center}.shopify-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000001a}.shopify-header p{font-size:1.1rem;margin:0;opacity:.9}.shopify-content{display:flex;flex-direction:column;gap:30px}.controls-section{align-items:center;flex-wrap:wrap;justify-content:space-between}.btn-secondary{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.fetch-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.date-range-selector{gap:10px}.date-range-selector label{color:#2c3e50;font-size:.9rem;font-weight:600}.date-range-selector select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#2c3e50;font-size:.9rem;padding:10px 15px;transition:border-color .3s ease}.date-range-selector select:focus{border-color:#667eea;outline:none}.orders-table-container,.products-table-container{margin-bottom:30px}.orders-table-container h3,.products-table-container h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 20px}.orders-table,.products-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.orders-table th,.products-table th{background:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#2c3e50;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.orders-table td,.products-table td{border-bottom:1px solid #e1e5e9;color:#2c3e50;padding:12px}.orders-table tr:hover,.products-table tr:hover{background:#f8f9fa}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.paid{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.refunded{background:#f8d7da;color:#721c24}.status-badge.partially_refunded{background:#ffeaa7;color:#6c5ce7}.future-features{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.future-features h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 25px;text-align:center}.features-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:20px;transition:transform .3s ease}.feature-item:hover{transform:translateY(-2px)}.feature-item h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 10px}.feature-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.shopify-header,.shopify-sales{padding:20px}.shopify-header h1{font-size:2rem}.controls-section{align-items:stretch;flex-direction:column}.date-range-selector{justify-content:space-between}.sales-summary{grid-template-columns:repeat(2,1fr)}.features-list{grid-template-columns:1fr}.table-container{font-size:.8rem}.orders-table td,.orders-table th,.products-table td,.products-table th{padding:8px 6px}}.amazon-sales{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:30px}.amazon-header{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#2c3e50;margin-bottom:40px;padding:30px;text-align:center}.amazon-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 10px}.amazon-header p{color:#6c757d;font-size:1.1rem;margin:0}.amazon-content{gap:30px}.amazon-content,.controls-section{display:flex;flex-direction:column}.controls-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 15px #0000001a;gap:20px;padding:25px}.filters-container{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.filter-group input,.filter-group select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#2c3e50;font-size:.9rem;padding:10px 15px;transition:border-color .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.action-buttons{display:flex;gap:15px;justify-content:flex-start}.loading-indicator{align-items:center;color:#667eea;display:flex;font-weight:500;gap:12px}.loading-spinner{border:2px solid #e1e5e9;border-top-color:#667eea;height:20px;width:20px}.btn{font-size:.95rem;font-weight:600;transition:all .3s ease}.btn-primary{box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn:disabled{transform:none!important}.error-message{margin-top:15px}.success-message{border-radius:8px;margin-top:15px;padding:15px}.sales-data-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px}.sales-data-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 25px}.sales-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease}.summary-card:hover{transform:translateY(-2px)}.summary-card h3{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.summary-value{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.sales-table-container{margin-bottom:30px}.sales-table-container h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 20px}.table-container{border:1px solid #e1e5e9}.sales-table{background:#fff;font-size:.9rem}.sales-table th{background:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#2c3e50;padding:15px 12px;white-space:nowrap}.sales-table td{border-bottom:1px solid #e1e5e9;color:#2c3e50;padding:12px}.sales-table tr:hover{background:#f8f9fa}@media (max-width:768px){.amazon-header,.amazon-sales{padding:20px}.amazon-header h1{font-size:2rem}.filters-container{grid-template-columns:1fr}.sales-summary{grid-template-columns:repeat(2,1fr)}.table-container{font-size:.8rem}.sales-table td,.sales-table th{padding:8px 6px}}@media (max-width:480px){.sales-summary{grid-template-columns:1fr}.summary-value{font-size:1.5rem}}.amazon-sales-data{margin:0;max-width:none;padding:0;position:relative}.header-content{align-items:flex-end}.header-tips{flex-shrink:0;min-width:300px}.month-nav-btn{background:#007bff}.month-nav-btn:hover{background:#0056b3}.data-indicator{background:#28a745}.legend-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:8px 16px}.legend-indicator{height:8px;width:8px}.legend-indicator.has-data{background:#28a745}.data-fetch-section h3{font-size:1.3rem}.form-group{gap:6px;min-width:180px}.form-group label{color:#495057;font-size:.85rem;font-weight:600}.form-group input{border:1px solid #ced4da;padding:10px}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.fetch-btn{background:#28a745;min-width:100px}.fetch-btn:hover:not(:disabled){background:#218838}@media (max-width:768px){.amazon-sales-data{padding:0}.page-content{padding:10px}.header-content{flex-direction:column;gap:20px;max-width:calc(100vw - 20px);padding:15px}.header-title h1{font-size:1.5rem}.header-tips{min-width:auto}.header-tips h3{font-size:1rem}.header-tips li{font-size:.85rem}.calendar-section,.data-fetch-section{padding:15px}.calendar-header{flex-direction:column;gap:10px}.date-range-form{align-items:stretch;flex-direction:column}.form-group{min-width:auto}.calendar-day{min-height:40px;padding:4px}.day-number{font-size:.8rem}.data-indicator{height:6px;right:2px;top:2px;width:6px}}.new-amazon-payment-data{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.section.reports-section{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto}.section-header{margin-bottom:16px}.section-header h2{margin:0}.check-reports-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.check-reports-btn:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.check-reports-btn:disabled{cursor:not-allowed;opacity:.6}.data-range-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.range-item{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;padding:16px}.range-item strong{color:#2d3748;display:block;font-size:14px;margin-bottom:4px}.error{border-radius:8px;font-weight:500;padding:16px}.no-data{background:#f7fafc;color:#718096;padding:20px}.reports-list{display:flex;flex-direction:column;gap:16px}.reports-list h3{color:#2d3748;font-size:16px;margin:0 0 16px}.report-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.report-header{margin-bottom:12px}.status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status.done{background:#c6f6d5;color:#22543d}.status.processing{background:#fef5e7;color:#744210}.status.cancelled{background:#fed7d7;color:#c53030}.report-details{margin-bottom:16px}.detail-row{margin-bottom:8px}.download-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.download-btn:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.download-btn:disabled{cursor:not-allowed;opacity:.6}.overlap-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:14px;font-weight:500;margin-top:12px;padding:12px}.no-reports{background:#f7fafc;border-radius:8px;color:#718096;font-style:italic;padding:20px;text-align:center}.progress-message{background:#e6fffa;border:1px solid #81e6d9;border-radius:8px;color:#234e52;padding:16px}.summary-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#f0fff4;border-left:4px solid #48bb78;border-radius:8px;padding:16px}.summary-item strong{color:#2d3748;display:block;font-size:14px;margin-bottom:4px}.error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:16px}@media (max-width:768px){.new-amazon-payment-data{padding:16px}.header-content{flex-direction:column;gap:16px}.header-title h1{font-size:24px}.section{padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.data-range-info,.summary-info{grid-template-columns:1fr}.report-header{align-items:flex-start;flex-direction:column;gap:8px}}.post-amazon-payments{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff}.header-title h1{font-size:28px}.header-tips ul{opacity:.9}.header-separator{background:#fff3;margin-top:16px}.page-content{gap:24px}.no-data,.no-reports{color:#718096;font-style:italic;padding:40px;text-align:center}.settlement-reports-list{display:flex;flex-direction:column;gap:12px}.settlement-report-item{background:#f7fafc;border-radius:8px;padding:16px}.settlement-report-item:hover{background:#edf2f7;border-color:#cbd5e0}.settlement-report-item.selected{background:#ebf8ff;border-color:#4299e1;box-shadow:0 2px 4px #4299e133}.report-header h4{margin:0 0 8px}.report-details{gap:4px}.pivot-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.pivot-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.pivot-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#2d3748;font-weight:600;padding:12px 8px;text-align:right;white-space:nowrap}.pivot-table th:first-child{border-right:2px solid #e2e8f0;text-align:left}.pivot-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:8px;text-align:right;white-space:nowrap}.pivot-table td:first-child{border-right:2px solid #e2e8f0;font-weight:500;text-align:left}.category-cell{background:#f7fafc;color:#2d3748;font-weight:500}.amount-cell{color:#4a5568;font-family:Courier New,monospace}.total-cell{background:#edf2f7;border-right:2px solid #e2e8f0;color:#2d3748;font-weight:600}.misc-fees-row .category-cell,.other-amount-row .category-cell,.other-fees-row .category-cell{background:#fef5e7;color:#c05621}.grand-total-row{background:#e6fffa}.grand-total-row .amount-cell,.grand-total-row .category-cell,.grand-total-row .total-cell{background:#e6fffa;color:#234e52;font-weight:700}@media (max-width:768px){.post-amazon-payments{padding:12px}.header-content{flex-direction:column;gap:16px}.header-title h1{font-size:24px}.section{padding:16px}.pivot-table{font-size:12px}.pivot-table td,.pivot-table th{padding:6px 4px}}.journal-entry-container{display:flex;flex-direction:column;gap:20px}.journal-entry-summary{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.summary-stats{flex-wrap:wrap;gap:24px}.stat-item{color:#4a5568;font-size:14px}.stat-item strong{color:#2d3748}.received-from{color:#4a5568;font-weight:500}.journal-entry-actions{justify-content:flex-end;padding-top:16px}.btn{border-radius:6px;display:flex;padding:10px 20px}.btn-primary{background:#4299e1}.btn-primary:hover{background:#3182ce}.btn:disabled:hover{background:inherit;transform:none}@media (max-width:768px){.summary-stats{flex-direction:column;gap:8px}.journal-entry-table{font-size:12px}.journal-entry-table td,.journal-entry-table th{padding:8px 4px}.description{max-width:150px}.journal-entry-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.multi-month-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:12px;padding:4px 8px}.month-breakdown{margin-top:8px}.month-periods{color:#666;font-size:13px;margin-left:16px;margin-top:4px}.month-periods div{margin-bottom:2px}.multi-month-notice{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;color:#666;font-size:12px;font-style:italic;line-height:1.5;margin-top:8px;padding:12px 16px;white-space:pre-line}.multi-month-notice strong{font-weight:600}.journal-entries-container{display:flex;flex-direction:column;gap:32px}.journal-entry-container{background:#fafbfc;border:2px solid #e2e8f0;padding:24px}.journal-entry-header{border-bottom:2px solid #e2e8f0;margin-bottom:20px;padding-bottom:16px}.journal-entry-header h3{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.period-info{background:#edf2f7;border-radius:6px;color:#4a5568;font-size:13px;font-weight:500;padding:4px 8px}.submit-all-container{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;margin-top:24px;padding:24px;text-align:center}.submit-all-notice{color:#4a5568;font-size:14px;margin-bottom:16px}.btn-large{font-size:16px;font-weight:600;padding:16px 32px}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);border:none;color:#fff;transition:all .2s ease}.btn-success:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 8px #48bb784d;transform:translateY(-1px)}.settlement-report-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;margin-bottom:16px;padding:20px;transition:all .2s ease}.settlement-report-item:hover{border-color:#74b9ff;box-shadow:0 4px 12px #74b9ff26;transform:translateY(-1px)}.settlement-report-item.selected{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.report-header h4{color:#2d3748;font-size:16px;font-weight:600;margin:0}.report-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:flex-start;color:#4a5568;display:flex;font-size:14px;gap:8px}.detail-row strong{color:#2d3748;min-width:120px}.journal-entry-table{box-shadow:0 2px 4px #0000001a;margin:20px 0}.journal-entry-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.journal-entry-table td,.journal-entry-table th{font-size:14px;padding:16px 12px}.journal-entry-table tr:hover{background:#f7fafc}.journal-entry-table tr:last-child td{border-bottom:none}.type-badge{border-radius:6px;font-size:11px;letter-spacing:.5px}.type-badge.debit{color:#c53030}.summary-stats{grid-gap:16px;gap:16px;margin-bottom:20px}.stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.stat-item strong{color:#4a5568;display:block;font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.journal-entry-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;padding-top:20px}.btn{align-items:center;display:inline-flex;font-size:14px;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0;transform:translateY(-1px)}@media (max-width:768px){.header-content{flex-direction:column;gap:16px}.summary-stats{grid-template-columns:1fr}.journal-entry-actions{flex-direction:column}.btn{justify-content:center;width:100%}.month-periods{margin-left:8px}}.amazon-inventory{display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;overflow:hidden;padding:0}.page-content{height:calc(100vh - 200px);overflow-y:auto}.inventory-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:20px}.button-group,.inventory-controls{align-items:center;display:flex;gap:15px}.fetch-btn{background:#007bff;font-size:1rem;font-weight:600;min-width:200px;padding:12px 24px}.fetch-btn:hover:not(:disabled){background:#0056b3}.fetch-btn:disabled{background:#6c757d;opacity:.7}.save-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:12px 24px;transition:background-color .3s ease}.save-btn:hover:not(:disabled){background:#218838}.save-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.last-updated{color:#666;font-size:.9rem;font-style:italic}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-bottom:20px;padding:12px;text-align:center}.inventory-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:60vh;overflow:hidden;padding:20px}.inventory-table-container h3{color:#333;font-size:1.3rem;margin-bottom:15px}.sample-data-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-bottom:15px;padding:12px}.sample-data-notice p{color:#856404;font-size:.9rem;line-height:1.4;margin:0}.real-data-notice{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:15px;padding:12px}.real-data-notice p{color:#155724;font-size:.9rem;line-height:1.4;margin:0}.data-notice{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;margin-bottom:15px;padding:12px}.data-notice p{color:#0056b3;font-size:.9rem;line-height:1.4;margin:0}.table-wrapper{border:1px solid #e0e0e0;border-radius:6px;max-height:calc(60vh - 120px);overflow:auto}.inventory-table{border-collapse:collapse;font-size:.9rem;width:100%}.inventory-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#495057;min-width:120px;text-align:center}.inventory-table td{word-wrap:break-word;border-bottom:1px solid #e0e0e0;box-sizing:border-box;padding:10px 8px;text-align:center}.inventory-table tr:hover{background-color:#f8f9fa}.asin-cell{color:#007bff;font-family:Courier New,monospace;font-weight:600;min-width:120px}.asin-cell,.name-cell{box-sizing:border-box;padding:10px 8px;text-align:left}.name-cell{word-wrap:break-word;max-width:300px;min-width:200px}.quantity-cell{box-sizing:border-box;font-weight:500;min-width:80px;padding:8px 4px;text-align:center}.quantity-cell:not(:empty){background:#e8f5e8;border-radius:4px;box-sizing:border-box;margin:2px;min-width:30px;padding:4px 8px}.inventory-table td:last-child,.inventory-table th:last-child{background:#f0f8ff;font-weight:600}.inventory-table td:last-child .quantity-cell:not(:empty){background:#d4edda;color:#155724;font-weight:700}.no-data{background:#fff;box-shadow:0 2px 4px #0000001a}@media (max-width:768px){.amazon-inventory{padding:10px}.inventory-controls{align-items:stretch;flex-direction:column}.fetch-btn{min-width:auto}.inventory-table-container{max-height:50vh;padding:15px}.table-wrapper{max-height:calc(50vh - 100px)}.inventory-table{font-size:.8rem}.inventory-table td,.inventory-table th{padding:8px 4px}.asin-cell{min-width:100px}.name-cell{max-width:200px;min-width:150px}.quantity-cell{min-width:60px}}.shopify-sales-data{display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;padding:0}.page-content{max-width:1000px;overflow:auto;padding:15px}.calendar-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.calendar-header h2{color:#333;font-size:1.4rem;margin:0}.month-nav-btn{background:#95bf47;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.month-nav-btn:hover{background:#7a9a3a}.calendar{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.calendar-weekdays{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:repeat(7,1fr)}.weekday-header{color:#495057;font-size:.8rem;font-weight:600;padding:8px 4px;text-align:center}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:6px;position:relative;transition:background-color .2s ease}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:#f8f9fa}.calendar-day.has-data{background:#e8f5e8}.day-number{color:#333;font-size:.9rem;font-weight:500;margin-bottom:3px}.data-indicator{background:#95bf47;border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.calendar-legend{display:flex;justify-content:center;margin-top:15px}.legend-item{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.legend-indicator{border-radius:50%;height:12px;width:12px}.legend-indicator.has-data{background:#95bf47}.data-fetch-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.data-fetch-section h3{color:#333;font-size:1.2rem;margin-bottom:15px}.date-range-form{align-items:end;display:flex;flex-wrap:wrap;gap:15px}.form-group{min-width:150px}.form-group label{color:#333;font-size:.9rem;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease}.form-group input:focus{border-color:#95bf47;box-shadow:0 0 0 2px #95bf4733;outline:none}.fetch-btn{background:#95bf47;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:10px 20px;transition:background-color .3s ease}.fetch-btn:hover:not(:disabled){background:#7a9a3a}.fetch-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.shopify-sales-data{padding:10px}.calendar-section,.data-fetch-section{padding:15px}.calendar-header{flex-direction:column;gap:10px}.date-range-form{align-items:stretch;flex-direction:column}.form-group{min-width:auto}.calendar-day{min-height:40px;padding:4px}.day-number{font-size:.8rem}.data-indicator{height:6px;right:2px;top:2px;width:6px}}.profit-analysis-container{height:100vh;margin:0;max-width:100%;overflow:hidden;padding:0}.page-content,.profit-analysis-container{display:flex;flex-direction:column}.profit-analysis-header{margin-bottom:30px;text-align:center}.profit-analysis-header h1{color:#333;font-size:2.5em;font-weight:600;margin-bottom:10px}.profit-analysis-header p{color:#666;font-size:1.1em;margin:0}.profit-analysis-controls{align-items:end;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.control-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.control-group label{color:#333;font-size:.9em;font-weight:600}.control-group input,.control-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.control-group input:focus,.control-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.analyze-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:background-color .3s ease}.analyze-button:hover:not(:disabled){background:#0056b3}.analyze-button:disabled{background:#6c757d;cursor:not-allowed}.error-message{background:#f8d7da;font-weight:500;text-align:center}.profit-analysis-results{display:flex;flex:1 1;flex-direction:column;margin-top:30px;overflow:hidden}.table-container{box-shadow:0 2px 10px #0000001a;flex:1 1;overflow-y:auto;position:relative}.profit-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.profit-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;min-width:200px;padding:15px 12px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.profit-table th:first-child{left:0;min-width:250px;position:-webkit-sticky;position:sticky;text-align:left;z-index:15}.profit-table td{border-bottom:1px solid #dee2e6;padding:12px;text-align:center}.profit-table td:first-child{background:#f8f9fa;color:#333;font-weight:600;left:0;position:-webkit-sticky;position:sticky;text-align:left;z-index:5}.product-header{display:flex;flex-direction:column;gap:4px}.product-name{color:#333;font-size:14px;font-weight:600}.product-asin{color:#666;font-size:12px;font-weight:400}.row-label{background:#f8f9fa;border-right:1px solid #dee2e6;color:#333;font-weight:600;padding:12px 15px}.currency-cell{font-family:Courier New,monospace;font-weight:500}.currency-cell.negative{color:#dc3545}.currency-cell.total{background:#f8fff9;color:#28a745;font-weight:700}.currency-cell.total.negative{background:#ffebee;color:#d32f2f;font-weight:700}.currency-cell.total.positive{background:#e8f5e8;color:#2e7d32;font-weight:700}.total-row{background:#f8fff9;border-top:2px solid #28a745}.total-row .row-label{background:#f8fff9;color:#28a745;font-weight:700}.profit-table tbody tr:nth-child(2n){background:#fafafa}.profit-table tbody tr:nth-child(2n) .row-label{background:#f5f5f5}.profit-table tbody tr:hover{background:#f0f8ff}.profit-table tbody tr:hover .row-label{background:#e3f2fd}@media (max-width:768px){.profit-table td,.profit-table th{padding:6px 4px}}.profit-analysis-container.loading{opacity:.7;pointer-events:none}.profit-analysis-results{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profit-analysis-controls{align-items:stretch;flex-direction:column}.control-group{min-width:auto}.analyze-button{width:100%}.profit-table{font-size:12px}.profit-table td,.profit-table th{padding:8px 6px}.product-name{font-size:12px}.product-asin{font-size:10px}.section-title{font-size:1em;letter-spacing:.3px}.profit-table td,.profit-table th{padding:6px 4px}}.profit-percentage{color:#666;font-size:.8em;font-style:italic;margin-top:2px}.currency-cell.total.positive .profit-percentage{color:#2e7d32}.currency-cell.total.negative .profit-percentage{color:#d32f2f}.global-forecasting-container{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4;margin:0;max-width:none;padding:0}.page-header{background:#f5f5f5;border-radius:0;box-shadow:none;margin-left:0;overflow:hidden}.header-content{flex-wrap:wrap;gap:30px;margin:0;padding:20px;width:100%}.header-title h1{font-size:1.4rem}.header-tips{flex:1 1;min-width:0;padding-right:20px}.header-tips ul{list-style-type:none;padding-left:15px;text-align:left}.header-tips li{word-wrap:break-word;font-size:.8rem;margin-bottom:3px;overflow-wrap:break-word}.header-separator{background-color:#000;height:2px;width:100%}.page-content{max-width:1200px}.scenario-management{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:20px}.scenario-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.scenario-save,.scenario-selector{display:flex;flex-direction:column;gap:8px}.scenario-selector label{color:#333;font-size:14px;font-weight:600}.scenario-save input,.scenario-selector select{border:2px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;padding:8px 12px}.scenario-save input:focus,.scenario-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.save-button{background-color:#007bff;border-radius:4px;font-size:14px;font-weight:600;padding:8px 16px}.save-button:hover:not(:disabled){background-color:#0056b3}.save-button:disabled{background-color:#6c757d;cursor:not-allowed}.recalculate-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.recalculate-button:hover:not(:disabled){background-color:#218838}.recalculate-button:disabled{background-color:#6c757d;cursor:not-allowed}.editable-cell{background-color:#f8f9fa;border:1px solid #dee2e6;height:25px;padding:4px;vertical-align:middle}.editable-input{background-color:#fff;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;color:#495057;font-family:Courier New,monospace;font-size:14px;font-weight:400;height:18px;padding:2px 4px;text-align:right;width:100%}.editable-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.editable-input:hover{border-color:#adb5bd}.error-message{border-radius:4px;font-size:14px;padding:12px}.tab-navigation{background:#f8f9fa;border-radius:8px;gap:20px;margin-bottom:30px;padding:15px}.tab-arrow,.tab-navigation{align-items:center;display:flex;justify-content:center}.tab-arrow{background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;width:40px}.tab-arrow:hover:not(:disabled){background-color:#0056b3}.tab-arrow:disabled{background-color:#6c757d;cursor:not-allowed}.tab-indicator{color:#333;font-size:18px;font-weight:600;min-width:300px;text-align:center}.tab-content{background:#fff;border:1px solid #ddd;border-radius:8px;min-height:400px;padding:20px}.tab-content h2{border-bottom:2px solid #007bff;color:#333;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:10px}.loading{font-size:14px}.assumptions-table-container{overflow-x:auto}.assumptions-table{background:#fff;border:1px solid #e1e5e9;border-collapse:collapse;font-size:14px;margin-top:20px;table-layout:fixed;width:100%}.assumptions-table td,.assumptions-table th{border-bottom:1px solid #e1e5e9;font-size:14px;height:25px;line-height:1.4;overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.assumptions-table th{background-color:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#333;font-size:14px;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.assumptions-table td:first-child,.assumptions-table th:first-child{max-width:200px;min-width:200px;width:200px}.assumptions-table td:not(:first-child),.assumptions-table th:not(:first-child){max-width:120px;min-width:120px;width:120px}.assumptions-table td input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.assumptions-table td input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.suggested-value{background-color:#f8f9fa;color:#666;font-style:italic}.user-value{background-color:#fff;color:#333;font-weight:500}.momentum-sales-cell{color:#333;font-family:Courier New,monospace;font-size:14px;font-weight:400;height:25px;text-align:right;vertical-align:middle}.momentum-sales-cell.negative{color:#dc3545}.projected-sales-cell{color:#007bff;font-family:Courier New,monospace;font-size:14px;font-weight:600;text-align:right}.subtotal-row{background-color:#f8f9fa;border-top:1px solid #e1e5e9}.subtotal-label{padding-left:20px}.subtotal-cell,.subtotal-label{background-color:#f8f9fa;color:#333;font-size:14px;font-weight:600}.subtotal-cell{font-family:Courier New,monospace;height:25px;text-align:right;vertical-align:middle}.subtotal-cell.negative{color:#dc3545}.total-row{background-color:#e9ecef;border-bottom:2px solid #007bff;border-top:2px solid #007bff}.total-label{padding-left:10px}.total-cell,.total-label{background-color:#e9ecef;color:#212529;font-size:14px;font-weight:700}.total-cell{font-family:Courier New,monospace;height:25px;text-align:right;vertical-align:middle}.total-cell.positive{color:#28a745}.total-cell.negative{color:#dc3545}.section-header{background-color:#e9ecef;border-top:2px solid #6c757d}.section-header-cell{background-color:#e9ecef;color:#495057;font-size:16px;font-weight:600;padding:12px 8px;text-align:center}.balance-sheet-cell{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;font-family:Courier New,monospace;font-size:14px;font-weight:400;padding:6px 8px;text-align:right;vertical-align:middle}.headcount-container{margin-top:20px}.headcount-controls{margin-bottom:20px}.add-row-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.add-row-button:hover{background-color:#218838}.headcount-table-container{overflow-x:auto}.headcount-table{border-collapse:collapse;font-size:14px;margin-top:10px;width:100%}.headcount-table td,.headcount-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.headcount-table th{background-color:#f8f9fa;color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.headcount-table td input,.headcount-table td select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.headcount-table td input:focus,.headcount-table td select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.role-input,.salary-input{background-color:#fff;color:#333}.salary-input{text-align:right}.hire-month-select{background-color:#fff;color:#333}.hire-month-readonly{background-color:#f8f9fa;color:#495057;cursor:not-allowed}.remove-row-button{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;width:30px}.remove-row-button:hover:not(:disabled){background-color:#c82333}.remove-row-button:disabled{background-color:#6c757d;cursor:not-allowed}.averages-row{background-color:#e3f2fd;border-bottom:2px solid #2196f3;border-top:2px solid #2196f3}.averages-label{font-style:italic;font-weight:700}.averages-label,.averages-value{background-color:#e3f2fd!important;color:#1976d2}.averages-value{font-weight:600;text-align:center}.separator-row{background-color:#f5f5f5;height:8px}.separator-row td{border:none;padding:0}@media (max-width:768px){.header-content{flex-direction:column;gap:15px}.header-tips{max-width:none;padding-right:0}.scenario-controls{align-items:stretch;flex-direction:column}.scenario-save input,.scenario-selector select{min-width:auto}.tab-indicator{font-size:16px;min-width:200px}.assumptions-table{font-size:12px}.assumptions-table td,.assumptions-table th{padding:8px}}.progress-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.progress-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:30px;text-align:center;width:90%}.progress-dialog h3{color:#333;font-size:1.2rem;margin:0 0 20px}.progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.progress-steps:before{background-color:#e0e0e0;content:"";height:2px;left:20px;position:absolute;right:20px;top:15px;z-index:1}.progress-step{flex:1 1;flex-direction:column;position:relative;z-index:2}.progress-step,.step-number{align-items:center;display:flex}.step-number{background-color:#e0e0e0;border-radius:50%;color:#666;font-size:14px;font-weight:700;height:30px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:30px}.progress-step.completed .step-number{background-color:#28a745;color:#fff}.step-label{color:#666;font-size:12px;line-height:1.2;max-width:80px;text-align:center}.progress-step.completed .step-label{color:#28a745;font-weight:600}.progress-message{color:#333;font-size:16px;font-weight:500;margin-bottom:20px}.progress-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto;width:40px}.trade-sales-management{margin:0 auto;max-width:1200px;padding:20px}.trade-sales-management .page-header{background:#f5f5f5;border-radius:0;box-shadow:none;margin-bottom:30px;margin-left:0;overflow:hidden;width:100%}.trade-sales-management .header-content{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin:0;padding:20px;width:100%}.trade-sales-management .header-title h1{color:#333;font-size:1.4rem;font-weight:600;margin:0}.trade-sales-management .header-tips{flex-shrink:0;min-width:300px;padding-right:20px}.trade-sales-management .header-tips ul{list-style-type:none;margin:0;padding-left:15px;text-align:left}.trade-sales-management .header-tips li{color:#666;font-size:.8rem;line-height:1.3;margin-bottom:3px}.trade-sales-management .header-separator{background-color:#000;height:2px;width:100%}.trade-sales-management .page-content{margin:0 auto;max-width:1000px;padding:15px}.trade-sales-management .section{background:#fff;border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:25px}.trade-sales-management .section h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.trade-sales-management .form{display:flex;flex-direction:column;gap:20px}.trade-sales-management .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.trade-sales-management .form-group{display:flex;flex-direction:column;gap:8px}.trade-sales-management .form-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.trade-sales-management .form-group input,.trade-sales-management .form-group select{border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease}.trade-sales-management .form-group input:focus,.trade-sales-management .form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.trade-sales-management .submit-btn{align-self:flex-start;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.trade-sales-management .submit-btn:hover:not(:disabled){box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.trade-sales-management .submit-btn:disabled{cursor:not-allowed;opacity:.6}.trade-sales-management .sales-table-container{border:1px solid #e1e5e9;border-radius:8px;overflow-x:auto}.trade-sales-management .sales-table{background:#fff;border-collapse:collapse;width:100%}.trade-sales-management .sales-table th{background:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#2c3e50;font-size:.9rem;font-weight:600;padding:15px 12px;text-align:left}.trade-sales-management .sales-table td{border-bottom:1px solid #e1e5e9;padding:12px;vertical-align:middle}.trade-sales-management .sales-table tr:hover{background-color:#f8f9fa}.trade-sales-management .sales-table input,.trade-sales-management .sales-table select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px;width:100%}.trade-sales-management .sales-table input:focus,.trade-sales-management .sales-table select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.trade-sales-management .cancel-btn,.trade-sales-management .delete-btn,.trade-sales-management .edit-btn,.trade-sales-management .save-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;margin-right:5px;padding:6px 12px;transition:all .3s ease}.trade-sales-management .edit-btn{background:#f39c12;color:#fff}.trade-sales-management .edit-btn:hover{background:#e67e22;transform:translateY(-1px)}.trade-sales-management .delete-btn{background:#e74c3c;color:#fff}.trade-sales-management .delete-btn:hover{background:#c0392b;transform:translateY(-1px)}.trade-sales-management .save-btn{background:#27ae60;color:#fff}.trade-sales-management .save-btn:hover{background:#229954;transform:translateY(-1px)}.trade-sales-management .cancel-btn{background:#95a5a6;color:#fff}.trade-sales-management .cancel-btn:hover{background:#7f8c8d;transform:translateY(-1px)}.trade-sales-management .error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-weight:500;margin-bottom:20px;padding:15px}.trade-sales-management .success-message{background:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;font-weight:500;margin-bottom:20px;padding:15px}.trade-sales-management .loading{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.trade-sales-management{padding:0}.trade-sales-management .page-content{padding:10px}.trade-sales-management .header-content{align-items:flex-start;flex-direction:column;gap:15px}.trade-sales-management .header-title h1{font-size:1.2rem}.trade-sales-management .header-tips{min-width:auto;padding-right:0}.trade-sales-management .header-tips li{font-size:.75rem}.trade-sales-management .section{padding:15px}.trade-sales-management .form-row{grid-template-columns:1fr}.trade-sales-management .sales-table-container{font-size:.8rem}.trade-sales-management .sales-table td,.trade-sales-management .sales-table th{padding:8px 6px}}.sundeep-invoice-mapping{display:flex;flex-direction:column;margin:0;max-width:100%;min-height:100vh;padding:0}.page-content{padding:30px}.error-message{background:#ffebee;border:1px solid #ffcdd2;justify-content:space-between}.error-message,.error-message button{align-items:center;color:#d32f2f;display:flex}.error-message button{background:none;border:none;cursor:pointer;font-size:1.2rem;height:24px;justify-content:center;padding:0;width:24px}.controls-section{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr auto;margin-bottom:25px}.search-filters{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:350px 200px}.search-box{position:relative;width:350px}.search-box input{border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3a1f171a;outline:none}.search-icon{color:var(--text-secondary);font-size:1rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.form-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:25px 30px 20px}.form-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;width:32px}.close-button:hover{background:var(--background-light);color:var(--text-primary)}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:500}.form-group input,.form-group textarea{background:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3a1f171a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:var(--background-light);color:var(--text-secondary);cursor:not-allowed}.disabled-input{background:var(--background-light)!important;color:var(--text-secondary)!important;cursor:not-allowed!important}.form-group textarea{min-height:80px;resize:vertical}.info-message{color:#3498db;font-size:13px;font-style:italic;margin-top:5px}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:15px;justify-content:flex-end;padding:20px 30px 30px}.cancel-button{background:var(--background-light);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#e8e8e8;border-color:var(--text-secondary)}.save-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.save-button:hover{background:var(--primary-dark);box-shadow:0 4px 12px #3a1f1733;transform:translateY(-1px)}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #3a1f1714;margin-bottom:20px}.mapping-table{border-collapse:collapse;font-size:.9rem;width:100%}.mapping-table th{background:var(--background-light);border-bottom:2px solid var(--border-color);font-weight:600;text-align:left;white-space:nowrap}.mapping-table td,.mapping-table th{color:var(--text-primary);padding:16px 12px}.mapping-table td{border-bottom:1px solid var(--background-light);vertical-align:top}.mapping-table tr:hover{background:var(--background-light)}.sku-number{color:var(--primary-color);font-family:Courier New,monospace;font-weight:600}.sku-name{font-weight:500;max-width:200px}.item-code{font-size:.9rem}.description{word-wrap:break-word}.actions{gap:8px}.action-btn,.actions{display:flex;justify-content:center}.action-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;height:36px;padding:8px;transition:all .2s ease;width:36px}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#bbdefb}.no-data,.summary{color:var(--text-secondary)}.summary{font-size:.9rem;margin-top:20px;text-align:center}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--background-light);border:4px solid var(--background-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.sundeep-invoice-mapping{padding:20px}.controls-section{align-items:stretch;flex-direction:column;gap:15px}.search-filters{flex-direction:row;gap:10px}.search-box{max-width:none;min-width:0}.form-grid{gap:15px;grid-template-columns:1fr;padding:20px}.mapping-table{font-size:.8rem}.mapping-table td,.mapping-table th{padding:12px 8px}}@media (max-width:768px){.page-header h1{font-size:1.8rem}.search-filters{flex-direction:column;gap:10px}.search-box{max-width:none}.form-container{margin:10px;max-height:95vh}.form-header{padding:20px}.form-actions{flex-direction:column;padding:20px}.mapping-table{font-size:.75rem}.mapping-table td,.mapping-table th{padding:8px 4px}.actions{flex-direction:column;gap:4px}.action-btn{font-size:1rem;height:32px;width:32px}}.austin-inventory{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;overflow-x:hidden;padding:20px}.section h2{margin:0 0 16px}.inventory-table{border:1px solid #e2e8f0;border-radius:8px;max-width:100%;overflow-x:auto}.inventory-table table{border-collapse:collapse;font-size:14px;min-width:800px;width:100%}.inventory-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.inventory-table td{border-bottom:1px solid #f7fafc;color:#2d3748;padding:12px 8px;vertical-align:middle}.inventory-table tr:last-child td{border-bottom:none}.inventory-table tr:hover{background:#f7fafc}.inventory-table input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 8px;text-align:center;width:90px}.inventory-table input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.toast{gap:12px;justify-content:space-between;max-width:400px}.toast.success{background:#10b981}.toast.error{background:#ef4444}.toast-close{margin:0}.approve-button{margin-top:20px}@media (max-width:768px){.austin-inventory{padding:10px}.header-content{align-items:flex-start;flex-direction:column;gap:15px}.header-tips{max-width:100%;text-align:left}.page-content{padding:15px}.section{padding:16px}.inventory-table{font-size:12px}.inventory-table td,.inventory-table th{padding:8px 4px}.inventory-table input{font-size:12px;width:70px}}.shopify-sales-report{margin:0 auto;max-width:1200px;padding:20px}.page-header{margin-bottom:30px}.header-content{margin-bottom:20px}.header-title h1{font-size:24px}.header-tips ul{color:#666;font-size:14px}.header-tips li{margin-bottom:5px}.header-separator{background-color:#e0e0e0}.page-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section{padding:20px}.section h2{color:#333;font-size:18px}.date-range-selector{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.date-range-selector label{color:#333;font-weight:500;min-width:80px}.date-range-selector input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.generate-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.generate-button:hover{background-color:#0056b3}.generate-button:disabled{background-color:#6c757d;cursor:not-allowed}.loading{color:#666;font-size:16px;padding:40px}.report-summary{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:20px;padding:15px}.report-summary h3{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-stat{text-align:center}.summary-stat-label{color:#666;font-size:12px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.summary-stat-value{color:#333;font-size:18px;font-weight:600}.sales-table{border-collapse:collapse;margin-top:20px;width:100%}.sales-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px 8px;text-align:left}.sales-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:12px 8px}.sales-table tr:hover{background-color:#f8f9fa}.sku-column{color:#007bff;font-weight:500;min-width:120px}.title-column{word-wrap:break-word;max-width:300px}.vendor-column{color:#666;min-width:100px}.quantity-column{font-weight:500;min-width:80px;text-align:right}.revenue-column{color:#28a745;font-weight:600;min-width:100px;text-align:right}.price-column{color:#666;min-width:80px;text-align:right}.orders-column{min-width:80px;text-align:center}.no-data{color:#666;font-style:italic;padding:40px}.toast{border-radius:4px;font-weight:500;gap:10px;padding:12px 20px;right:20px;top:20px;z-index:1000}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.toast-close{font-size:18px;margin-left:10px;padding:0}.toast-close:hover{opacity:.8}.sundeep-invoice-process{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.page-header{border-bottom:1px solid #e0e0e0;margin:0;padding:0;position:relative;width:100%;z-index:10}.header-content{max-width:100%;padding:20px 30px 15px}.header-title h1{font-size:1.8rem;line-height:1.2}.header-tips{max-width:400px;text-align:right}.header-tips li{line-height:1.3}.header-tips li:before{color:#007bff;font-weight:700;margin-right:8px}.header-separator{background:#000;height:1px;margin:0 30px}.page-content{flex:1 1;margin:0 auto;max-width:1400px;min-height:0;overflow:visible;padding:20px;width:100%}.section-header{justify-content:space-between;margin-bottom:20px}.auth-indicator,.section-header{align-items:center;display:flex}.auth-status-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:6px 12px}.auth-status-badge.connected{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.auth-status{padding:40px 20px;text-align:center}.auth-icon{font-size:3rem;margin-bottom:20px}.auth-status h2{color:#2d3748;font-size:1.5rem;margin:0 0 16px}.auth-message{color:#666;line-height:1.5}.auth-message,.reconnect-button{font-size:1rem;margin-bottom:24px}.reconnect-button{background:linear-gradient(135deg,#4285f4,#34a853);border-radius:8px;box-shadow:0 2px 4px #4285f44d;padding:12px 24px;transition:all .2s ease}.reconnect-button:hover:not(:disabled){box-shadow:0 4px 8px #4285f466}.reconnect-button:disabled{opacity:.7;transform:none}.auth-help{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:0 auto;max-width:500px;padding:20px;text-align:left}.auth-help p{color:#495057;font-weight:500;margin:0 0 12px}.auth-help ul{color:#6c757d;margin:0;padding-left:20px}.auth-help li{line-height:1.4;margin-bottom:6px}.section h2{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 20px}.section h3{color:#4a5568;font-size:16px;font-weight:500;margin:0 0 16px}.loading{color:#718096;font-style:italic;padding:20px;text-align:center}.error{background:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#c53030}.error,.success{margin:12px 0;padding:12px}.success{background:#c6f6d5;border:1px solid #9ae6b4;border-radius:6px;color:#22543d}.no-files{color:#718096;font-style:italic;padding:40px;text-align:center}.invoice-files-list{display:flex;flex-direction:column;gap:12px}.invoice-file-item{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.invoice-file-item:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.invoice-file-item.completed{background:#f0fff4;border-color:#9ae6b4}.file-info{flex:1 1}.file-name{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:8px}.file-details{color:#4a5568;display:flex;flex-direction:column;font-size:14px;gap:4px}.file-details span{align-items:center;display:flex;gap:5px}.file-actions{align-items:center;display:flex;gap:10px}.download-button{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.download-button:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.download-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.status-completed{background:#718096;border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.approval-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.approval-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.dialog-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.dialog-header h3{color:#2d3748;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-button:hover{background:#f7fafc;color:#4a5568}.dialog-content{padding:24px}.invoice-summary{margin-bottom:24px}.invoice-summary h4{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item label{color:#718096;font-size:14px;font-weight:500}.summary-item span{color:#2d3748;font-size:16px;font-weight:600}.line-items-section{margin-bottom:24px}.line-items-section h4{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.line-items-table{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.line-items-table table{border-collapse:collapse;font-size:14px;width:100%}.line-items-table th{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:600;padding:12px;text-align:left}.line-items-table td{border-bottom:1px solid #f7fafc;color:#2d3748;padding:12px}.line-items-table tr:last-child td{border-bottom:none}.line-items-table tr:hover{background:#f7fafc}.dialog-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.cancel-button{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#edf2f7}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.approve-button{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.approve-button:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.approve-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.approve-button.enabled{background:#2563eb}.approve-button.enabled:hover:not(:disabled){background:#1d4ed8}.price-match.not-matched,.sku-match.not-matched{color:#dc2626}.price-match{align-items:center;display:flex;font-size:12px;gap:6px}.price-match.matched{color:#059669}.match-icon{font-size:14px;font-weight:700}.match-icon.success{color:#059669}.match-icon.error{color:#dc2626}.match-text{font-weight:500}.sku-match{align-items:center;display:flex;font-size:12px;gap:6px}.sku-match.matched{color:#059669}.sku-match.not-matched{color:#dc2626}.match-details{display:flex;flex-direction:column;gap:2px}.confidence-score{color:#6c757d;font-size:.8rem;font-weight:500}.fuzzy-details{color:#6c757d;font-size:.75rem;font-style:italic;margin-top:2px}.igd-sku{color:#6b7280;font-size:11px}.toast{align-items:center;animation:fadeIn .3s;background:#333;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:1rem;left:50%;max-width:90vw;min-width:280px;padding:16px 32px 16px 16px;position:fixed;top:30px;transform:translateX(-50%);z-index:9999}.toast.success{background:#2ecc40;color:#fff}.toast.error{background:#ff4136;color:#fff}.toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2em;margin-left:18px;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.sundeep-invoice-process{padding:16px}.header-content{flex-direction:column;gap:16px}.header-title h1{font-size:24px}.section{padding:16px}.invoice-file-item{align-items:flex-start;flex-direction:column;gap:12px}.file-details{flex-direction:column;gap:4px}.summary-grid{grid-template-columns:1fr}.dialog-actions{flex-direction:column}.approval-dialog{margin:10px;max-height:95vh}}.filter-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:15px}.filter-controls,.month-filter{align-items:center;display:flex}.month-filter{gap:10px}.month-filter label{color:#495057;font-weight:500;white-space:nowrap}.month-filter select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.month-filter select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.summary-stats{display:flex;gap:20px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:5px}.stat-label{color:#6c757d;font-size:12px;font-weight:500}.stat-value{color:#495057;font-size:18px;font-weight:600}.table-container{border:1px solid #e1e8ed;border-radius:8px;overflow-x:auto}.data-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.data-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.data-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px}.data-table tbody tr:hover{background-color:#f8f9fa}.amount-cell{color:#28a745;font-weight:600;text-align:right}.no-data{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:40px 20px;text-align:center}.no-data p{font-size:1.1rem;margin:0}.placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:40px 20px;text-align:center}.placeholder p{font-size:1.1rem;font-style:italic;margin:0}.actions{margin-top:30px;text-align:center}.refresh-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.filter-controls{align-items:stretch;flex-direction:column;gap:15px}.summary-stats{justify-content:space-around}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:8px 6px}}@media (max-width:480px){.month-filter{align-items:stretch;flex-direction:column}.summary-stats{flex-direction:column;gap:10px}}.component-inventory-container{display:flex;flex-direction:column;gap:30px}.component-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.component-summary h3{color:#495057;font-size:1.2rem;font-weight:600;margin:0 0 15px}.component-summary .summary-stats{display:flex;gap:30px;margin-bottom:20px}.component-summary .stat-item{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.component-summary .stat-label{color:#6c757d;font-size:14px;font-weight:500}.component-summary .stat-value{color:#28a745;font-size:24px;font-weight:700}.bom-category-summary{border-top:1px solid #dee2e6;margin-top:20px;padding-top:20px}.bom-category-summary h4{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 15px}.category-totals{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:12px 16px}.category-name{color:#495057;font-weight:500}.category-amount{color:#28a745;font-size:1.1rem;font-weight:600}.component-totals-section,.detailed-breakdown-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.component-totals-section h3,.detailed-breakdown-section h3{border-bottom:2px solid #e9ecef;color:#495057;font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.component-totals-section .table-container,.detailed-breakdown-section .table-container{margin-top:15px}.component-inventory-container .data-table{font-size:.85rem}.component-inventory-container .data-table th{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;font-weight:600;padding:12px 8px}.component-inventory-container .data-table td{padding:10px 8px;vertical-align:middle}.component-inventory-container .data-table tbody tr:nth-child(2n){background-color:#fafbfc}.component-inventory-container .data-table tbody tr:hover{background-color:#e3f2fd}@media (max-width:1024px){.category-totals{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.component-inventory-container .data-table{font-size:.8rem}.component-inventory-container .data-table td,.component-inventory-container .data-table th{padding:8px 6px}}@media (max-width:768px){.component-summary .summary-stats{flex-direction:column;gap:15px}.category-totals{grid-template-columns:1fr}.category-item{align-items:flex-start;flex-direction:column;gap:5px}.component-totals-section,.detailed-breakdown-section{padding:15px}}.category-item.uncategorized,.uncategorized-row td{background:#fff3cd!important;color:#856404!important}.uncategorized-warning{align-items:center;background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;display:flex;font-size:1rem;font-weight:500;gap:8px;margin-top:10px;padding:10px 16px}.journal-entry-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.journal-entry-summary{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.journal-entry-summary h3{color:#495057;font-size:1.2rem;font-weight:600;margin:0 0 15px}.journal-entry-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;font-size:14px;overflow:hidden;width:100%}.journal-entry-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#2d3748;font-weight:600;padding:12px 8px;text-align:left}.journal-entry-table th:last-child{border-right:none;text-align:right}.journal-entry-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:12px 8px}.journal-entry-table td:last-child{border-right:none;font-family:Courier New,monospace;font-weight:600;text-align:right}.journal-row{transition:background-color .2s ease}.journal-row:hover{background:#f7fafc}.journal-row.credit{background:#f0fff4}.journal-row.debit{background:#fff5f5}.row-number{color:#2d3748;font-weight:600;text-align:center;width:60px}.account{color:#2d3748;font-family:Courier New,monospace;font-weight:500}.description{color:#4a5568;max-width:300px}.type{text-align:center}.type-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.type-badge.credit{background:#c6f6d5;color:#22543d}.type-badge.debit{background:#fed7d7;color:#742a2a}.amount{color:#2d3748;font-family:Courier New,monospace;font-weight:600}.journal-entry-actions{margin-top:20px;text-align:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:12px 24px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn:disabled:hover{background-color:#6c757d;cursor:not-allowed}.bundle-header{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:2px solid #2196f3}.bundle-title{align-items:center;color:#1565c0;display:flex;font-size:1.1rem;justify-content:space-between;padding:15px 12px!important}.bundle-total{color:#1976d2;font-size:.9rem;font-weight:500}.component-row{background:#fafafa;border-left:3px solid #2196f3}.component-row:hover{background:#f0f8ff!important}.component-row td:first-child,.component-row td:nth-child(2){background:#f5f5f5;color:#666;font-style:italic}@media (max-width:1200px){.bundle-title{align-items:flex-start;flex-direction:column;gap:5px}.bundle-total{font-size:.8rem}}@media (max-width:768px){.bundle-title{font-size:1rem;padding:10px 8px!important}.component-row td{font-size:.8rem;padding:8px 6px}}.test-google-connection{margin:0 auto;max-width:1200px;padding:24px}.page-header{border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.header-content{gap:24px}.header-title h1{color:#2c3e50;margin:0 0 8px}.header-tips ul{color:#6c757d;font-size:.9rem;padding-left:20px}.header-tips li{margin-bottom:4px}.section{border:1px solid #e1e5e9;border-radius:12px;margin-bottom:24px;padding:24px}.section-header h2{color:#2c3e50;font-size:1.5rem}.connection-status{margin-bottom:20px}.status-success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-weight:500;padding:12px 16px}.status-error{border:1px solid #f5c6cb;border-radius:8px;font-weight:500}.error-message,.status-error{background-color:#f8d7da;color:#721c24;padding:12px 16px}.error-message{border:1px solid #f5c6cb}.button-container{margin-bottom:24px}.connect-button,.test-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:200px;padding:12px 24px;transition:all .3s ease}.connect-button:hover,.test-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.connect-button:disabled,.test-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.test-button{background:linear-gradient(135deg,#28a745,#20c997)}.test-button:hover{box-shadow:0 4px 12px #28a74566}.instructions{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.instructions h3{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 12px}.instructions ol,.instructions ul{color:#6c757d;margin:0;padding-left:20px}.instructions li{margin-bottom:6px}.test-result{border:1px solid;border-radius:8px;margin-bottom:20px;padding:16px}.test-result.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.test-result.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.test-result h3{font-size:1.1rem;font-weight:600;margin:0 0 8px}.test-result p{margin:0 0 12px}.test-details{margin-top:12px}.test-details h4{font-size:1rem;font-weight:600;margin:0 0 8px}.test-details pre{background-color:#0000000d;border-radius:4px;font-size:.85rem;margin:0;overflow-x:auto;padding:12px}.manage-api-connections{margin:0 auto;max-width:1200px;padding:20px}.page-header{background:#fff;border-bottom:1px solid #e9ecef;color:#333;margin-bottom:20px;padding:20px}.header-content{align-items:flex-start;display:flex;justify-content:space-between}.header-title h1{color:#333;font-size:2rem;font-weight:600;margin:0}.header-tips ul{list-style:none;margin:0;padding:0}.header-tips li{color:#666;font-size:.9rem;margin-bottom:8px}.header-tips li:before{color:#666;content:"";margin-right:0}.section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px}.section-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 20px}.button-container{margin-bottom:20px;text-align:center}.check-status-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.check-status-button:hover:not(:disabled){box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.check-status-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;margin-bottom:20px;padding:15px}.api-connections-table{overflow-x:auto}.api-connections-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.api-connections-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;padding:15px;text-align:left}.api-connections-table td{border-bottom:1px solid #e9ecef;padding:15px;vertical-align:middle}.api-connections-table tr:hover{background:#f8f9fa}.api-connections-table tr.coming-soon{opacity:.6}.api-connections-table tr.coming-soon:hover{background:#f8f9fa}.api-service{align-items:center;display:flex;gap:10px}.api-icon{font-size:1.5rem}.api-name{color:#333;font-weight:600}.coming-soon-badge{background:#6c757d;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;margin-left:10px;padding:4px 8px}.status-cell{align-items:center;display:flex;gap:10px}.status-icon{font-size:1.2rem}.status-details{display:flex;flex-direction:column}.status-text{color:#666}.reconnect-button,.status-text{font-size:.9rem;font-weight:500}.reconnect-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.reconnect-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.reconnect-button.disabled,.reconnect-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:768px){.manage-api-connections{padding:10px}.page-header{padding:20px}.header-content{flex-direction:column;gap:15px}.header-title h1{font-size:2rem}.section{padding:20px}.api-connections-table{font-size:.9rem}.api-connections-table td,.api-connections-table th{padding:10px}}
/*# sourceMappingURL=main.c52fe326.css.map*/