@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#000;--color-secondary:#333;--color-tertiary:#666;--color-background:#fff;--color-white:#fff;--color-grey-50:#fafafa;--color-grey-100:#f5f5f5;--color-grey-200:#f0f0f0;--color-grey-300:#e0e0e0;--color-grey-400:#ddd;--color-grey-500:#999;--color-grey-600:#666;--color-grey-700:#555;--color-grey-800:#333;--color-grey-900:#000;--border-light:1px solid #ddd;--border-medium:1px solid #e0e0e0;--border-dark:1px solid #000;--border-heavy:2px solid #000;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 2px 4px 0 #00000014;--shadow-lg:none;--shadow-xl:none;--radius-sm:0;--radius-md:0;--radius-lg:0;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:15px;--spacing-xl:20px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.5rem;--transition-fast:100ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--color-background);color:#333;color:var(--color-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-size:var(--font-size-base);line-height:1.5}.nav-toggle{background:#0000;border:none;cursor:pointer;left:var(--spacing-lg);padding:var(--spacing-md);position:fixed;top:var(--spacing-lg);transition:all var(--transition-base);z-index:1001}.hamburger{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;transition:all .3s ease}.nav-toggle.open .hamburger{flex-direction:row;gap:6px}.hamburger .dot{background:#0000;border:1.5px solid #000;border-radius:50%;height:6px;transition:all .4s ease;width:6px}.nav-toggle.open .hamburger .dot:first-child{animation:dotExpandTop .4s ease-in-out}.nav-toggle.open .hamburger .dot:nth-child(3){animation:dotExpandBottom .4s ease-in-out}.nav-toggle:not(.open) .hamburger .dot:first-child{animation:dotCollapseTop .4s ease-in-out}.nav-toggle:not(.open) .hamburger .dot:nth-child(3){animation:dotCollapseBottom .4s ease-in-out}@keyframes dotExpandTop{0%{transform:translate(0)}50%{transform:translate(-5px,-5px)}to{transform:translate(0)}}@keyframes dotExpandBottom{0%{transform:translate(0)}50%{transform:translate(5px,5px)}to{transform:translate(0)}}@keyframes dotCollapseTop{0%{transform:translate(0)}50%{transform:translate(5px,5px)}to{transform:translate(0)}}@keyframes dotCollapseBottom{0%{transform:translate(0)}50%{transform:translate(-5px,-5px)}to{transform:translate(0)}}.navigation{background:#fff;border-right:1px solid #000;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;left:-280px;position:fixed;top:0;transition:left var(--transition-base);width:250px;z-index:1000}.navigation.open{left:0}.nav-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:50px 15px 15px}.nav-logo{display:block;height:auto;max-width:220px;width:100%}.nav-content{flex:1 1;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-lg);padding-top:20px}.nav-section{margin-bottom:var(--spacing-xl)}.nav-section-title{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding-left:10px;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-link{border-left:3px solid #0000;color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:2px;padding:12px 15px;position:relative;text-decoration:none;transition:all var(--transition-base)}.nav-link:hover{background:#f5f5f5;border-left-color:#ddd}.nav-link.active{background:#f0f0f0;border-left-color:#000;font-weight:600}.nav-footer{background:#f5f5f5;border-top:1px solid #ddd;padding:var(--spacing-xl)}.nav-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{align-items:center;background:#fff;border:1px solid #ddd;display:flex;justify-content:space-between;padding:8px}.stat-value{color:#000;font-size:14px;font-weight:600}.nav-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.navigation{left:-300px;width:280px}}.nav-content::-webkit-scrollbar{width:6px}.nav-content::-webkit-scrollbar-track{background:var(--color-grey-800);border-radius:var(--radius-sm)}.nav-content::-webkit-scrollbar-thumb{background:var(--color-grey-600);border-radius:var(--radius-sm)}.nav-content::-webkit-scrollbar-thumb:hover{background:var(--color-grey-500)}.nav-link:after{background:#0000;border-radius:50%;content:"";height:8px;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:8px}.nav-link[href*="/production/"].active:after{animation:pulse 2s infinite;background:var(--color-grey-400)}.home-page{background:#0000;min-height:100vh;overflow-x:hidden;position:relative}.background-animation{height:100vh;left:0;overflow:visible;pointer-events:none;position:fixed;top:0;width:100vw;z-index:5}.floating-circle{animation:floatSlow 12s ease-in-out infinite;background:#0000;border:2px solid #0000004d;border-radius:50%;height:12px;position:absolute;width:12px}@keyframes floatSlow{0%{opacity:.5;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.7;transform:translateY(-30px) translateX(15px) scale(1.1)}50%{opacity:.8;transform:translateY(-60px) translateX(-10px) scale(1.2)}75%{opacity:.7;transform:translateY(-30px) translateX(-15px) scale(1.1)}to{opacity:.5;transform:translateY(0) translateX(0) scale(1)}}.dots-animation{height:100vh;left:0;overflow:visible;position:fixed;top:0;width:100vw}.animated-dot{animation:dotMoveAndExit 5s ease-in-out forwards}.animated-dot,.animated-dot-to-logo{background:#0000;border:2px solid #000;border-radius:50%;position:absolute}.animated-dot-to-logo{animation:dotMoveToLogo 4s ease-in-out forwards;left:var(--start-left);top:var(--start-top)}@keyframes dotMoveToLogo{0%{left:var(--start-left);opacity:0;top:var(--start-top)}15%{opacity:1}40%{left:var(--start-left);opacity:1;top:var(--start-top)}80%{left:var(--end-left);opacity:1;top:var(--end-top)}to{left:var(--end-left);opacity:1;top:var(--end-top)}}@keyframes dotMoveAndExit{0%{opacity:0;transform:translate(0)}15%{opacity:1}30%{opacity:1;transform:translate(calc(sin(0)*80px),calc(cos(0)*80px)) rotate(180deg);transform:translate(calc(sin(var(--exit-x, 0))*80px),calc(cos(var(--exit-y, 0))*80px)) rotate(180deg)}45%{opacity:1;transform:translate(calc(sin(0)*-60px),calc(cos(0)*-60px)) rotate(1turn);transform:translate(calc(sin(var(--exit-x, 0))*-60px),calc(cos(var(--exit-y, 0))*-60px)) rotate(1turn)}55%{opacity:1}to{opacity:0;transform:translate(calc(var(--exit-x)*1vw),calc(var(--exit-y)*1vh))}}.logo-dot{background:#0000;border:2px solid #000;border-radius:50%;opacity:1;position:absolute;transform:translate(-50%,-50%)}.loading-container{min-height:100vh;position:relative;z-index:10}.wordmark-reveal{animation:wordmarkFadeIn 1.5s ease-out 4s forwards;left:50%;opacity:0;position:absolute;text-align:center;top:68%;transform:translate(-50%,-50%)}@keyframes wordmarkFadeIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.wordmark{color:#000;font-size:48px;font-weight:300;letter-spacing:12px;text-transform:uppercase}.wordmark-sub{color:#0009;font-size:18px;font-style:italic;font-weight:300;letter-spacing:6px;margin-top:10px}.home-content{animation:fadeIn 1s ease-out;background:#0000;min-height:100vh;padding:100px 40px;position:relative;z-index:10}.hero-section{margin-bottom:80px;text-align:center}.hero-logo-image{animation:fadeInDown 1s ease-out;height:250px;margin:0 0 30px;object-fit:contain}.hero-divider{background:#0003;height:1px;margin:30px auto;width:60px}.hero-subtitle{color:#00000080;font-size:16px;font-weight:300;letter-spacing:3px;margin:0;text-transform:uppercase}.quick-links-grid{grid-gap:1px;background:#0000001a;border:1px solid #0000001a;gap:1px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1400px}.quick-link-card{animation:fadeInUp .8s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:none;color:#000;overflow:hidden;padding:40px;position:relative;text-decoration:none;transition:all .4s ease}.quick-link-card:before{background:#000;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%;z-index:0}.quick-link-card:hover:before{transform:scaleX(1)}.quick-link-card:hover{color:#fff}.quick-link-card>*{position:relative;z-index:1}.card-title{font-size:24px;letter-spacing:2px;margin:0 0 15px;text-transform:uppercase}.card-description,.card-title{font-weight:300;transition:color .4s ease}.card-description{color:#00000080;font-size:13px;line-height:1.8;margin:0 0 20px}.quick-link-card:hover .card-description{color:#ffffffb3}.card-arrow{color:#0000004d;display:inline-block;font-size:20px;transition:all .4s ease}.quick-link-card:hover .card-arrow{color:#fff;transform:translateX(8px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-logo-image{height:100px}.brand-logo-image{height:80px}.quick-links-grid{gap:1px;grid-template-columns:1fr}.home-content{padding:60px 20px}.quick-link-card{padding:30px}}.search-bar{position:relative}.search-input{background:#fff;border:1px solid #e0e0e0;font-size:1rem;outline:none;padding:.75rem;transition:border-color .2s;width:100%}.search-input:focus{border-color:#000}.suggestions{background:#fff;border:1px solid #e0e0e0;border-top:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{padding:.75rem;transition:background .1s}.suggestion-item.selected,.suggestion-item:hover{background:#f5f5f5}.suggestion-sku{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.suggestion-description{color:#666;font-size:.75rem}.no-results-message{border-bottom:1px solid #f0f0f0;color:#666;font-size:.875rem;padding:.75rem}.netsuite-lookup-option{background:#f8f8f8;cursor:pointer;padding:1rem;transition:background .2s}.netsuite-lookup-option:hover{background:#e8f4fd}.lookup-action{color:#06c;font-weight:500;margin-bottom:.25rem}.lookup-hint{color:#666;font-size:.75rem}.netsuite-lookup-message{color:#06c;font-style:italic;padding:1rem;text-align:center}.search-input:disabled{background:#f5f5f5;cursor:not-allowed}.label-preview{background:#fff;border:1px solid #ddd;display:inline-block;padding:1px}.label-content{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:2in;padding:.125in;position:relative;width:3in}.label-top-section{display:flex;flex:1 1;gap:.125in}.label-left-column,.label-right-column{display:flex;flex:1 1;flex-direction:column}.label-right-column{align-items:center;justify-content:space-between}.label-bottom-section{align-items:center;box-sizing:border-box;display:flex;height:45px;justify-content:center;margin-top:auto;overflow:hidden;padding-top:4px;width:100%}.label-brand{font-size:10pt;font-weight:700;text-transform:uppercase}.label-logo{height:auto;margin-bottom:4px;max-height:30px;max-width:120px;object-fit:contain;width:100%}.label-date{font-size:9pt;font-weight:700;margin-top:4px;text-align:center}.label-qr-section{margin-top:0;width:100%}.label-qr-section svg{height:auto;max-width:90px;width:100%}.label-qr-text{font-size:7pt;letter-spacing:1px;margin-top:2px}.label-sku{font-size:10pt;margin-top:4px}.label-case-qty,.label-sku{font-weight:700;text-align:left}.label-case-qty{font-size:9pt;margin-top:2px}.label-barcode-section{margin:4px 0}.label-barcode-section svg{height:40px;max-width:100%}.label-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box;display:-webkit-box;font-family:Helvetica,Arial,sans-serif;font-size:11pt;font-weight:900;line-height:1.15;margin:0;max-height:2.3em;overflow:hidden;padding:0 4px;text-align:center;width:100%;word-break:break-word}@media print{@page label-print{size:letter;margin:0}body{margin:0}}.print-container{height:11in;margin:0;padding:0;width:8.5in}.print-page{grid-row-gap:.15in;grid-column-gap:0;align-content:start;column-gap:0;display:grid;grid-template-columns:repeat(2,3in);grid-template-rows:repeat(5,2in);height:100%;justify-content:center;padding:.15in 0 .25in;row-gap:.15in;width:100%}.print-label{height:2in;padding:.0625in;page-break-inside:avoid;position:relative;width:3in}.print-label-content{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:100%;padding:.125in;position:relative;width:100%}.print-label-top-section{display:flex;flex:1 1;gap:.125in}.print-label-left-column,.print-label-right-column{display:flex;flex:1 1;flex-direction:column}.print-label-right-column{align-items:center;justify-content:space-between}.print-label-bottom-section{align-items:center;display:flex;height:45px;justify-content:center;margin-top:auto;overflow:hidden;padding-top:4px;width:100%}.print-label-brand{font-size:10pt;font-weight:700;text-transform:uppercase}.print-label-logo{height:auto;margin-bottom:4px;max-height:30px;max-width:120px;object-fit:contain;width:100%}.print-label-date{font-size:9pt;font-weight:700;margin-top:4px;text-align:center}.print-label-qr-section{align-items:center;display:flex;flex-direction:column;margin-top:0;width:100%}.print-label-qr-section svg{height:auto;max-width:90px;width:100%}.print-label-qr-text{font-size:7pt;font-weight:700;letter-spacing:1px;margin-top:2px}.print-label-sku{font-size:10pt;font-weight:700;margin-top:4px;text-align:left}.print-label-case-qty{font-size:9pt;font-weight:700;margin-top:2px;text-align:left}.print-label-barcode-section{margin:4px 0}.print-label-barcode-section svg{height:40px;max-width:100%}.print-label-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:Helvetica,Arial,sans-serif;font-size:11pt;font-weight:900;line-height:1.15;margin:0;max-height:2.3em;overflow:hidden;text-align:center;word-break:break-word}@media screen{.print-container{display:none}}.ops-page{background:#f5f5f5;margin:0 auto;max-width:600px;min-height:100vh;padding:1rem}.ops-page-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.back-button{color:#2196f3;display:inline-block;font-size:1rem;margin-bottom:.5rem;text-decoration:none}.ops-page-header h1{color:#333;font-size:1.5rem;margin:0}.sku-label{color:#666;font-size:1rem;margin-top:.25rem}.total-qty{color:#4caf50;font-size:1.2rem;font-weight:600;margin-top:.5rem}.inventory-list{display:flex;flex-direction:column;gap:1rem}.inventory-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;padding:1rem}.bin-code{color:#333;font-size:1.2rem;font-weight:600;margin-right:1rem;min-width:100px}.bin-details{flex:1 1}.bin-location{color:#666;font-size:.9rem;margin-bottom:.25rem}.bin-quantity{font-size:1.1rem;margin:.5rem 0}.qty-label{color:#666;margin-right:.5rem}.qty-value{color:#4caf50;font-size:1.2rem;font-weight:600}.last-counted,.lot-info{color:#888;font-size:.85rem}.last-counted{margin-top:.25rem}.no-data{font-size:1.1rem;padding:2rem}.putaway-form,.transfer-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem}.form-control{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-control-large{font-size:1.2rem;padding:1rem}.form-control:focus{border-color:#2196f3;outline:none}.form-help{color:#666;display:block;font-size:.85rem;margin-top:.25rem}.error-message{background:#ffebee;color:#c62828;padding:.75rem}.error-message,.expected-putaway{border-radius:6px;margin-bottom:1rem}.expected-putaway{background:#fff3e0;border:2px solid #ff9800;padding:1rem}.expected-label{color:#666;font-size:.9rem;margin-bottom:.25rem}.expected-value{color:#ff6f00;font-size:1.5rem;font-weight:700}.suggested-bin{background:#e3f2fd;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.suggestion-label{color:#666;font-size:.9rem;margin-bottom:.25rem}.suggestion-value{color:#1976d2;font-size:1.2rem;font-weight:600}.form-warning{color:#ff9800;display:block;font-size:.9rem;font-weight:600;margin-top:.5rem}.submit-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:background .2s;width:100%}.submit-button-large{font-size:1.2rem;padding:1.25rem}.submit-button:hover:not(:disabled){background:#45a049}.submit-button:disabled{background:#ccc;cursor:not-allowed}.quick-actions{display:flex;gap:.5rem;margin-top:1rem}.quick-action-btn{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:background .2s}.quick-action-btn:hover{background:#e0e0e0}.conversion-section{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.conversion-label{color:#666;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.conversion-controls{align-items:center;display:flex;gap:.5rem}.conversion-qty{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;text-align:center;width:80px}.convert-button{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:background .2s}.convert-button:hover:not(:disabled){background:#f57c00}.convert-button:disabled{background:#ccc;cursor:not-allowed}.conversion-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.sku-input-group{display:flex;gap:.5rem;margin-top:.5rem}.sku-input-group input{flex:1 1}.bin-selection{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.bin-option{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s}.bin-option.selected,.bin-option:hover{background:#fff8f0;border-color:#ff9800}.bin-option-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.bin-option-header input[type=radio]{margin:0}.bin-option-header .bin-code{font-size:1.1rem;font-weight:600}.bin-option-details{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-left:1.75rem}.conversion-preview{background:#fff8f0;border-radius:4px;color:#666;font-size:.95rem;margin-top:.5rem;padding:.75rem}.convert-action-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:background .2s;width:100%}.convert-action-button:hover:not(:disabled){background:#f57c00}.convert-action-button:disabled{background:#ccc;cursor:not-allowed}.bin-group-label{color:#757575;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;margin-top:1rem;text-transform:uppercase}.bin-group-label:first-child{margin-top:0}.bin-badge{border-radius:12px;font-size:.75rem;font-weight:600;margin-left:auto;padding:.2rem .5rem;text-transform:uppercase}.bin-badge.recommended{background:#e8f5e9;color:#2e7d32}.bin-badge.empty{background:#f3e5f5;color:#6a1b9a}.bin-badge.preferred{background:#fff3e0;color:#e65100}.loading-inline{color:#666;font-style:italic;padding:.75rem;text-align:center}.manual-bin-input{margin-top:1rem;padding-left:2rem}.manual-bin-input input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;max-width:300px;padding:.5rem;text-transform:uppercase;width:100%}.manual-bin-input input:focus{border-color:#ff9800;outline:none}.success-message{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;margin-top:1rem;padding:1rem}.success-message h3{color:#4caf50;margin:0 0 .5rem}.result-details{color:#333}.result-details ul{margin:.5rem 0 0 1.5rem;padding:0}.error-message{padding:2rem}.error-message h3{color:#f44336;margin-bottom:1rem}.error-message p{color:#666;margin-bottom:1.5rem}.ops-landing{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh}.ops-landing-header{margin-bottom:40px;text-align:center}.ops-landing-header h1{color:#333;font-size:2.5em;margin-bottom:10px}.ops-landing-header .subtitle{color:#666;font-size:1.2em}.sku-entry-form{margin:0 auto;max-width:500px;width:100%}.input-group.large{margin-bottom:20px}.input-group.large label{display:block;font-size:1.1em;font-weight:600;margin-bottom:10px}.sku-input-large{border:2px solid #ddd;border-radius:8px;font-size:1.5em;padding:20px;text-align:center;text-transform:uppercase;transition:border-color .3s;width:100%}.sku-input-large:focus{border-color:#4caf50;outline:none}.submit-button-large{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:600;padding:18px;transition:background .3s;width:100%}.submit-button-large:hover:not(:disabled){background:#45a049}.submit-button-large:disabled{background:#ccc;cursor:not-allowed}.quick-links{margin-top:60px;max-width:600px;width:100%}.quick-links h3{color:#666;margin-bottom:20px;text-align:center}.quick-links-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quick-link{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:all .3s}.quick-link:hover{background:#e8e8e8;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.quick-link-icon{font-size:2em;margin-bottom:10px}.quick-link-label{color:#333;font-size:.9em;text-align:center}.message-box{border-radius:8px;margin:20px auto;max-width:500px;padding:15px;text-align:center;width:100%}.message-box.error{background:#ffebee;border:1px solid #ef5350;color:#c62828}.message-box.info{background:#e3f2fd;border:1px solid #42a5f5;color:#1565c0}@media (max-width:600px){.ops-page{padding:.5rem}.form-control-large{font-size:16px}}.loading-spinner-container{flex-direction:column;gap:20px}.loading-spinner,.loading-spinner-container{align-items:center;display:flex;justify-content:center}.loading-spinner{gap:6px}.loading-spinner .dot{animation:dotPulse 1.5s infinite;background:#0000!important;border:1.5px solid #000;border-radius:50%;height:6px;width:6px}.loading-spinner.small .dot{border-width:1.5px;height:5px;width:5px}.loading-spinner.medium .dot{border-width:1.5px;height:6px;width:6px}.loading-spinner.large .dot{border-width:2px;height:8px;width:8px}.loading-spinner .dot:first-child{animation-delay:0s}.loading-spinner .dot:nth-child(2){animation-delay:.2s}.loading-spinner .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.ops-container{background:#fafafa;margin:0 auto;max-width:600px;min-height:100vh;padding:1.25rem}.pin-lock{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-top:3rem;padding:2.5rem 2rem;text-align:center}.pin-lock-header h1{color:#1a1a1a;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem}.pin-lock-header p{color:#737373;font-size:.95rem;margin:0 0 2rem}.pin-dots{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.pin-dot{background:#0000;border:none;border-bottom:3px solid #e5e5e5;caret-color:#0000;font-size:2rem;height:70px;text-align:center;transition:all .2s ease;width:60px}.pin-dot:focus{border-bottom-color:#1a1a1a;outline:none}.pin-dots.pin-error .pin-dot{animation:shake .3s ease;border-bottom-color:#dc2626}.error-message{animation:fadeIn .3s ease;color:#dc2626;font-size:.9rem;margin-top:.5rem}.ops-header{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;padding:1.75rem;text-align:center}.ops-header h1{color:#1a1a1a;font-size:2rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem}.item-description{color:#737373;font-size:.95rem;line-height:1.4;margin:0 0 1.25rem}.inventory-summary{border-top:1px solid #e5e5e5;margin-top:1.25rem;padding-top:1.25rem}.inventory-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.inventory-label{color:#737373;font-size:.95rem;font-weight:500}.inventory-value{color:#1a1a1a;font-size:1.1rem;font-weight:600}.inventory-locations{display:flex;flex-direction:column;gap:.5rem}.location-item{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.location-bin{color:#404040;font-size:.95rem;font-weight:500}.location-qty{color:#1a1a1a;font-size:.95rem;font-weight:600}.ops-menu{display:flex;flex-direction:column;gap:.75rem}.ops-menu-item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#1a1a1a;display:flex;min-height:72px;padding:1.25rem 1.5rem;text-decoration:none;transition:all .2s ease}.ops-menu-item:hover{border-color:#d4d4d4;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.ops-menu-item:active{box-shadow:0 1px 3px #00000014;transform:translateY(0)}.ops-content{flex:1 1}.ops-label{color:#1a1a1a;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.25rem}.ops-description{color:#737373;font-size:.9rem;line-height:1.3}.loading{color:#737373}.error,.loading{font-size:1.1rem;padding:2rem}.error{background:#fff;border:1px solid #fecaca;border-radius:12px;color:#dc2626;text-align:center}@media (min-width:768px){.ops-container{padding:2rem}.ops-menu{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}}@media print{@page{size:4in 6in portrait;color-adjust:exact;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}body{margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.receiving-label{break-after:page;break-inside:avoid;page-break-after:always;page-break-inside:avoid}.receiving-label:last-child{break-after:auto;page-break-after:auto}.receiving-label:not(:first-child){break-before:page;page-break-before:always}}.receiving-label,.receiving-print-container{margin:0;padding:0}.receiving-label{box-sizing:border-box;display:block;height:6in;width:4in}.receiving-label-content{box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:100%;padding:.25in;width:100%}.label-header{display:flex;justify-content:space-between;margin-bottom:.1in}.label-date{color:#333;font-size:11pt}.label-number{color:#666;font-size:14pt;font-weight:700}.label-sections{display:flex;flex:1 1;flex-direction:column;gap:.12in;text-align:left}.label-section{border:none;margin:0;padding:0;text-align:left}.label-title{display:inline;font-size:11pt;font-weight:700;margin-bottom:.05in}.label-barcode{align-items:center;display:flex;justify-content:flex-start;margin:.05in 0;min-height:50px}.label-barcode svg{height:50px;max-width:100%}.label-text{font-size:12pt;margin-top:.03in;overflow:hidden;text-overflow:ellipsis}.label-qr-section{align-items:center;display:flex;flex-direction:column;gap:.03in;margin-top:auto;padding-top:.1in}.label-qr-section svg{height:120px;width:120px}.label-qr-text{font-size:12pt;font-weight:700;letter-spacing:2px;text-align:center}.receiving-print-container{display:none}@media print{body *{visibility:hidden}.receiving-print-container,.receiving-print-container *{visibility:visible}.receiving-print-container{display:block;left:0;position:absolute;top:0}}.goods-receipt-page{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.page-header{align-items:center;border-bottom:2px solid #e0e6ed;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.page-header h1{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.header-controls{gap:20px}.auto-print-settings{background:#f0f0f0;border:2px solid #d0d0d0;border-radius:8px;display:flex;gap:15px;padding:10px 16px}.settings-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.settings-toggle input[type=checkbox]{cursor:pointer;height:20px;width:20px}.settings-toggle span{color:#333;font-size:14px;font-weight:600}.settings-info{align-items:center;color:#666;display:flex;font-size:12px;font-style:italic;padding:0 8px}.printer-ip-input{width:180px}.print-method-select,.printer-ip-input,.printer-select{border:1px solid #d0d0d0;border-radius:4px;font-size:14px;padding:6px 10px}.print-method-select,.printer-select{background:#fff;cursor:pointer}.printer-select{max-width:300px;min-width:200px}.refresh-printers-btn{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;padding:6px 10px;transition:all .2s}.refresh-printers-btn:hover{background:#f0f0f0;transform:rotate(180deg)}.diagnose-btn{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;padding:6px 10px;transition:all .2s}.diagnose-btn:hover{background:#f0f0f0;transform:scale(1.1)}.test-server-btn{background:#28a745;border:1px solid #28a745;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .2s}.test-server-btn:hover{background:#218838;border-color:#218838;transform:translateY(-1px)}.cancel-button{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-button:hover{background:#c0392b;transform:translateY(-2px)}.message{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:16px;font-weight:500;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.message.error{background:#fee;border-left:4px solid #e74c3c;color:#c0392b}.message.success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.message button{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;opacity:.7;transition:opacity .2s}.message button:hover{opacity:1}.loading-overlay{background:#ffffffe6;z-index:9998}.loading-spinner{border:6px solid #e0e6ed;border-top-color:#3498db}.vendor-selection{margin:0 auto;max-width:1200px}.vendor-selection h2{color:#2c3e50;font-size:28px;margin-bottom:30px;text-align:center}.vendor-selection h3{color:#34495e;font-size:20px;margin-bottom:20px}.likely-vendors-section{margin-bottom:50px}.likely-pos-section{background:#f9f9f9;border-radius:12px;margin-bottom:30px;padding:20px 10px}.vendor-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.po-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr);max-height:80vh;overflow-y:auto;padding:30px 20px}@media (orientation:portrait) and (min-width:768px){.po-buttons{gap:20px;grid-template-columns:repeat(4,1fr);padding:40px 25px}}@media (orientation:portrait) and (max-width:767px){.po-buttons{gap:15px;grid-template-columns:repeat(3,1fr);padding:25px 15px}}.po-button,.vendor-button{background:#fff;border:2px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;min-height:100px;padding:24px;text-align:left;transition:all .2s}.po-button:hover,.vendor-button:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db33}.po-button:active,.vendor-button:active{transform:scale(.98)}.po-vendor-name,.vendor-name{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px}.po-number{color:#3498db;font-size:16px;font-weight:500;margin-bottom:8px}.po-dates{color:#555;font-size:13px;margin-bottom:8px}.po-arrival,.po-date{margin-bottom:4px}.po-stats,.vendor-stats{color:#7f8c8d;font-size:14px}.no-vendors{color:#95a5a6;font-style:italic;padding:40px;text-align:center}.vendor-search-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.search-with-keyboard{align-items:stretch;display:flex;gap:12px}.vendor-search-input{border:2px solid #e0e6ed;border-radius:8px;cursor:pointer;flex:1 1;font-size:18px;padding:16px;transition:border-color .2s}.vendor-search-input:focus{border-color:#3498db;outline:none}.keyboard-button{align-items:center;background:#0000;border:2px solid #e0e6ed;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:24px;justify-content:center;min-width:70px;padding:16px 24px;transition:all .2s}.keyboard-button:hover{border-color:#3498db;color:#3498db;transform:scale(1.05)}.keyboard-button:active{transform:scale(.95)}.search-results{background:#fff;border:1px solid #e0e6ed;border-radius:8px;margin-top:15px;max-height:400px;overflow:hidden;overflow-y:auto}.search-result-item{border-bottom:1px solid #f0f3f7;cursor:pointer;padding:16px;transition:background .2s}.search-result-item:hover{background:#f8f9fa}.search-result-item:last-child{border-bottom:none}.vendor-code{color:#7f8c8d;font-size:14px;margin-top:4px}.po-search-result{align-items:center;display:flex;gap:12px;margin-bottom:4px}.po-date-info{color:#7f8c8d;font-size:13px}.po-selection{margin:0 auto;max-width:900px}.header-with-back{align-items:center;display:flex;gap:20px;margin-bottom:20px}.back-button{background:#95a5a6;border-radius:8px;font-size:16px;transition:all .2s}.back-button:hover{background:#7f8c8d}.vendor-info{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.po-list{display:flex;flex-direction:column;gap:15px}.po-card{background:#fff;border:2px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:all .2s}.po-card:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db33}.po-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.po-number{color:#2c3e50;font-size:20px;font-weight:600}.po-status{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.po-status.status-open{background:#d4edda;color:#155724}.po-status.status-partially_received{background:#fff3cd;color:#856404}.po-details{color:#7f8c8d;display:flex;font-size:14px;gap:20px}.receiving-mode{margin:0 auto;max-width:1200px;padding-bottom:100px}.receiving-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:24px}.po-info h2{color:#2c3e50;font-size:24px;margin:0 0 8px}.po-info .vendor-name{color:#7f8c8d;font-size:16px}.complete-button{background:#27ae60;font-size:18px;padding:16px 32px;transition:all .2s}.complete-button:hover{background:#229954;transform:translateY(-2px)}.scan-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:15px;margin-bottom:30px;padding:24px}.submit-section{margin:30px 0;text-align:center}.submit-receipt-button{background:#27ae60;border:none;border-radius:8px;box-shadow:0 4px 12px #27ae604d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:18px 40px;transition:all .2s}.submit-receipt-button:hover{background:#229954;box-shadow:0 6px 16px #27ae6066;transform:translateY(-2px)}.submit-receipt-button:active{transform:translateY(0)}.scan-form-bottom{background:#fff;bottom:0;box-shadow:0 -4px 12px #00000026;left:0;padding:20px;position:fixed;right:0;z-index:1000}.scan-form-bottom .scan-input{border:2px solid #3498db;border-radius:8px;font-size:20px;padding:18px;width:100%}.scan-input{border:2px solid #e0e6ed;border-radius:8px;font-size:18px;padding:16px;transition:border-color .2s}.scan-input:focus{border-color:#3498db;outline:none}.scan-button{background:#3498db;font-size:18px;padding:16px 32px;transition:all .2s}.scan-button:hover{background:#2980b9}.scan-button:disabled{background:#bdc3c7}.po-items-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:24px}.po-items-list h3{color:#2c3e50;font-size:20px;margin-bottom:20px}.po-item{align-items:center;background:#fff;border:2px solid #e0e6ed;border-radius:8px;display:flex;gap:20px;margin-bottom:12px;padding:16px;transition:all .2s}.po-item:hover:not(.complete){border-color:#3498db;cursor:pointer}.po-item.complete{background:#f8f9fa;opacity:.6}.po-item.just-received{background:#d4edda;border-color:#27ae60}.item-checkbox input[type=checkbox]{cursor:pointer;height:28px;width:28px}.item-details{flex:1 1}.item-sku{color:#2c3e50;font-size:16px;margin-bottom:4px}.item-description{color:#7f8c8d;margin-bottom:4px}.vendor-item-code{color:#95a5a6;font-size:12px;font-style:italic}.item-quantity{color:#34495e;font-size:18px;font-weight:600;min-width:120px;text-align:right}.item-quantity .complete{color:#27ae60}.item-quantity .remaining{color:#7f8c8d;font-size:14px;font-weight:400}.received-items-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.received-items-list h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.received-item{background:#d4edda;border-left:4px solid #27ae60;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.item-name{color:#2c3e50;font-weight:500}.item-qty{color:#27ae60;font-weight:600}.completed-mode{margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.success-icon{align-items:center;background:#27ae60;border-radius:50%;box-shadow:0 8px 24px #27ae604d;color:#fff;display:flex;font-size:72px;height:120px;justify-content:center;margin:0 auto 30px;width:120px}.completed-mode h2{color:#2c3e50;font-size:32px;margin-bottom:30px}.receipt-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:30px;text-align:left}.receipt-info p{color:#7f8c8d;font-size:16px;margin-bottom:12px}.receipt-info strong{color:#2c3e50;font-weight:600}.start-over-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 48px;transition:all .2s}.start-over-button:hover{background:#2980b9;transform:translateY(-2px)}.keypad-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.keypad-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:30px;width:100%}.keypad-modal h3{color:#2c3e50;font-size:24px}.item-info,.keypad-modal h3{margin-bottom:20px;text-align:center}.item-info{background:#f8f9fa;border-radius:8px;padding:16px}.item-info .item-name{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px}.item-info .item-remaining{color:#7f8c8d;font-size:14px}.quantity-display{align-items:center;background:#ecf0f1;border:2px solid #bdc3c7;border-radius:8px;color:#2c3e50;display:flex;font-size:36px;font-weight:600;justify-content:flex-end;margin-bottom:20px;min-height:70px;padding:20px;text-align:right}.keypad-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.keypad-button{background:#fff;border:2px solid #e0e6ed;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:24px;font-weight:600;padding:20px;transition:all .15s}.keypad-button:hover{background:#f8f9fa;border-color:#3498db}.keypad-button:active{background:#ecf0f1;transform:scale(.95)}.keypad-button.backspace{background:#e74c3c;border-color:#e74c3c;color:#fff}.keypad-button.backspace:hover{background:#c0392b;border-color:#c0392b}.keypad-actions{display:flex;gap:12px}.keypad-cancel,.keypad-confirm{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:18px;font-weight:600;padding:16px;transition:all .2s}.keypad-cancel{background:#95a5a6;color:#fff}.keypad-cancel:hover{background:#7f8c8d}.keypad-confirm{background:#27ae60;color:#fff}.keypad-confirm:hover{background:#229954}.keypad-confirm:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.goods-receipt-page{padding:15px}.page-header h1{font-size:24px}.po-buttons,.vendor-buttons{grid-template-columns:1fr}.receiving-header{align-items:stretch;gap:15px}.po-item,.receiving-header,.scan-form{flex-direction:column}.po-item{align-items:flex-start;gap:12px}.item-quantity{text-align:left}}.label-prompt-modal{max-width:500px}.label-prompt-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.label-prompt-item{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px}.label-prompt-qty{color:#7f8c8d;font-size:14px}.label-quantity-section{margin-bottom:20px;text-align:center}.label-quantity-display{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:10px}.label-qty-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;font-weight:600;height:60px;transition:all .2s;width:60px}.label-qty-btn:hover{background:#2980b9;transform:scale(1.05)}.label-qty-btn:active{transform:scale(.95)}.label-qty-number{color:#2c3e50;font-size:48px;font-weight:700;min-width:80px;text-align:center}.label-qty-text{color:#7f8c8d;font-size:14px}@media (hover:none) and (pointer:coarse){.complete-button,.keypad-button,.po-card,.scan-button,.vendor-button{min-height:56px}.item-checkbox input[type=checkbox]{height:36px;width:36px}}.search-keypad{max-width:900px}.alpha-keypad{gap:8px;grid-template-columns:repeat(10,1fr)}.alpha-keypad .keypad-button{font-size:16px;min-height:50px;padding:15px 8px}.alpha-keypad .space-key{grid-column:span 3}.alpha-keypad .backspace{background:#e74c3c;grid-column:span 2}.search-keypad .quantity-display{font-size:22px;min-height:60px;padding:15px 20px;text-align:left;word-break:break-all}.diagnostic-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.diagnostic-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.diagnostic-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e6ed;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.diagnostic-header h2{font-size:24px;font-weight:600;margin:0}.diagnostic-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s;width:40px}.diagnostic-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.diagnostic-content{flex:1 1;overflow-y:auto;padding:24px}.diagnostic-start{padding:40px;text-align:center}.diagnostic-start p{color:#666;font-size:16px;margin-bottom:24px}.run-diagnostic-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 32px;transition:all .3s}.run-diagnostic-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.diagnostic-section{background:#f8f9fa;border:1px solid #e0e6ed;border-radius:12px;margin-bottom:28px;padding:20px}.diagnostic-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 16px}.info-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr)}.info-grid div{background:#fff;border-radius:6px;color:#666;font-size:14px;padding:8px}.info-grid strong{color:#2c3e50;font-weight:600}.printer-list{display:flex;flex-direction:column;gap:12px}.printer-item{background:#fff;border:1px solid #d0d8e0;border-radius:8px;padding:12px}.printer-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:4px}.printer-details{color:#888;font-size:13px}.recommendation{border-radius:8px;font-size:15px;margin-bottom:8px;padding:12px 16px}.recommendation.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.recommendation.warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.recommendation.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.test-print-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.test-print-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.test-print-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.test-result{border-radius:8px;font-size:15px;font-weight:500;padding:14px 18px}.test-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.test-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.diagnostic-actions{border-top:2px solid #e0e6ed;display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px}.close-diagnostic-btn,.rerun-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .2s}.rerun-btn{background:#6c757d;color:#fff}.rerun-btn:hover{background:#5a6268;transform:translateY(-1px)}.close-diagnostic-btn{background:#007bff;color:#fff}.close-diagnostic-btn:hover{background:#0056b3;transform:translateY(-1px)}.barcode-scanner{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.scanner-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.scanner-header h3{font-size:1.3rem;margin:0}.close-scanner{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:transform .3s;width:30px}.close-scanner:hover{transform:rotate(90deg)}.scanner-content{padding:20px}.camera-section{margin-bottom:30px}.camera-placeholder{background:#f9f9f9;border:2px dashed #ddd;border-radius:10px;padding:40px;text-align:center}.camera-icon{font-size:3rem;margin-bottom:15px}.camera-placeholder p{color:#666;margin:5px 0}.install-note{background:#f0f0f0;border-radius:3px;color:#999;display:inline-block;font-family:Courier New,monospace;font-size:.9rem;margin-top:10px;padding:5px 10px}.manual-section{margin-bottom:30px}.manual-section h4{color:#333;font-size:1.1rem;margin-bottom:15px}.barcode-input{border:2px solid #ddd;border-radius:5px;font-family:Courier New,monospace;font-size:1rem;margin-bottom:15px;padding:12px;width:100%}.barcode-input:focus{border-color:#667eea;outline:none}.button-group{display:flex;gap:10px}.scan-btn,.test-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s}.scan-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.test-btn{background:#6c757d;color:#fff}.scan-btn:hover,.test-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.scanner-instructions{background:#f0f9ff;border-left:4px solid #2196f3;border-radius:5px;padding:15px}.scanner-instructions h4{color:#2196f3;margin-bottom:10px;margin-top:0}.scanner-instructions ul{color:#666;margin:0;padding-left:20px}.scanner-instructions li{margin-bottom:5px}.scanner-error{background:#fee;border-left:4px solid #c00;border-radius:5px;color:#c00;margin-top:15px;padding:10px}.packaging-gift-set-view{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px}.packaging-gift-set-view.error,.packaging-gift-set-view.loading{color:#666;font-size:16px;padding:40px;text-align:center}.packaging-gift-set-view.error{color:#d32f2f}.section-title{align-items:center;color:#333;display:flex;flex-shrink:0;font-size:18px;font-weight:600;gap:8px;margin-bottom:10px}.gift-set-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:20px;min-height:0;overflow-y:auto}.gift-set-group{background:#fff;border:2px solid #e0e0e0;border-radius:6px;flex-shrink:0;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.gift-set-group.ready{border-color:#4caf50;box-shadow:0 2px 8px #4caf5033}.gift-set-group.pending{border-color:#ff9800}.group-header{background:#f5f5f5;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.group-header:hover{background:#eee}.gift-set-group.ready .group-header{background:#e8f5e9}.gift-set-group.ready .group-header:hover{background:#c8e6c9}.header-left{align-items:center;display:flex;gap:12px}.expand-icon{font-size:14px;width:16px}.wo-number{color:#333;font-size:18px}.component-count{background:#fff;border-radius:12px;color:#666;font-size:14px;padding:4px 12px}.header-right{align-items:center;display:flex;gap:12px}.status-badge{font-size:14px;padding:6px 16px}.status-badge.ready{background:#4caf50;color:#fff}.status-badge.pending{background:#ff9800;color:#fff}.ready-indicator{color:#4caf50;font-size:16px;font-weight:600}.component-carts{background:#fff;padding:20px}.components-table{border-collapse:collapse;width:100%}.components-table thead{background:#f5f5f5}.components-table th{color:#666;letter-spacing:.5px;padding:12px;text-transform:uppercase}.components-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s ease}.components-table tbody tr:hover{background:#f9f9f9}.components-table td{font-size:14px;padding:14px 12px}.component-row.scanned{background:#f1f8f4}.status-icon{font-size:18px;font-weight:700}.status-icon.scanned{color:#4caf50}.status-icon.pending{color:#bbb}.cart-number{color:#333}.cart-number,.component-sku{font-family:Courier New,monospace}.component-sku{color:#555}.fragrance{color:#666}.quantity{font-weight:600;text-align:right}.assembly-action{background:#f1f8f4;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.complete-assembly-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s ease}.complete-assembly-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.complete-assembly-btn:active:not(:disabled){transform:translateY(0)}.complete-assembly-btn:disabled{background:#ccc;cursor:not-allowed}.assembly-note{color:#666;font-size:13px;font-style:italic;margin-top:12px}.regular-carts-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.regular-carts-list{display:flex;flex-direction:column;gap:8px}.regular-cart-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.regular-cart-item:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.regular-cart-item .wo-number{color:#333;font-weight:600}.cart-count{background:#f5f5f5;border-radius:12px;color:#666;font-size:13px;padding:4px 10px}.empty-state{color:#999;font-size:16px}@media (max-width:768px){.packaging-gift-set-view{padding:8px}.group-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.header-right{justify-content:space-between;width:100%}.components-table{font-size:12px}.components-table td,.components-table th{padding:8px 6px}.section-title{font-size:16px}}.department-screen{background:var(--color-background);min-height:100vh;padding:0}.scan-bar{background:#f5f5f5;border-bottom:1px solid #e0e0e0;box-shadow:var(--shadow-lg);padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.scan-bar-container{grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1400px}.scan-bar-title{color:#333;font-size:28px;font-weight:600;grid-column:1;margin:0;text-align:center;white-space:nowrap}.scan-form{gap:var(--spacing-md);grid-column:2;justify-self:center;max-width:600px;width:50vw}.scan-form,.stage-indicators{align-items:center;display:flex}.stage-indicators{gap:var(--spacing-lg);grid-column:3;justify-self:end}.stage-item{min-width:80px;text-align:center}.stage-label{color:#666;font-size:11px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.stage-number{color:#333;font-size:24px;font-weight:700}.scan-input-primary{background:var(--color-white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);width:100%}.scan-input-primary:focus{box-shadow:var(--shadow-xl);outline:2px solid var(--color-grey-900)}.scan-input-primary::placeholder{color:var(--color-grey-500)}.scan-message{animation:slideIn .3s ease;border-radius:var(--radius-md);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg)}.scan-message.success{background:var(--color-grey-900);color:var(--color-white)}.scan-message.error{background:var(--color-grey-600);color:var(--color-white)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.department-screen.loading{align-items:center;display:flex;justify-content:center}.loader{color:var(--color-secondary);font-size:var(--font-size-2xl)}.department-header{align-items:center;background:var(--color-white);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin:var(--spacing-xl);padding:var(--spacing-xl)}.department-header h1{color:#000;font-size:24px;font-weight:600;margin:0}.header-actions{gap:var(--spacing-sm)}.refresh-btn,.scan-btn{background:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:all var(--transition-base)}.refresh-btn:hover,.scan-btn:hover{background:#000;color:#fff}.metrics-bar{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);transition:opacity .3s ease}.metric-card{align-items:center;background:var(--color-white);border:1px solid #e0e0e0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--spacing-md);transition:all .3s ease}.metric-label{color:var(--color-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.metric-value{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700}.workload-bar{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-around;margin:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-md)}.workload-item{align-items:center;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:var(--spacing-sm)}.workload-item:last-child{border-right:none}.dept-name{color:var(--color-secondary);font-weight:600;margin-bottom:var(--spacing-xs)}.dept-count{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700}.dept-units{color:var(--color-tertiary);font-size:var(--font-size-sm)}.wick-inventory-section{background:var(--color-white);border:1px solid #e0e0e0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.wick-inventory-title{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);text-transform:uppercase}.wick-inventory-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wick-inventory-item{align-items:center;background:#f5f5f5;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.wick-name{color:#333;font-size:var(--font-size-base);font-weight:500}.wick-stats{display:flex;gap:var(--spacing-lg)}.wick-stat{color:#666;font-size:var(--font-size-sm)}.wick-stat strong{color:#333;font-weight:600}.vessel-totals-section{background:var(--color-white);border:1px solid #e0e0e0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.vessel-totals-title{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);text-transform:uppercase}.vessel-totals-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vessel-totals-item{align-items:center;background:#f5f5f5;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.vessel-name{color:#333;font-size:var(--font-size-base);font-weight:500}.vessel-stats{display:flex;gap:var(--spacing-lg)}.vessel-stat{color:#666;font-size:var(--font-size-sm)}.vessel-stat strong{color:#333;font-weight:600}.scanner-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.manual-input-section{border-top:var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.manual-input-section form{display:flex;gap:var(--spacing-sm)}.manual-barcode-input{border:var(--border-medium);border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-sm)}.manual-barcode-input:focus{border-color:var(--color-primary);outline:none}.submit-btn{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-base)}.submit-btn:hover{background:var(--color-secondary)}.carts-list{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.carts-table{background:var(--color-white);border:1px solid #e0e0e0;overflow:hidden}.carts-table-header{grid-gap:var(--spacing-md);background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:grid;gap:var(--spacing-md);grid-template-columns:80px 1fr 1fr 1fr 100px 80px;padding:10px var(--spacing-xl)}.carts-table-header,.carts-table-header>div{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cart-wrapper{animation:fadeIn .3s ease;border-bottom:1px solid #ddd;opacity:1;transition:background var(--transition-base),opacity .3s ease}.cart-wrapper:hover{background:#f5f5f5}.cart-wrapper:last-child{border-bottom:none}.cart-row{grid-gap:var(--spacing-md);align-items:center;display:grid;font-size:20px;font-weight:700;gap:var(--spacing-md);grid-template-columns:160px 1fr 1fr 1fr 100px 100px;padding:var(--spacing-lg) var(--spacing-xl)}.wicking-table .cart-row,.wicking-table .carts-table-header{grid-template-columns:160px 1fr 1fr 1fr 1fr 100px 100px}.cart-info-row{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:var(--spacing-md);padding:0 var(--spacing-xl) var(--spacing-sm) var(--spacing-xl)}.info-label{color:#555;font-weight:600}.info-text{color:#2c5282;font-weight:600}.info-separator{color:#ccc;margin:0 var(--spacing-sm)}.cart-wo-row{color:#333;display:flex;font-size:13px;font-weight:500;gap:var(--spacing-sm);padding:0 var(--spacing-xl) var(--spacing-sm) var(--spacing-xl)}.wo-label{color:#555;font-weight:600}.wo-text{color:#2c5282;font-weight:600}.cart-memo-row{color:#666;display:flex;font-size:13px;font-style:italic;gap:var(--spacing-sm);padding:0 var(--spacing-xl) var(--spacing-md) var(--spacing-xl)}.memo-label{color:#888;font-weight:600}.memo-text{color:#666}.col-cart-number{color:#333;font-size:20px;font-weight:700}.cart-barcode-small{color:var(--color-grey-500);font-family:Courier New,monospace;font-size:var(--font-size-xs);margin-top:3px}.col-vessel{display:flex;flex-direction:column;gap:3px}.vessel-item,.wicking-table .vessel-item{line-height:1.4}.col-wick,.vessel-item,.wicking-table .vessel-item{color:#333;font-size:20px;font-weight:700}.col-oil{color:#333;font-size:20px!important;font-weight:700!important}.col-customer{color:#333;font-size:20px;font-weight:700}.col-quantity{display:flex;flex-direction:column;gap:3px;text-align:center}.qty-item{color:#333;font-size:20px;font-weight:700;line-height:1.4}.col-time{color:var(--color-tertiary);font-size:var(--font-size-sm)}.col-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.complete-btn-checkmark{align-items:center;background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;padding:0;transition:all var(--transition-base);width:40px}.complete-btn-checkmark:hover{background:#333;transform:scale(1.05)}.no-carts{background:var(--color-white);border-radius:var(--radius-lg);color:var(--color-grey-500);font-size:var(--font-size-lg);padding:var(--spacing-xl) var(--spacing-lg)}.carts-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.cart-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.cart-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.cart-header{align-items:center;border-bottom:var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.cart-barcode{color:var(--color-primary);font-family:Courier New,monospace;font-size:var(--font-size-lg);font-weight:700}.cart-time{color:var(--color-tertiary);font-size:var(--font-size-sm)}.cart-info{margin-bottom:var(--spacing-md)}.batch-name{color:var(--color-primary)}.batch-name,.fragrance{margin-bottom:var(--spacing-xs)}.fragrance{color:var(--color-tertiary)}.units{color:var(--color-secondary);font-size:var(--font-size-xl);font-weight:700}.cart-work-orders{background:var(--color-grey-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);max-height:100px;overflow-y:auto;padding:var(--spacing-sm)}.work-order-item{color:var(--color-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-items{color:var(--color-grey-500);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs)}.cart-actions{gap:var(--spacing-sm)}.complete-btn,.details-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-weight:600;padding:var(--spacing-sm);transition:all var(--transition-base)}.complete-btn{background:var(--color-primary);color:var(--color-white)}.details-btn{background:var(--color-grey-600);color:var(--color-white)}.complete-btn:hover{background:var(--color-grey-900)}.details-btn:hover{background:var(--color-grey-700)}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px}.modal-header{background:var(--color-grey-900);border-bottom:var(--border-light);color:var(--color-white);padding:var(--spacing-lg)}.close-btn{align-items:center;background:none;border:none;color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:30px;justify-content:center;padding:0;transition:opacity var(--transition-fast);width:30px}.close-btn:hover{opacity:.8}.modal-body{padding:var(--spacing-lg)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section h3{border-bottom:var(--border-light);color:var(--color-secondary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.detail-section p{color:var(--color-tertiary);margin:var(--spacing-xs) 0}.work-order-detail{background:var(--color-grey-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.status-item{background:var(--color-grey-100);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-item span{margin:0 var(--spacing-xs)}.cart-wrapper.cart-scanned-in{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(90deg,#e8f5e9,#f1f8e9)!important;border-left:5px solid #4caf50;box-shadow:0 2px 8px #4caf5033}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #4caf5033}50%{box-shadow:0 2px 12px #4caf5066}}.cart-wrapper.cart-scanned-in:hover{background:linear-gradient(90deg,#c8e6c9,#dcedc8)!important}.col-timer{color:#333;text-align:right}.col-timer,.timer-value{font-size:20px;font-weight:700}.timer-value{color:#2e7d32}.scan-indicator{animation:pulse 2s ease-in-out infinite;display:inline-block;font-size:16px;margin-right:6px}.production-dashboard{background:#f5f5f5;min-height:100vh;padding:20px}.dashboard-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.dashboard-header h1{color:#333;font-size:28px}.dashboard-controls{align-items:center;display:flex;gap:15px}.dashboard-controls label{align-items:center;display:flex;font-weight:500;gap:8px}.dashboard-controls select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 12px}.dashboard-controls button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.dashboard-controls button:hover{background:#1976d2}.workload-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.workload-summary h2{color:#333;font-size:20px;margin:0 0 20px}.workload-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.workload-card{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:1px solid #ddd;border-radius:8px;padding:15px}.workload-card.carting{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3}.workload-card.wicking{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0}.workload-card.pouring{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ff5722}.workload-card.packaging{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.workload-card h3{color:#333;font-size:16px;margin:0 0 10px}.workload-stats{display:flex;justify-content:space-between;margin-bottom:10px}.cart-count{color:#333;font-size:24px;font-weight:700}.unit-count{align-self:flex-end;color:#666;font-size:14px}.progress-bar{background:#0000001a;border-radius:4px;height:8px}.progress-fill{background:#0000004d}.batch-status-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#333;font-size:20px;margin:0}.batch-status-section h2{color:#333;font-size:20px;margin:0 0 20px}.batch-table-container{overflow-x:auto}.batch-table{border-collapse:collapse;width:100%}.batch-table th{background:#f5f5f5;border-bottom:2px solid #ddd;color:#555;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.batch-table td{border-bottom:1px solid #eee;padding:12px}.batch-table tbody tr{cursor:pointer;transition:background .2s}.batch-table tbody tr:hover{background:#f8f9fa}.batch-name{color:#2196f3;font-weight:600}.carts,.units{font-family:monospace;font-size:14px;text-align:right}.cart-distribution{min-width:200px}.distribution-bar{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;display:flex;height:30px;overflow:hidden}.dist-segment{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;justify-content:center;min-width:0;transition:all .3s ease}.dist-segment.pending{background:#ffc107}.dist-segment.carting{background:#2196f3}.dist-segment.wicking{background:#9c27b0}.dist-segment.pouring{background:#ff5722}.dist-segment.packaging{background:#4caf50}.dist-segment.built{background:#8bc34a}.completion{text-align:center}.completion-percentage{color:#4caf50;font-size:20px;font-weight:700}.completion-text{color:#666;font-size:11px}.batch-details-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.batch-details-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #eee}.modal-header h2{color:#333}.modal-header button{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}.detail-row{border-bottom:1px solid #eee;padding:10px 0}.detail-label{color:#555}.modal-body h3{color:#333;font-size:16px;margin:20px 0 10px}.unit-distribution{background:#f8f9fa;border-radius:4px;padding:15px}.dist-row{display:flex;justify-content:space-between;padding:8px 0}.dist-row:not(:last-child){border-bottom:1px solid #e0e0e0}.completion-summary{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;margin-top:20px;padding:20px;text-align:center}.big-percentage{color:#4caf50;font-size:48px;font-weight:700;margin:10px 0}.progress-bar.large{height:20px;margin-top:15px}.dashboard-legend{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.dashboard-legend h3{color:#333;font-size:16px;margin:0 0 15px}.legend-items{display:flex;flex-wrap:wrap;gap:20px}.legend-color{border:1px solid #0003}.legend-color.pending{background:#ffc107}.legend-color.carting{background:#2196f3}.legend-color.wicking{background:#9c27b0}.legend-color.pouring{background:#ff5722}.legend-color.packaging{background:#4caf50}.legend-color.built{background:#8bc34a}.dashboard-error,.dashboard-loading{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:400px;padding:40px}.dashboard-error p,.dashboard-loading p{color:#666;font-size:16px;margin-top:20px}.dashboard-error h2{color:#f44336;margin-bottom:10px}.dashboard-error button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.dashboard-error button:hover{background:#1976d2}.priority-col{width:80px}.priority-col,.priority-controls{text-align:center}.priority-buttons{align-items:center;display:flex;flex-direction:column;gap:4px}.priority-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.priority-btn:hover:not(:disabled){background:#2196f3;border-color:#2196f3;color:#fff}.priority-btn:disabled{cursor:not-allowed;opacity:.3}.priority-number{color:#666;font-size:14px;font-weight:600;min-width:20px;text-align:center}.today-activity-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.today-activity-section h2{color:#333;font-size:20px;margin:0 0 20px}.today-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.today-stat-card{border:1px solid #0000001a;border-radius:8px;padding:20px;text-align:center}.today-stat-card.carting{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3}.today-stat-card.wicking{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0}.today-stat-card.pouring{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ff5722}.today-stat-card.packaging{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.today-stat-card h3{color:#555;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-value{font-size:36px;margin:10px 0}.production-history-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.production-history-section h2{color:#333;font-size:20px;margin:0 0 20px}.history-table-container{max-height:500px;overflow-x:auto;overflow-y:auto}.history-table{border-collapse:collapse;width:100%}.history-table thead{background:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:1}.history-table th{border-bottom:2px solid #ddd;color:#555;font-size:13px;font-weight:600}.history-table td{border-bottom:1px solid #eee;color:#333;font-size:14px;padding:10px 12px}.history-table tbody tr:hover{background:#f8f9fa}.date-cell{color:#2196f3;font-weight:600}.total-cell{background:#f5f5f5;color:#333;font-weight:700}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px}.workload-cards{grid-template-columns:1fr}.legend-items{flex-direction:column;gap:10px}.batch-table{font-size:14px}.batch-table td,.batch-table th{padding:8px}.priority-col{width:60px}.priority-btn{font-size:14px;height:24px;width:24px}.today-stats-grid{grid-template-columns:1fr}.history-table{font-size:12px}.history-table td,.history-table th{padding:8px}}.batch-actions{border-top:2px solid #e2e8f0;margin-top:30px;padding-top:20px}.release-carts-btn{background:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 4px #4caf5033;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.release-carts-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.release-carts-btn:active{box-shadow:0 2px 4px #4caf5033;transform:translateY(0)}.tank-dashboard{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;min-height:100vh;padding:20px}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600}.header-actions{gap:15px}.refresh-controls{align-items:center;display:flex;gap:10px}.refresh-controls label{color:#aaa;font-size:.9rem}.refresh-select{background:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px}.refresh-select:hover{background:#ffffff26}.refresh-button{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:5px;font-weight:600;transition:all .3s ease}.refresh-button:hover{box-shadow:0 4px 12px #00d4ff66;transform:translateY(-2px)}.summary-cards{margin-bottom:40px}.summary-card{background:#ffffff14;border:1px solid #ffffff1a;padding:20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 20px #0000004d}.summary-label{color:#aaa;font-size:.9rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.melters-section,.tanks-section{margin-bottom:40px}.melters-section h2,.tanks-section h2{color:#00d4ff;font-size:1.5rem;margin-bottom:20px}.tanks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tank-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.tank-card:hover{border-color:#00d4ff80;box-shadow:0 10px 30px #0006;transform:translateY(-5px)}.tank-card.status-empty{border-left:4px solid #666}.tank-card.status-low{border-left:4px solid #ff9800}.tank-card.status-active{border-left:4px solid #00d4ff}.tank-card.status-full{border-left:4px solid #4caf50}.tank-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tank-header h3{color:#fff;font-size:1.3rem;margin:0}.status-badge{font-size:.7rem;font-weight:700;letter-spacing:1px}.status-badge.empty{background:#6666664d;color:#999}.status-badge.low{background:#ff98004d;color:#ff9800}.status-badge.active{background:#00d4ff4d;color:#00d4ff}.status-badge.full{background:#4caf504d;color:#4caf50}.tank-body{display:flex;gap:20px}.level-indicator{flex-shrink:0;width:60px}.level-bar-container{align-items:flex-end;background:#0000004d;border:2px solid #ffffff1a;border-radius:8px;height:150px;overflow:hidden}.level-bar,.level-bar-container{display:flex;position:relative;width:100%}.level-bar{align-items:center;background:linear-gradient(180deg,#00d4ff,#09c);justify-content:center;min-height:30px;transition:height .5s ease}.level-text{color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 2px 4px #00000080;transform:rotate(0deg)}.tank-info{flex:1 1}.info-row{border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:8px}.info-row.fragrance{flex-direction:column;gap:4px}.info-row.timestamp{border-bottom:none;color:#888;font-size:.85rem;margin-top:10px}.info-row .label{color:#aaa;font-size:.9rem}.info-row .value{color:#fff;font-weight:600}.info-row.fragrance .value{color:#00d4ff;font-size:.95rem}.blend-info{background:#00d4ff1a;border-left:3px solid #00d4ff;border-radius:6px;margin-top:12px;padding:10px}.blend-name{color:#00d4ff;font-weight:600;margin-bottom:4px}.blend-date{color:#aaa;font-size:.85rem}.melters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.melter-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s ease}.melter-card.active{border-color:#7b2cbf80}.melter-card.idle{border-color:#6666664d}.melter-card:hover{box-shadow:0 10px 30px #0006;transform:translateY(-5px)}.melter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.melter-header h3{color:#fff;font-size:1.2rem;margin:0}.melter-status{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:4px 12px}.melter-status.in-use{background:#7b2cbf4d;color:#b794f6}.melter-status.idle{background:#6666664d;color:#999}.melter-specs{margin-bottom:15px}.spec-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.spec-item .label{color:#aaa;font-size:.9rem}.spec-item .value{color:#fff;font-weight:600}.active-blends{background:#7b2cbf1a;border-left:3px solid #7b2cbf;border-radius:6px;padding:12px}.active-blends h4{color:#b794f6;font-size:.9rem;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.blend-item{background:#ffffff0d;border-radius:4px;margin-bottom:8px;padding:8px}.blend-item:last-child{margin-bottom:0}.blend-item .blend-name{color:#b794f6;font-weight:600;margin-bottom:4px}.blend-item .blend-details{color:#aaa;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.modal-content{background:#2d2d2d;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#00d4ff;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#ffffff1a;transform:rotate(90deg)}.modal-body{overflow-y:auto;padding:20px}.tank-current-status{grid-gap:15px;background:#00d4ff1a;border-left:4px solid #00d4ff;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding:15px}.status-item{display:flex;flex-direction:column;gap:5px}.status-item .label{color:#aaa;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.status-item .value{color:#fff;font-size:1.3rem;font-weight:700}.history-table{overflow-x:auto}.history-table table{border-collapse:collapse;width:100%}.history-table th{background:#ffffff0d;border-bottom:2px solid #ffffff1a;color:#aaa;font-size:.9rem;letter-spacing:1px;padding:12px;text-align:left;text-transform:uppercase}.history-table td{border-bottom:1px solid #ffffff0d;color:#fff;padding:12px}.history-table tr:hover{background:#ffffff0d}.transaction-type{border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:4px 8px}.transaction-type.fill{background:#4caf504d;color:#4caf50}.transaction-type.pour{background:#00d4ff4d;color:#00d4ff}.transaction-type.empty{background:#ff98004d;color:#ff9800}.transaction-type.adjust{background:#9c27b04d;color:#b794f6}.amount{color:#00d4ff;font-weight:700}.notes{color:#aaa;font-size:.9rem;font-style:italic}.no-history{color:#888;padding:40px;text-align:center}.error-container,.loading-container{gap:20px;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#00d4ff;height:60px;width:60px}.error-container h2{color:#ff5252;margin:0}.error-container p{color:#aaa;margin:10px 0}.retry-button{background:linear-gradient(135deg,#ff5252,#f44336);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 30px;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #ff525266;transform:translateY(-2px)}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.refresh-controls{justify-content:space-between;width:100%}.melters-grid,.tanks-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}}.scan-input-container{margin:20px 0;position:relative}.scan-input-wrapper{align-items:center;background:#fff;border:3px solid #ddd;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;padding:8px;transition:all .3s ease}.scan-input-wrapper.scanning{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.scan-icon{align-items:center;color:#666;display:flex;padding:0 20px}.scan-input-wrapper.scanning .scan-icon{color:#4caf50}.scan-input{background:#0000;border:none;flex:1 1;font-size:24px;font-weight:500;letter-spacing:.5px;min-height:60px;outline:none;padding:20px 10px}.scan-input::placeholder{color:#aaa;font-weight:400}.scan-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.scan-button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;margin-right:8px;min-height:60px;min-width:120px;padding:20px 40px;transition:all .3s ease}.scan-button:hover:not(:disabled){background:#1976d2;transform:scale(1.05)}.scan-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.scan-feedback{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.scan-pulse{animation:pulse .6s ease-out;border:3px solid #4caf50;border-radius:50%;height:100px;width:100px}.scan-instructions{color:#666;font-size:16px;margin-top:12px;text-align:center}.scan-instructions .disabled-text{color:#999;font-style:italic}@media (min-width:1400px){.scan-input{font-size:26px;min-height:65px;padding:22px 12px}.scan-button{font-size:22px;min-height:65px;min-width:140px;padding:22px 45px}.scan-instructions{font-size:18px}}.order-display{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.order-header-compact{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;font-size:16px;gap:20px;margin-bottom:15px;padding-bottom:15px}.customer-name{color:#555;flex:1 1}.order-date{color:#777}.progress-compact{align-items:center;display:flex;gap:10px;margin-left:auto}.progress-count{color:#333;font-size:14px;font-weight:500;min-width:40px;text-align:right}.progress-bar-mini{background:#f0f0f0;border-radius:3px;height:6px;max-height:6px;overflow:hidden;position:relative;width:80px}.progress-fill{max-height:6px}.items-section{margin:0}.items-list{display:flex;flex-direction:column;gap:8px}.order-item{background:#f9f9f9;border-radius:6px;padding:8px 12px;transition:all .2s ease}.order-item:hover{background:#f0f0f0}.order-item.complete{background:#e8f5e9}.order-item.in-progress{background:#fff3e0}.item-line-compact{align-items:center;display:flex;justify-content:space-between}.item-info-compact{align-items:center;display:flex;flex:1 1;gap:12px}.item-sku{font-size:14px;min-width:100px}.item-description{color:#666;flex:1 1;font-size:14px}.item-qty-compact{align-items:center;display:flex;gap:8px}.qty-text{color:#333;font-size:14px;font-weight:500;min-width:30px;text-align:right}.check-icon-small{color:#4caf50;font-size:16px;font-weight:700}.item-progress-mini{background:#e0e0e0;border-radius:2px;height:3px;margin-top:4px;max-height:3px;overflow:hidden;position:relative}.item-progress-fill{background:#2196f3;height:100%;max-height:3px;transition:width .3s ease}.order-item.complete .item-progress-fill{background:#4caf50}.special-instructions{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:15px}.special-instructions h3{color:#666;font-size:14px;margin-bottom:8px}.special-instructions p{color:#333;font-size:14px;margin:0}.boxing-station{margin:0 auto;max-width:1200px;padding:20px}.boxing-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.back-button{background:#666;font-size:14px;transition:background .2s}.back-button:hover{background:#555}.message-bar{background:#f0f8ff;border:1px solid #4a90e2;border-radius:4px;color:#333;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.boxing-content{grid-gap:30px;display:grid;gap:30px}.box-selection h3{color:#333;margin-bottom:16px}.box-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.box-option{border:2px solid #ddd;padding:20px}.box-option:hover{background:#f8fbff;border-color:#4a90e2}.box-option.selected{background:#e8f4ff;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e233}.box-icon{font-size:36px;margin-bottom:8px}.box-name{color:#333;margin-bottom:4px}.box-dims{color:#666;font-size:12px}.weight-section{background:#f9f9f9;border-radius:8px;padding:20px}.weight-section h3{color:#333;margin-bottom:16px}.selected-box-info{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;margin-bottom:20px;padding:10px}.weight-controls{align-items:center;display:flex;gap:30px;margin-bottom:20px}.capture-button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:160px;padding:12px 24px;transition:all .3s}.capture-button:hover:not(:disabled){background:#357abd}.capture-button:disabled{background:#ccc;cursor:not-allowed}.capture-button.capturing{animation:pulse 1.5s infinite;background:#ff9800}.manual-entry-button{background:#666;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s}.manual-entry-button:hover:not(:disabled){background:#555}.manual-entry-button:disabled{background:#ccc;cursor:not-allowed}.manual-weight-entry{align-items:center;background:#fff;border:2px solid #4a90e2;border-radius:8px;display:flex;gap:10px;padding:10px}.weight-input{border:1px solid #ddd;border-radius:4px;font-size:18px;padding:8px 12px;width:120px}.cancel-weight-button,.confirm-weight-button{border:none;border-radius:50%;cursor:pointer;font-size:18px;height:36px;transition:all .2s;width:36px}.confirm-weight-button{background:#4caf50;color:#fff}.confirm-weight-button:hover:not(:disabled){background:#45a049}.confirm-weight-button:disabled{background:#ccc;cursor:not-allowed}.cancel-weight-button{background:#f44336;color:#fff}.cancel-weight-button:hover{background:#da190b}.weight-display{align-items:baseline;background:#fff;border:2px solid #4caf50;border-radius:8px;display:flex;gap:8px;padding:15px 25px}.edit-weight-button{background:#0000;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;margin-left:10px;padding:4px 8px}.edit-weight-button:hover{background:#f0f0f0}.weight-value{color:#4caf50;font-size:32px}.weight-unit{color:#666;font-size:18px}.add-box-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.add-box-button:hover{background:#45a049}.current-boxes{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.current-boxes h3{color:#333;margin-bottom:16px}.boxes-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.box-item{background:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;padding:12px}.box-number{color:#333;font-weight:600}.box-details{color:#666}.shipment-summary{border-top:1px solid #ddd;color:#333;font-weight:500;padding-top:16px}.boxing-actions,.shipment-summary{display:flex;justify-content:space-between}.boxing-actions{border-top:2px solid #eee;margin-top:30px;padding-top:20px}.add-another-button{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s}.add-another-button:hover:not(:disabled){background:#e68900}.add-another-button:disabled{background:#ccc;cursor:not-allowed}.complete-button{border-radius:6px;font-size:16px;padding:12px 32px;transition:background .2s}.shipping-documents{margin:0 auto;max-width:1200px;padding:20px}.documents-header{margin-bottom:30px}.documents-header h2{color:#333;margin:0 0 10px}.order-info{color:#666;font-size:16px}.documents-content{grid-gap:30px;display:grid;gap:30px}.fulfillment-summary{background:#fff;border:1px solid #ddd}.fulfillment-summary h3{margin:0 0 16px}.summary-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-details>div{background:#f9f9f9;border-radius:4px;font-size:14px;padding:10px}.shipping-service-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.shipping-service-section h3{color:#333;margin:0 0 16px}.service-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.service-option{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.service-option:hover{background:#f8fbff;border-color:#4a90e2;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.service-option.selected{background:#e8f4ff;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.service-name{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.service-cost{color:#4a90e2;font-size:20px;font-weight:700;margin-bottom:4px}.service-delivery{color:#666;font-size:14px}.shipping-label-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.shipping-label-section h3{color:#333;margin:0 0 16px}.generate-label-button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.generate-label-button:hover:not(:disabled){background:#357abd}.generate-label-button:disabled{background:#ccc;cursor:not-allowed}.label-ready{display:flex;flex-direction:column;gap:15px}.tracking-info{background:#e8f4ff;border:1px solid #4a90e2;border-radius:4px;font-size:16px;padding:12px}.print-label-button,.print-packing-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.print-label-button:hover,.print-packing-button:hover{background:#45a049}.packing-list-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.packing-list-section h3{color:#333;margin:0 0 16px}.document-actions{display:flex;justify-content:center;padding:20px 0}.complete-order-button{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .2s}.complete-order-button:hover:not(:disabled){background:#e68900;box-shadow:0 4px 12px #ff98004d;transform:translateY(-1px)}.complete-order-button:disabled{background:#ccc;cursor:not-allowed}@media print{.shipping-documents{display:none}.print-only{display:block;margin:0;padding:0}.packing-list{background:#fff;color:#000;font-family:Arial,sans-serif;padding:20px}.packing-header{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.packing-header h1{font-size:28px;margin:0}.company-logo{font-size:20px;font-weight:700}.packing-info{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:30px}.info-section h4{color:#666;font-size:14px;margin:0 0 10px;text-transform:uppercase}.info-section div{font-size:14px;margin:3px 0}.packing-items{border-collapse:collapse;margin:30px 0;width:100%}.packing-items th{background:#f0f0f0;font-weight:700;text-align:left}.packing-items td,.packing-items th{border:1px solid #ddd;padding:10px}.packing-items tr:nth-child(2n){background:#f9f9f9}.packing-footer{border-top:1px solid #ddd;margin-top:40px;padding-top:20px;text-align:center}.packing-footer>div{margin:5px 0}}.fulfillment-scanner{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.scanner-main{margin:0 auto;max-width:1400px;padding-top:10px}.scanner-message{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:20px;font-weight:500;justify-content:center;margin-bottom:25px;min-height:64px;padding:20px;text-align:center;transition:all .3s ease}.scanner-message.success{border-left:4px solid #4caf50;color:#2e7d32}.scanner-message.error{animation:shake .5s;border-left:4px solid #f44336;color:#c62828}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.complete-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:30px;padding:40px;text-align:center}.complete-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;font-weight:600;min-height:80px;min-width:300px;padding:25px 50px;transition:all .3s ease}.complete-button:hover:not(:disabled){background:#45a049;transform:scale(1.02)}.complete-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.fulfillment-summary{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.fulfillment-summary h3{color:#333;font-size:22px;margin:0 0 15px}.fulfillment-summary p{color:#666;font-size:18px;margin:10px 0}.scanning-actions{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.progress-info{margin-bottom:20px;text-align:center}.scanned-count{background:#f0f8ff;border:1px solid #4a90e2;border-radius:4px;color:#333;display:inline-block;font-size:18px;font-weight:500;padding:10px 20px}.action-buttons{gap:20px}.incomplete-button{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.incomplete-button:hover:not(:disabled){background:#e68900;box-shadow:0 4px 12px #ff98004d;transform:translateY(-1px)}.incomplete-button:disabled{background:#ccc;cursor:not-allowed}.proceed-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.proceed-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.success-icon{font-size:64px;margin-bottom:20px}.loading-overlay{background:#0009;z-index:9999}.loader{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;font-size:20px;font-weight:500;padding:30px 50px}@media (min-width:1400px){.scanner-main{max-width:1600px}.scanner-header h1{font-size:36px}.scanner-message{font-size:22px;min-height:70px}.complete-button{font-size:26px;min-height:90px;padding:30px 60px}}.pending-fulfillment-list{margin:0 auto;max-width:1600px;padding:20px}.tabs-header{background:#fff;border-radius:8px 8px 0 0;overflow:hidden}.tabs-navigation{background:#f8f9fa;gap:0}.list-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.header-content h1{color:#2d3748;margin:0 0 5px}.subtitle{color:#718096}.refresh-btn{border-radius:4px;transition:background .2s}.refresh-btn:disabled{background:grey;cursor:not-allowed;opacity:.7}.last-update{color:#666;margin-bottom:10px;text-align:right}.table-container{max-height:calc(100vh - 350px);overflow:visible}.fulfillment-table{border-collapse:collapse;overflow:auto;width:100%}.table-container>div:not(.tabs-header){max-height:calc(100vh - 400px);overflow:auto}.fulfillment-table thead{background:#2d3748!important;display:table-header-group!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}.fulfillment-table thead tr{display:table-row!important}.fulfillment-table th{background:#2d3748;border-bottom:2px solid #dee2e6;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase;transition:background-color .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.fulfillment-table th:hover{background-color:#1a202c}.fulfillment-table tbody{display:table-row-group!important}.fulfillment-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s}.fulfillment-table tbody tr:hover{background:#f8f9fa}.fulfillment-table td{color:#495057;font-size:14px;padding:12px}.order-number{color:#2c5282}.amount{color:#2d3748;font-weight:500;text-align:right}.status-badge{background:#4caf50}.shippable-cell{font-weight:500;text-align:center}.shippable-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.shippable-full{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.shippable-partial{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.shippable-none{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#2d3748;display:flex;font-size:14px;font-weight:500;gap:30px;margin-top:20px;padding:15px 20px}.summary p{margin:0}@media (max-width:1200px){.pending-fulfillment-list{padding:15px}.table-container{overflow-x:auto}.fulfillment-table{min-width:900px}}@media (max-width:768px){.list-header{align-items:flex-start;flex-direction:column;gap:15px}.summary{flex-direction:column;gap:10px}}.age-cell{font-weight:500}.age-cell.overdue{color:#dc3545;font-weight:600}.age-cell.due-today{color:#ffc107;font-weight:600}.info-blocks{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.info-block{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:200px;padding:20px;text-align:center}.info-value{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:8px}.info-label{font-size:14px}.pagination{box-shadow:0 2px 4px #0000001a;gap:10px;margin:20px 0;padding:15px}.pagination-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.pagination-btn:hover:not(:disabled){background:#45a049}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.pagination-info{color:#2d3748;font-size:14px;font-weight:500;padding:0 20px}.status-badge.status-partial{background:#ffa726;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;text-transform:uppercase}.filter-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.filter-group{align-items:center;gap:10px}.filter-group label,.filter-select{color:#2d3748;font-size:14px}.filter-select{background:#fff;border:1px solid #cbd5e0;border-radius:4px;cursor:pointer;padding:8px 12px}.filter-select:hover{border-color:#4caf50}.customer-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.customer-badge.customer-select{background:#e3f2fd;border:1px solid #90caf9;color:#1976d2}.customer-badge.customer-private{background:#f3e5f5;border:1px solid #ba68c8;color:#7b1fa2}.pending-fulfillment-vertical{background:#f5f7fa;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:10px;width:100%}.tabs-header-vertical{background:#fff;border-radius:10px 10px 0 0;flex-shrink:0;overflow:hidden}.tabs-navigation-vertical{background:#f8f9fa;border-bottom:3px solid #e2e8f0;display:flex;gap:0}.tab-button-vertical{align-items:center;background:#0000;border:none;border-bottom:4px solid #0000;color:#718096;cursor:pointer;display:flex;font-size:20px;font-weight:500;gap:10px;margin-bottom:-3px;padding:16px 32px;transition:all .2s}.tab-button-vertical:hover{background:#f7fafc;color:#4299e1}.tab-button-vertical.active{background:#fff;border-bottom-color:#4299e1;color:#2c5282;font-weight:700}.filter-select-vertical{background:#fff;border:2px solid #cbd5e0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:18px;font-weight:500;padding:10px 16px}.filter-select-vertical:hover{border-color:#4caf50}.error-message-vertical{background:#fee;border:2px solid #fcc;border-radius:6px;color:#c00;flex-shrink:0;font-size:18px;font-weight:500;margin:20px 0;padding:16px}.table-container-vertical{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.fulfillment-table-vertical{border-collapse:collapse;display:block;flex:1 1;overflow-y:auto;width:100%}.fulfillment-table-vertical thead{background:#2d3748!important;display:table;position:-webkit-sticky!important;position:sticky!important;table-layout:fixed;top:0!important;width:100%;z-index:100!important}.fulfillment-table-vertical thead tr{display:table-row!important}.fulfillment-table-vertical th{background:#2d3748;border-bottom:2px solid #dee2e6;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-align:left;text-transform:uppercase;transition:background-color .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.fulfillment-table-vertical th:hover{background-color:#1a202c}.fulfillment-table-vertical tbody{display:table;table-layout:fixed;width:100%}.fulfillment-table-vertical tbody tr{border-bottom:2px solid #e9ecef;display:table-row;transition:all .2s}.fulfillment-table-vertical tbody tr:nth-child(2n){background-color:#d0d0d0}.fulfillment-table-vertical tbody tr:nth-child(odd){background-color:#fff}.fulfillment-table-vertical tbody tr.fully-shippable-row{background-color:#d4edda!important}.clickable-row-vertical{cursor:pointer}.fulfillment-table-vertical tbody tr:hover{background:#e9ecef}.fulfillment-table-vertical td{color:#495057;font-size:13px;font-weight:500;padding:2px 10px}.order-number-vertical{color:#2c5282;font-size:13px;font-weight:700;max-width:100px;padding:6px 8px!important;width:100px}.customer-name-vertical{min-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell-vertical{max-width:70px;padding:6px 5px!important;width:70px}.amount-vertical{color:#2d3748;font-size:13px;font-weight:600;max-width:90px;text-align:left;width:90px}.status-badge-vertical{background:#4caf50;border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.shippable-cell-vertical{font-size:13px;font-weight:700;max-width:100px;padding:3px 5px!important;text-align:center;width:100px}.shippable-cell-vertical.shippable-full-text{color:#155724}.shippable-cell-vertical.shippable-partial-text{color:#856404}.shippable-cell-vertical.shippable-none-text{color:#721c24}.loading-container-vertical{align-items:center;display:flex;height:600px;justify-content:center}.loader-vertical{color:#666;font-size:24px;font-weight:500}.no-data-vertical{color:#666;font-size:22px;font-weight:500;padding:60px;text-align:center}.age-cell-vertical{font-size:13px;font-weight:600;max-width:60px;padding:6px 5px!important;text-align:center;width:60px}.age-cell-vertical.overdue{color:#dc3545;font-weight:700}.age-cell-vertical.due-today{color:#ffc107;font-weight:700}.info-blocks-vertical{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:10px;margin:0 0 10px}.info-block-vertical{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:8px 12px;text-align:center}.info-value-vertical{color:#2d3748;font-size:20px;font-weight:700;line-height:1.2;margin-bottom:2px}.info-label-vertical{color:#718096;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pagination-vertical{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;gap:8px;justify-content:center;margin:10px 0 0;padding:8px}.pagination-btn-vertical{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .2s}.pagination-btn-vertical:hover:not(:disabled){background:#45a049}.pagination-btn-vertical:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.pagination-info-vertical{color:#2d3748;font-size:12px;font-weight:600;padding:0 12px}.status-badge-vertical.status-partial-vertical{background:#ffa726;border-radius:14px;color:#fff;font-size:15px;font-weight:600;padding:6px 14px;text-transform:uppercase}.customer-badge-vertical{border-radius:12px;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.6px;margin-left:10px;padding:4px 10px;text-transform:uppercase}.customer-badge-vertical.customer-select-vertical{background:#e3f2fd;border:2px solid #90caf9;color:#1976d2}.customer-badge-vertical.customer-private-vertical{background:#f3e5f5;border:2px solid #ba68c8;color:#7b1fa2}.expanded-row-vertical td{padding:0!important}.expanded-row-vertical table{margin:0}.expanded-row-vertical table td,.expanded-row-vertical table th{font-size:17px!important;padding:10px 12px!important}.fulfillment-table-vertical::-webkit-scrollbar{width:12px}.fulfillment-table-vertical::-webkit-scrollbar-track{background:#f1f1f1}.fulfillment-table-vertical::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.fulfillment-table-vertical::-webkit-scrollbar-thumb:hover{background:#555}.quick-shipment-page{background:#f5f7fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.quick-shipment-header{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.quick-shipment-header h1{color:#2d3748;font-size:28px;font-weight:600;margin:0 0 10px}.quick-shipment-header .subtitle{color:#718096;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.quick-shipment-content{min-height:500px;position:relative}.state-container{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:40px}.scan-section{text-align:center;width:100%}.scan-section h2{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 10px}.scan-section p{color:#718096;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 30px;text-transform:uppercase}.loading-section{text-align:center}.spinner{border:4px solid #e2e8f0;border-top-color:#2196f3;height:60px;margin:0 auto 20px;width:60px}.loading-section h2{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 10px}.loading-section p{color:#718096;font-size:14px;margin:0}.order-preview{text-align:center;width:100%}.success-badge{align-items:center;background:#4caf50;border-radius:50%;box-shadow:0 4px 12px #4caf504d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-badge.large{height:100px;width:100px}.order-preview h2{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 30px}.order-details{background:#f5f7fa;border-radius:8px;margin:20px 0;padding:25px;text-align:left}.detail-row{border-bottom:1px solid #e2e8f0;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-row .value{color:#2d3748;font-size:14px;font-weight:500}.auto-advance{color:#718096;font-size:13px;font-style:italic;margin-top:20px}.weighing-section{width:100%}.weighing-section h2{color:#2d3748;font-size:22px;font-weight:600;margin:0 0 10px;text-align:center}.weighing-section>p{color:#718096;font-size:13px;margin:0 0 30px;text-align:center}.weight-input-group{margin-bottom:30px}.auto-weight{background:#f5f7fa;border-radius:8px;padding:25px;text-align:center}.weight-badge{align-items:center;background:#2196f3;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.weight-display{margin:15px 0}.weight-value{color:#2d3748;font-size:3rem;font-weight:700}.weight-unit{color:#718096;font-size:1.5rem;font-weight:500;margin-left:8px}.change-weight-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;font-size:13px;font-weight:500;margin-top:10px;padding:8px 16px;transition:all .2s}.change-weight-btn:hover{border-color:#2196f3;color:#2196f3}.manual-weight{text-align:center}.manual-weight label{color:#2d3748;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.weight-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1.5rem;font-weight:500;max-width:300px;outline:none;padding:15px;text-align:center;transition:border-color .2s;width:100%}.weight-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.box-size-selector{margin-bottom:30px}.box-size-selector label{color:#2d3748;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-align:center;text-transform:uppercase}.box-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.box-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:15px;text-align:center;transition:all .2s}.box-option:hover{border-color:#2196f3;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.box-option.selected{background:#ebf8ff;border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.box-name{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.box-dimensions{color:#718096;display:block;font-size:12px}.action-buttons{gap:12px;justify-content:center;margin-top:20px}.action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:150px;padding:12px 30px;text-transform:uppercase;transition:all .2s}.cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#718096}.cancel-btn:hover{background:#fff5f5;border-color:#e53e3e;color:#e53e3e}.process-btn{background:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.process-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.process-btn:disabled{cursor:not-allowed;opacity:.5}.retry-btn,.start-over-btn{background:#2196f3;box-shadow:0 2px 8px #2196f34d;color:#fff}.retry-btn:hover,.start-over-btn:hover{background:#1976d2;box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.label-ready-section{text-align:center;width:100%}.label-ready-section h2{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 30px}.tracking-info{background:#f5f7fa;border-radius:8px;margin:20px 0;padding:30px}.fulfillment-number,.tracking-number{margin-bottom:20px}.fulfillment-number:last-child,.tracking-number:last-child{margin-bottom:0}.fulfillment-number label,.tracking-number label{color:#718096;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.fulfillment-display,.tracking-display{color:#2d3748;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;letter-spacing:1px}.print-label-btn{background:#fff;border:2px solid #2196f3;border-radius:6px;color:#2196f3;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin:20px 0;padding:12px 30px;text-transform:uppercase;transition:all .2s}.print-label-btn:hover{background:#2196f3;box-shadow:0 4px 12px #2196f34d;color:#fff;transform:translateY(-2px)}.auto-reset{color:#718096;font-size:13px;font-style:italic;margin-top:20px}.error-section{text-align:center;width:100%}.error-badge{align-items:center;background:#e53e3e;border-radius:50%;box-shadow:0 4px 12px #e53e3e4d;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.error-section h2{color:#e53e3e;font-size:24px;font-weight:600;margin:0 0 20px}.error-message{background:#fff5f5;border-left:4px solid #e53e3e;color:#718096;font-size:14px;margin:0 0 30px;padding:20px}@media (max-width:768px){.quick-shipment-page{padding:15px}.state-container{min-height:400px;padding:20px}.quick-shipment-header h1{font-size:24px}.box-options{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.fulfillment-display,.tracking-display{font-size:1.4rem}.weight-value{font-size:2.5rem}}.state-container{animation:fadeIn .3s ease-out}.orders-selection{max-width:800px;width:100%}.orders-selection .subtitle{color:#718096;font-size:14px;margin-bottom:20px}.orders-list{display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:400px;overflow-y:auto}.order-card{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s ease}.order-card:hover{background:#ebf8ff;border-color:#4299e1}.order-card.selected{background:#e6fffa;border-color:#3182ce}.order-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.order-info{flex:1 1}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-number{color:#2d3748;font-size:16px}.order-date{color:#718096;font-size:12px}.order-customer{color:#4a5568;font-weight:500;margin-bottom:4px}.order-location{color:#718096;font-size:14px;margin-bottom:4px}.order-item{color:#4a5568;font-size:13px;font-style:italic}.continue-btn{background:#38b2ac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .2s}.continue-btn:hover:not(:disabled){background:#319795;box-shadow:0 4px 12px #38b2ac4d;transform:translateY(-2px)}.continue-btn:disabled{background:#cbd5e0;cursor:not-allowed}.shipments-list{display:flex;flex-direction:column;gap:15px;margin:20px 0;max-width:600px}.shipment-result{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.shipment-result .tracking-info{display:flex;gap:20px;margin-bottom:10px}.shipment-result .fulfillment-number,.shipment-result .tracking-number{flex:1 1}.shipment-result label{color:#718096;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.shipment-result .fulfillment-display,.shipment-result .tracking-display{color:#2d3748;font-family:Courier New,monospace;font-size:14px;font-weight:600}.print-label-btn-small{background:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.print-label-btn-small:hover{background:#3182ce}.success-message{color:#38a169;font-size:16px;font-weight:500;margin:10px 0}.work-order-list{margin:0 auto;max-width:1600px;padding:20px}.tabs-navigation{background:#fff;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex;gap:8px;margin-bottom:20px;padding:0 20px}.tab-button{align-items:center;display:flex;gap:8px;margin-bottom:-2px}.tab-button:hover{color:#4299e1}.tab-button.active{background:#ebf8ff;border-bottom-color:#4299e1;color:#2c5282}.list-controls{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.filter-controls,.sort-controls{align-items:center;gap:10px}.sort-controls{display:flex}.filter-controls label,.sort-controls label{color:#555;font-weight:500}.filter-controls select,.sort-controls select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;max-width:200px;padding:6px 12px}.filter-input-group{align-items:center;display:flex;gap:8px}.autocomplete-wrapper{max-width:250px;min-width:180px;position:relative}.filter-input{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 30px 6px 12px;transition:border-color .2s;width:100%}.filter-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.clear-filter-btn{background:none;border:none;color:#999;cursor:pointer;font-size:20px;line-height:1;padding:0 6px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:color .2s}.clear-filter-btn:hover{color:#333}.suggestions-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.suggestion-item:hover{background-color:#f5f5f5}.suggestion-item:last-child{border-bottom:none}.sort-order-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;padding:6px 10px;transition:all .2s}.sort-order-btn:hover{background:#f0f0f0}.summary-info{color:#666;font-size:14px;font-weight:500;margin-left:auto}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:calc(100vh - 250px);overflow:auto;position:relative;scroll-behavior:smooth}.work-orders-table thead{background:#2d3748!important;display:table-header-group!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}.work-orders-table thead tr{display:table-row!important}.work-orders-table th{transition:background-color .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.work-orders-table th:hover{background-color:#1a202c}.work-orders-table tbody{display:table-row-group!important}.work-orders-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s}.clickable-row{cursor:pointer}.work-orders-table tbody tr:hover{background:#f8f9fa}.work-orders-table td{color:#495057;font-size:14px}.wo-number{color:#2c5282;font-weight:600}.priority-select{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:11px;font-weight:600;outline:none;padding:4px 8px;text-transform:uppercase}.priority-select:hover{opacity:.9}.priority-critical{background:#f44;color:#fff}.priority-high{background:orange;color:#fff}.priority-top{background:#9333ea;color:#fff}.priority-,.priority-low,.priority-normal{background:#e0e0e0;color:#333}.item-sku{color:#333;font-weight:500}.item-desc{color:#666}.item-memo{color:#999;font-size:11px;font-style:italic;margin-top:2px}.quantity{font-weight:500;text-align:center}.progress-bar{border-radius:10px;height:20px;position:relative;width:100px}.progress-fill{border-radius:10px;left:0;position:absolute;top:0;transition:width .3s ease}.progress-text{color:#fff;font-size:11px;left:50%;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:1}.flags{display:flex;gap:8px;justify-content:center}.flag{cursor:help;font-size:18px}.status-select{border:1px solid #ddd;font-size:12px}.status-select:disabled{cursor:not-allowed;opacity:.5}.loading-container{height:400px}.loader{color:#666;font-size:18px}.error-message{border:1px solid #fcc;border-radius:4px;padding:12px}.no-data{padding:40px}.live-indicator{align-items:center;background:#4caf50;border-radius:20px;bottom:20px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 16px;position:fixed;right:20px}.pulse{animation:pulse 1.5s infinite;background:#fff;border-radius:50%;display:inline-block;height:8px;width:8px}@media (max-width:1200px){.work-order-list{padding:15px}.table-container{overflow-x:auto}.work-orders-table{min-width:900px}}@media (max-width:768px){.list-header{align-items:flex-start}.list-controls,.list-header{flex-direction:column;gap:15px}.list-controls{align-items:stretch}.summary-info{margin-left:0;margin-top:10px}}.fragrance-group-view{background:#f8f9fa;min-height:calc(100vh - 150px);padding:20px}.sticky-header-container{border:1px solid #e0e0e0;border-radius:8px 8px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.fragrance-header,.sticky-header-container{background:#fff;box-shadow:0 2px 4px #00000014}.fragrance-header{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.header-title h2{color:#000;font-size:24px;margin:0}.subtitle{display:block;margin-top:4px}.export-btn,.refresh-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .1s}.export-btn:hover,.refresh-btn:hover{background:#f7f7f7;border-color:#cbd5e0}.create-batch-main-btn,.create-blend-main-btn{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:12px 24px;transition:all .2s}.create-batch-main-btn:hover:not(:disabled),.create-blend-main-btn:hover:not(:disabled){background:#333}.create-batch-main-btn:disabled,.create-blend-main-btn:disabled{background:#999;cursor:not-allowed;opacity:.6}.totals-summary{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:20px;margin-bottom:0;padding:20px}.selection-info{display:flex;flex-direction:column;gap:5px;min-width:200px}.selection-info h3{color:#000;font-size:16px;margin:0}.selection-stats{color:#666;font-size:14px}.total-card{border-left:1px solid #ddd;display:flex;flex-direction:column;gap:5px;padding:0 20px}.units-card{border-left:none}.total-label{color:#666;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.total-value{color:#000;font-size:28px;font-weight:700}.total-sublabel{color:#999;font-size:14px;margin-top:4px}.fragrance-groups{background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 2px 4px #00000014;margin-top:0;overflow:visible;position:relative}.table-header{background:#f7f7f7;border-top:1px solid #e0e0e0;color:#000;grid-template-columns:30px 30px 2fr 80px 100px 100px 100px 100px 120px;letter-spacing:.5px;padding:12px 20px}.select-all-header{align-items:center;display:flex;justify-content:center}.fragrance-group{border-bottom:1px solid #e2e8f0}.fragrance-group:last-child{border-bottom:none}.group-header{align-items:center;background:#fff;border-left:4px solid #0000;cursor:pointer;display:grid;grid-template-columns:30px 30px 2fr 80px 100px 100px 100px 100px 120px;padding:15px 20px;transition:background .1s}.select-all-checkbox{cursor:pointer;height:16px;width:16px}.group-header:hover{background:#f9f9f9;border-left-color:#cbd5e0}.expand-icon{color:#000;width:30px}.fragrance-name{color:#000;font-size:15px}.order-count{color:#666;font-size:13px;font-weight:400;margin-left:8px}.col-oil-needed,.col-on-hand,.col-on-order,.col-total,.col-units,.col-wax-needed{color:#000;font-size:14px;font-weight:500;text-align:right}.col-oil-needed,.col-total{font-weight:600}.group-details{animation:slideDown .3s ease-out;padding:0 20px 20px}.work-orders-table{border-collapse:collapse;margin-top:15px;width:100%}.work-orders-table thead{background:#2d3748;position:-webkit-sticky;position:sticky;top:0;z-index:11}.work-orders-table thead tr{background:#2d3748}.work-orders-table th{background:#2d3748;border-bottom:2px solid #dee2e6;letter-spacing:.5px;padding:12px;text-transform:uppercase}.work-orders-table td{border-bottom:1px solid #f0f4f8;padding:12px}.work-orders-table tbody tr:hover{background:#f8fafc}.work-orders-table tbody tr.selected-row{background:#f0f8ff;border-left:3px solid #4299e1}.work-orders-table tbody tr.fully-batched-row{background:#f5f5f5;opacity:.6}.work-orders-table tbody tr.fully-batched-row td{color:#999}.work-orders-table tbody tr.partially-batched-row{background:#fff8e1}.work-orders-table tbody tr.partially-batched-row td{color:#333}.work-orders-table tbody tr.partially-batched-row .wo-number a{color:#ff8c00!important}.work-orders-table tbody tr.fully-batched-row input[type=checkbox]:disabled,.work-orders-table tbody tr.partially-batched-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.work-orders-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}.quantity-input{background:#fff;border:1px solid #e0e0e0;color:#000;font-size:13px;font-weight:600;padding:4px 8px;text-align:center;width:60px}.quantity-input:focus{background:#f9f9f9;border-color:#cbd5e0;outline:none}.wo-number a{color:#4299e1;font-weight:500;text-decoration:none}.wo-number a:hover{text-decoration:underline}.item-info{display:flex;flex-direction:column;gap:2px}.item-sku{color:#2d3748;font-size:13px;font-weight:600}.item-desc{color:#718096;font-size:12px}.status-badge{font-weight:500;padding:4px 8px}.status-planning{background:#e9d8fd;color:#553c9a}.status-pending-build{background:#fed7aa;color:#c05621}.status-in-process{background:#bee3f8;color:#2c5282}.status-built{background:#c6f6d5;color:#22543d}.status-cancelled{background:#fed7d7;color:#9b2c2c}.status-closed{background:#e2e8f0;color:#4a5568}.number{color:#2d3748;font-weight:500;text-align:right}.number.highlight{background:#f0fff4;font-weight:600}.oil-value{background:#fffdf7;color:#c05621}.wax-value{background:#f0fff4;color:#22543d}.group-total-row{background:#f7fafc!important;font-weight:600}.group-total-row td{border-bottom:none;border-top:1px solid #e0e0e0;padding:15px 12px}.no-data{color:#718096;font-size:16px;padding:60px 20px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.loader{color:#4299e1;font-size:16px}.retry-btn{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background .2s}.retry-btn:hover{background:#3182ce}.cart-list{padding:20px}.cart-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cart-list-header h4{color:#333;font-size:18px;margin:0}.cart-list-actions{display:flex;gap:10px}.generate-btn,.print-all-btn,.regenerate-btn{background:#fff;border:1px solid #000;border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.generate-btn:hover,.print-all-btn,.regenerate-btn:hover{background:#000;color:#fff}.print-all-btn:hover{background:#333}.generate-btn:disabled,.regenerate-btn:disabled{background:#f0f0f0;border-color:#ddd;color:#999;cursor:not-allowed}.no-carts{background:#f8f9fa;border-radius:4px;color:#666;padding:40px;text-align:center}.no-carts p{margin:10px 0}.carts-table{background:#fff;border-collapse:collapse;width:100%}.carts-table th{background:#2d3748!important;border-bottom:2px solid #dee2e6;color:#fff!important;font-size:13px;padding:12px}.carts-table td{padding:12px}.carts-table tbody tr:hover{background:#f8f9fa}.cart-number{color:#2c5282;font-weight:600}.status-select{border:2px solid;font-weight:500;min-width:100px;padding:6px}.cart-items{max-width:300px}.items-summary{display:flex;flex-wrap:wrap;gap:8px}.item-chip{background:#f0f0f0;border:1px solid #ddd;border-radius:12px;color:#333;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.cart-actions{display:flex;gap:8px}.print-btn:hover{color:#fff}.delete-btn{background:#fff;border-color:#000;color:#000}.delete-btn:hover{background:#000}.modal-content{box-shadow:0 4px 20px #0003}.modal-content h3{margin-top:0}.modal-content p{color:#666;line-height:1.5}.modal-content input{border:2px solid #ddd;border-radius:4px;font-size:16px;margin:15px 0;padding:10px;width:100%}.modal-content input:focus{border-color:#2196f3;outline:none}.submit-btn{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.submit-btn:hover{background:#333}.cancel-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px}.error-container,.loading{text-align:center}.error-message{color:#f44336}.error-container button{padding:8px 16px}.error-container button:hover{background:#333}.blend-sheet-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.blend-sheet-container{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow:auto;width:100%}.blend-actions{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.close-button,.pdf-button,.print-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.pdf-button{background:#38a169;color:#fff}.pdf-button:hover{background:#2f855a}.blend-sheet{background:#fff;padding:20px}.blend-page{background:#fff;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:40px}.blend-header{border-bottom:3px solid #000;margin-bottom:30px;padding-bottom:20px;text-align:center}.company-name{color:#000;font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.blend-number-large{color:#000;font-size:32px;font-weight:700;margin:10px 0}.header-barcode{display:flex;justify-content:center;margin:15px 0}.blend-batch-info{color:#4a5568;font-size:14px;margin-top:10px}.melter-section{background:#f7fafc;border-radius:8px;margin-bottom:30px;padding:20px}.melter-section h2{color:#2d3748;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.melter-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.melter-item{align-items:center;background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.melter-label{color:#718096;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.melter-value{color:#2d3748;font-size:16px;font-weight:700}.melter-value.large{font-size:20px}.melter-value.highlight{color:#38a169}.materials-section{margin-bottom:30px}.materials-section h2{color:#2d3748;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.materials-grid{grid-template-columns:repeat(3,1fr)}.material-card{border:2px solid;border-radius:8px;padding:20px;text-align:center}.material-card.wax{background:#f0fff4;border-color:#9ae6b4}.material-card.oil{background:#fffdf7;border-color:#fbd38d}.material-card.units{background:#ebf8ff;border-color:#90cdf4}.material-label{font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.material-amount{color:#000;font-size:28px;font-weight:700;margin:10px 0}.material-sublabel{color:#718096;font-size:12px}.production-details{background:#f7fafc;border-radius:8px;margin-bottom:30px;padding:20px}.production-details h2{color:#2d3748;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.detail-row{background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.detail-label{color:#718096;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#2d3748;font-size:14px;font-weight:500}.detail-value.status{color:#38a169;font-weight:700}.notes-section{background:#fff;border-radius:4px;margin-top:15px;padding:12px}.notes-content{color:#4a5568;font-size:14px;line-height:1.5;margin-top:8px}.work-orders-breakdown{margin-bottom:30px}.work-orders-breakdown h2{color:#2d3748;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.wo-table{border:1px solid #e2e8f0;border-collapse:collapse;width:100%}.wo-table thead{background:#f7fafc}.wo-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px;text-align:left;text-transform:uppercase}.wo-table td{border-bottom:1px solid #f0f4f8;color:#2d3748;font-size:13px;padding:10px}.wo-table tfoot td{background:#f7fafc;border-top:2px solid #e2e8f0;font-weight:700;padding:10px}.wo-table .total-label{letter-spacing:.5px;text-align:right;text-transform:uppercase}.wo-table .total-value{color:#000;font-size:16px}.signoff-section{background:#fffdf7;border:2px dashed #cbd5e0;border-radius:8px;margin-bottom:30px;padding:20px}.signoff-section h2{color:#2d3748;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.signoff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.signoff-item{padding:10px}.signoff-label{color:#4a5568;font-size:13px;font-weight:600;margin-bottom:8px}.signoff-line{border-bottom:2px solid #cbd5e0;height:30px;margin-bottom:4px}.signoff-sublabel{color:#a0aec0;font-size:11px;font-style:italic}.blend-footer{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:20px;text-align:center}@media print{.blend-sheet-modal{background:none;padding:0;position:static}.blend-sheet-container{box-shadow:none;max-height:none}.blend-actions{display:none}.blend-page{margin:0;padding:0}.blend-header{page-break-after:avoid}.signoff-section,.work-orders-breakdown{page-break-inside:avoid}body{margin:0;padding:0}@page blend-sheet{size:letter;margin:.5in}}.daily-summary-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.daily-summary-container{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow:auto;width:100%}.summary-actions{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.date-selector{align-items:center;display:flex;gap:10px}.date-selector label{color:#4a5568;font-size:14px;font-weight:600}.date-input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 12px}.date-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.close-button,.print-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.print-button{background:#4299e1;color:#fff}.print-button:hover{background:#3182ce}.close-button{background:#e2e8f0;color:#4a5568}.close-button:hover{background:#cbd5e0}.daily-summary{background:#fff;padding:20px}.summary-page{background:#fff;font-family:Arial,sans-serif;margin:0 auto;max-width:1100px;padding:40px}.summary-header{border-bottom:3px solid #000;margin-bottom:30px;padding-bottom:20px;text-align:center}.summary-header h1{color:#000;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.summary-date{color:#4a5568;font-size:20px;margin-top:10px}.overview-section{margin-bottom:30px}.overview-section h2{color:#2d3748;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.overview-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.overview-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.card-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px}.card-value{color:#000;font-size:32px}.melter-breakdown{margin-bottom:30px}.melter-breakdown h2{color:#2d3748;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.melter-group{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:25px;overflow:hidden}.melter-group-title{background:#2d3748;color:#fff;font-size:16px;font-weight:700;margin:0;padding:12px 15px}.blends-table th{border-bottom:1px solid #e2e8f0;padding:10px}.blends-table td{font-size:13px;padding:10px}.status-badge{border-radius:4px;letter-spacing:.5px;padding:3px 8px}.status-badge.status-draft{background:#e2e8f0;color:#718096}.status-badge.status-in_production{background:#fed7aa;color:#c05621}.status-badge.status-completed{background:#c6f6d5;color:#22543d}.subtotal-row{background:#f7fafc!important;font-weight:700}.subtotal-row td{border-bottom:none;border-top:2px solid #e2e8f0;padding:12px 10px}.subtotal-label{font-size:12px;letter-spacing:.5px;text-align:right;text-transform:uppercase}.no-blends{background:#f7fafc;border-radius:8px;margin:30px 0;padding:60px;text-align:center}.no-blends p{color:#718096;font-size:16px;margin:0}.materials-summary{background:#f7fafc;border-radius:8px;margin-top:30px;padding:20px}.materials-summary h2{color:#2d3748;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.materials-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.material-item{background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:12px}.material-label{color:#4a5568;font-size:14px;font-weight:600}.material-value{color:#000;font-size:18px;font-weight:700}.fragrance-breakdown{margin-top:20px}.fragrance-breakdown h3{color:#2d3748;font-size:16px;font-weight:700;margin:0 0 15px}.fragrance-table{background:#fff;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.fragrance-table thead{background:#e2e8f0}.fragrance-table th{color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px;text-align:left;text-transform:uppercase}.fragrance-table td{border-bottom:1px solid #f0f4f8;color:#2d3748;font-size:13px;padding:10px}.summary-footer{border-top:2px solid #e2e8f0;margin-top:40px;padding-top:20px;text-align:center}.footer-text{color:#718096;font-size:12px}.error-container,.loading{min-height:300px}.error-container button{margin:0 5px}@media print{.daily-summary-modal{background:none;padding:0;position:static}.daily-summary-container{box-shadow:none;max-height:none}.summary-actions{display:none}.summary-page{margin:0;padding:0}.melter-group,.overview-section{page-break-inside:avoid}body{margin:0;padding:0}@page blend-summary{size:letter landscape;margin:.5in}}.blend-manager{background:#f8f9fa;padding:20px}.blend-generation-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:20px;padding:20px}.blend-generation-section h4{color:#000;font-size:18px;font-weight:600;margin:0 0 20px}.blend-info-cards{display:flex;gap:15px;margin-bottom:25px}.info-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;padding:15px;text-align:center}.info-label{color:#718096;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-value{color:#000;font-size:24px;font-weight:600}.blend-form{margin-top:20px}.form-row{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1 1}.form-group.full-width{flex:1 1 100%}.form-group label{color:#4a5568;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.date-input,.melter-select,.notes-input,.text-input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.date-input:focus,.melter-select:focus,.notes-input:focus,.text-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.melter-select option.optimal{background:#c6f6d5;font-weight:600}.melter-select option.unsuitable{background:#fed7d7;color:#9b2c2c}.melter-details{align-items:center;background:#f0fff4;border:1px solid #9ae6b4;border-radius:4px;display:flex;flex:1 1;gap:20px;margin-top:24px;padding:12px 16px}.melter-info{display:flex;flex-direction:column;gap:4px}.melter-info .label{color:#718096;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.melter-info .value{color:#2d3748;font-size:16px;font-weight:600}.melter-info .value.highlight{color:#38a169;font-size:20px}.notes-input{font-family:inherit;resize:vertical}.form-actions{display:flex;gap:12px;margin-top:25px}.generate-btn,.summary-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.generate-btn{background:#000}.generate-btn:hover:not(:disabled){background:#333}.generate-btn:disabled{background:#cbd5e0}.summary-btn{background:#fff;border:1px solid #e0e0e0;color:#000}.summary-btn:hover{background:#f7fafc;border-color:#cbd5e0}.blends-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;padding:20px}.blends-list-section h4{color:#000;font-size:18px;font-weight:600;margin:0 0 20px}.blends-table{border-collapse:collapse;width:100%}.blends-table thead{background:#f7fafc}.blends-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.blends-table td{border-bottom:1px solid #f0f4f8;color:#2d3748;font-size:14px;padding:12px}.blends-table tbody tr:hover{background:#f8fafc}.blend-number{color:#4299e1;font-weight:600}.blends-table .highlight{color:#38a169;font-weight:600}.status-select{background:#fff;border:1px solid;border-radius:4px;cursor:pointer;font-size:13px;padding:4px 8px;transition:all .2s}.status-select:focus{box-shadow:0 0 0 3px #4299e11a;outline:none}.blend-actions{display:flex;gap:8px}.action-btn{border:1px solid #e0e0e0;font-size:13px}.action-btn:hover{background:#f7fafc}.action-btn.pdf-btn{border-color:#38a169;color:#38a169}.action-btn.pdf-btn:hover{background:#f0fff4}.action-btn.print-btn{border-color:#4299e1;color:#4299e1}.action-btn.print-btn:hover{background:#ebf8ff}.action-btn.delete-btn{border-color:#feb2b2;color:#e53e3e}.action-btn.delete-btn:hover{background:#fff5f5}.error-container,.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px}.error-message{color:#e53e3e}.error-container button{background:#4299e1;border-radius:4px;padding:8px 20px;transition:background .2s}.error-container button:hover{background:#3182ce}.batch-manager{padding:20px}.batch-manager-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.header-title-section{display:flex;flex-direction:column;gap:4px}.batch-manager-header h2{color:#333;font-size:24px;margin:0}.reorder-hint{color:#666;font-size:13px;font-style:italic;margin:0}.header-controls{align-items:center;display:flex;gap:10px}.wo-search-input{background:#fff;border:1px solid #000;color:#000;font-size:14px;min-width:200px;outline:none;padding:8px 12px}.wo-search-input:focus{border-color:#333;box-shadow:0 0 0 2px #0000001a}.wo-search-input::placeholder{color:#999}.status-filter{cursor:pointer;font-size:14px;padding:8px 12px}.refresh-btn,.status-filter{background:#fff;border:1px solid #000;color:#000}.refresh-btn{padding:8px 15px}.refresh-btn:hover{background:#000;color:#fff}.loading{color:#666;font-size:16px}.error-container,.loading{padding:40px;text-align:center}.error-message{color:#000;font-size:16px;margin-bottom:20px}.error-container button{background:#000;border:none;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.no-batchs{background:#f9f9f9;border:1px solid #ddd;color:#666;font-size:16px;padding:60px 20px;text-align:center}.batchs-list{display:flex;flex-direction:column;gap:15px}.batch-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000000d;cursor:grab;transition:box-shadow .2s,opacity .2s}.batch-card:hover{box-shadow:0 2px 6px #00000014}.batch-card.dragging{cursor:grabbing;opacity:.5}.batch-card:active{cursor:grabbing}.batch-header{align-items:center;background:#fff;border-radius:6px 6px 0 0;cursor:pointer;display:flex;gap:20px;justify-content:flex-start;padding:12px 20px;transition:background .2s}.batch-header:hover{background:#f8f9fa}.batch-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.batch-header-actions .action-btn{font-size:13px;min-width:60px;padding:6px 12px}.batch-info{align-items:center;display:flex;gap:10px;min-width:200px}.expand-icon{color:#666}.batch-info h3{color:#000;font-size:16px;margin:0;white-space:nowrap}.status-badge{border-radius:2px;flex-shrink:0;white-space:nowrap}.batch-summary{grid-gap:20px;align-items:center;display:grid;flex:1 1;gap:20px;grid-template-columns:auto auto auto auto}.summary-item{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.summary-item .label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-item span:not(.label){color:#000;font-size:14px;font-weight:600}.batch-details{background:#fff;border-top:1px solid #e0e0e0;padding:20px}.batch-metadata{color:#666;display:flex;font-size:14px;gap:30px;margin-bottom:20px}.batch-notes{background:#fff;border:1px solid #ddd;color:#333;font-size:14px;margin-top:10px;padding:10px}.batch-tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-top:20px}.tab-button{background:none;color:#666;font-size:16px;padding:10px 20px}.tab-button:hover{background:#f8f9fa;color:#333}.tab-button.active{background:#fff;border-bottom-color:#2196f3;color:#2196f3}.work-orders-table{margin-bottom:20px;padding-top:20px}.work-orders-table h4{color:#000;font-size:16px;margin:0 0 10px}.work-orders-table table{background:#fff;border-collapse:collapse;width:100%}.work-orders-table th{background:#000;color:#fff;font-size:13px;font-weight:600;padding:10px;text-align:left}.work-orders-table td{border-bottom:1px solid #ddd;color:#333;font-size:13px;padding:10px}.work-orders-table tbody tr:hover{background:#f5f5f5}.batch-actions{display:flex;gap:10px;padding-top:15px}.action-btn{background:#fff;border:1px solid #000;color:#000;font-size:14px;padding:8px 16px}.action-btn:hover,.start-btn{background:#000;color:#fff}.start-btn:hover{background:#333}.complete-btn{background:#fff;color:#000}.complete-btn:hover{background:#000;color:#fff}.delete-btn{border-color:#666;color:#666}.delete-btn:hover{background:#666;border-color:#666}.export-btn{margin-left:auto}.priority-controls{align-items:center;cursor:grab;display:flex;margin-right:15px}.priority-controls:active{cursor:grabbing}.drag-handle{align-items:center;display:flex;justify-content:center;padding:4px 8px;-webkit-user-select:none;user-select:none}.drag-icon{color:#999;font-size:20px;line-height:1}.components-table{margin-bottom:20px;padding-top:20px}.components-table table{background:#fff;border-collapse:collapse;width:100%}.components-table th{background:#000;color:#fff;font-size:13px;font-weight:600;padding:10px;text-align:left}.components-table td{border-bottom:1px solid #ddd;color:#333;font-size:13px;padding:10px}.components-table tbody tr:hover{background:#f5f5f5}.components-table tr.insufficient{background:#fff9e6}.components-table tr.insufficient:hover{background:#fff3d4}.status-cell{font-weight:600}.status-sufficient{color:#4caf50}.status-insufficient{color:#ff9800}.no-components{background:#f9f9f9;border:1px solid #ddd;color:#666;font-size:14px;padding:40px 20px;text-align:center}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.rbc-addons-dnd .rbc-addons-dnd-row-body{position:relative}.rbc-addons-dnd .rbc-addons-dnd-drag-row{left:0;position:absolute;right:0;top:0}.rbc-addons-dnd .rbc-addons-dnd-over{background-color:#0000004d}.rbc-addons-dnd .rbc-event{transition:opacity .15s}.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon,.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon{display:block}.rbc-addons-dnd .rbc-addons-dnd-dragged-event{opacity:0}.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview){opacity:.5}.rbc-addons-dnd .rbc-addons-dnd-resizable{height:100%;position:relative;width:100%}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor{position:absolute;text-align:center;width:100%}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child{top:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child{bottom:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon{border-top:3px double;cursor:ns-resize;display:none;margin:0 auto;width:10px}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor{bottom:0;position:absolute;top:4px}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child{left:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child{right:0}.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon{border-left:3px double;cursor:ew-resize;display:none;height:10px;margin-bottom:auto;margin-top:auto}.batch-schedule{background:#f5f5f5;min-height:100vh;padding:20px}.schedule-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.schedule-header h2{color:#333;font-size:24px;margin:0}.schedule-legend{gap:20px}.legend-item,.schedule-legend{align-items:center;display:flex}.legend-item{font-size:14px;gap:8px}.legend-color{border-radius:4px;display:inline-block;height:20px;width:20px}.refresh-schedule-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .3s}.refresh-schedule-btn:hover{background:#1976d2}.schedule-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px 20px}.schedule-info p{color:#666;font-size:14px;margin:8px 0}.schedule-info strong{color:#333;font-weight:600}.calendar-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.rbc-calendar{font-family:inherit}.rbc-event{font-size:13px;font-weight:500;padding:4px 6px}.rbc-event:hover{cursor:pointer;opacity:1!important}.rbc-today{background-color:#e3f2fd}.rbc-header{background:#f9f9f9;border-bottom:2px solid #ddd;font-weight:600;padding:12px 6px}.rbc-month-view{border-radius:4px;overflow:hidden}.rbc-toolbar{margin-bottom:15px;padding:15px 10px}.rbc-toolbar button{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 16px;transition:all .3s}.rbc-toolbar button:hover{background:#f0f0f0}.rbc-toolbar button.rbc-active{background:#2196f3;border-color:#2196f3;color:#fff}.rbc-time-content>.rbc-time-column,.rbc-time-gutter,.rbc-time-header-gutter{display:none!important}.rbc-time-header-content{border-left:none!important}.rbc-allday-cell{min-height:80px!important}.rbc-row-bg{display:flex}.rbc-time-view{border:1px solid #ddd}.rbc-time-header{margin-bottom:0}.rbc-addons-dnd .rbc-addons-dnd-row-body,.rbc-row-content{min-height:50px}.rbc-event.rbc-event-allday{margin:2px 4px;padding:4px 8px}.modal-overlay{animation:fadeIn .2s;background:#00000080}.modal-content{animation:slideUp .3s;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:500px;padding:30px;width:90%}.modal-content h3{color:#333;font-size:22px;margin:0 0 20px}.batch-details{background:#f9f9f9;border-left:4px solid #2196f3;border-radius:6px;margin-bottom:20px;padding:15px}.batch-details p{color:#555;font-size:14px;margin:8px 0}.batch-details strong{color:#333;font-weight:600}.date-input-section{margin-bottom:20px}.date-input-section label{color:#333;display:block;font-size:14px;margin-bottom:8px}.date-input-section .date-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.date-input-section .date-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.date-note{color:#666;font-size:13px;font-style:italic;margin-top:8px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.save-btn{background:#4caf50;color:#fff}.save-btn:hover{background:#45a049}.cancel-btn{background:#f0f0f0;color:#333}.cancel-btn:hover{background:#e0e0e0}.batch-schedule-error,.batch-schedule-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.batch-schedule-loading .spinner{align-items:center;animation:none!important;display:flex!important;gap:6px;height:auto!important;justify-content:center;position:static!important;width:auto!important}.batch-schedule-loading .spinner:after,.batch-schedule-loading .spinner:before{display:none!important}.batch-schedule-loading .spinner .dot{animation:pulse 1.5s infinite;background:#0000!important;border:1.5px solid #000;border-radius:50%;height:6px;width:6px}.batch-schedule-loading .spinner .dot:first-child{animation-delay:0s}.batch-schedule-loading .spinner .dot:nth-child(2){animation-delay:.2s}.batch-schedule-loading .spinner .dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.batch-schedule-error p,.batch-schedule-loading p{color:#666;font-size:16px;margin-top:20px}.batch-schedule-error button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px}.batch-schedule-error button:hover{background:#1976d2}@media (max-width:768px){.batch-schedule{padding:10px}.schedule-header{align-items:flex-start;flex-direction:column;gap:15px}.schedule-legend{flex-wrap:wrap}.calendar-container{padding:10px}.rbc-toolbar{flex-direction:column;gap:10px}.modal-content{padding:20px;width:95%}}.scheduling-dashboard{background:#f5f5f5;min-height:100vh;padding:20px}.dashboard-header{align-items:flex-start;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left h2{color:#333;font-size:24px;margin:0 0 8px}.subtitle{color:#666;font-size:14px;margin:0}.scheduling-tabs{border-bottom:2px solid #ddd;display:flex;gap:4px;margin-bottom:20px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.tab-btn:hover{background:#f0f0f0;color:#333}.tab-btn.active{background:#fff;border-bottom-color:#333;color:#333}.tab-actions{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;margin-bottom:20px;padding:15px}.header-actions{gap:12px}.generate-btn{background:#333;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.generate-btn:hover:not(:disabled){background:#555}.generate-btn:disabled{cursor:not-allowed;opacity:.5}.schedule-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-stat{align-items:center;background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;padding:20px;text-align:center}.stat-label{color:#666;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#333;font-size:28px}.schedule-table{background:#fff;border:1px solid #ddd}.table-header{background:#f9f9f9;border-bottom:2px solid #ddd;color:#333;font-size:13px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-transform:uppercase}.table-header,.table-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:150px 2fr 100px 120px 120px 140px 140px}.table-row{align-items:center;border-bottom:1px solid #eee;padding:16px;transition:background .2s}.table-row:hover{background:#fafafa}.col-date{font-size:13px}.date-main{color:#333;font-weight:600;margin-bottom:4px}.date-total{color:#666;font-size:11px}.col-fragrance{min-width:0}.fragrance-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.fragrance-name{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-score{background:#2196f3;cursor:help;margin-right:4px}.batch-score,.priority-badge{border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;white-space:nowrap}.priority-badge{letter-spacing:.5px;text-transform:uppercase}.col-units{color:#333;font-size:14px;font-weight:600;text-align:right}.col-work-orders,.expand-btn{font-size:13px}.expand-btn{align-items:center;background:none;border:none;color:#06c;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:4px 8px;text-align:left}.expand-btn:hover{text-decoration:underline}.work-orders-expansion{background:#f9f9f9;border-bottom:2px solid #ddd;border-top:1px solid #ddd;grid-column:1/-1}.expansion-header{background:#f0f0f0;color:#555;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.expansion-content{padding:8px 16px}.wo-expansion-row{grid-gap:12px;align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:grid;font-size:13px;gap:12px;grid-template-columns:100px 200px 1fr 80px 100px 40px;margin-bottom:4px;padding:10px 12px}.wo-expansion-row:hover{background:#fafafa}.wo-exp-num{color:#333;font-weight:600}.wo-exp-cust{color:#666}.wo-exp-cust,.wo-exp-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-exp-item{color:#555}.wo-exp-qty{color:#666;font-weight:500;text-align:right}.wo-exp-date{color:#666;font-size:12px;text-align:center}.wo-score-breakdown{background:#f5f5f5;border-left:3px solid #4caf50;display:flex;font-size:11px;gap:16px;grid-column:1/-1;margin-bottom:4px;padding:8px 12px}.score-total{color:#333;font-weight:700;margin-right:8px}.score-detail{border-left:1px solid #ddd;color:#666;padding:0 8px}.score-detail:first-of-type{border-left:none}.remove-wo-btn{align-items:center;background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:background .2s;width:24px}.remove-wo-btn:hover{background:#c82333}.col-oil{font-size:12px;text-align:right}.oil-info div{margin-bottom:2px}.oil-available{color:#666;font-size:11px}.col-status{font-size:12px}.status-indicator{align-items:center;border-radius:3px;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px;text-transform:capitalize}.status-indicator.available{background:#e8f5e9;color:#2e7d32}.status-indicator.insufficient{background:#ffebee;color:#c62828}.status-indicator.on_order{background:#fff3e0;color:#ef6c00}.col-actions{text-align:center}.create-batch-btn{background:#333;border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.create-batch-btn:hover:not(:disabled){background:#555}.create-batch-btn:disabled{background:#ccc;color:#888;cursor:not-allowed}.empty-schedule{color:#666;font-size:16px;padding:40px;text-align:center}.error-message{background:#fee;border:2px solid #c00;color:#c00;font-weight:600;margin-bottom:16px;padding:16px}@media (max-width:1200px){.table-header,.table-row{font-size:12px;gap:8px;grid-template-columns:120px 1.5fr 90px 100px 100px 120px 120px}}@media (max-width:768px){.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:8px;padding:12px}.schedule-summary{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column;gap:12px}.generate-btn,.header-actions{width:100%}}.ai-scheduler-tab{background:#fff;border-radius:8px;padding:20px}.accept-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.accept-btn:hover{background:#218838}.ai-progress{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.ai-progress h3{color:#495057;font-size:18px;margin:0 0 15px}.progress-log{background:#fff;border:1px solid #dee2e6;border-radius:8px;max-height:500px;overflow-y:auto;padding:15px}.progress-item{border-left:4px solid #6c757d;border-radius:4px;margin-bottom:15px;padding:12px}.progress-item.thinking{background:#e7f3ff;border-left-color:#007bff}.progress-item.tool_call{background:#fff3cd;border-left-color:#ffc107}.progress-item.tool_result{background:#d4edda;border-left-color:#28a745}.progress-item strong{color:#495057;display:block;font-size:14px;margin-bottom:8px}.progress-item pre{word-wrap:break-word;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;font-size:12px;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap}.ai-schedule-result{margin-top:20px}.result-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.result-header h3{color:#2c3e50;font-size:20px;margin:0}.col-reason{color:#495057;flex:2 1;font-size:13px;padding:12px}.wo-list-compact{font-size:12px;margin-top:8px}.wo-compact-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:4px 0}.wo-compact-item:last-child{border-bottom:none}.wo-compact-item .wo-number{color:#007bff;font-weight:600;min-width:80px}.wo-compact-item .wo-customer{color:#495057;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-compact-item .wo-priority{border-radius:3px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.wo-priority.priority-critical{background:#dc3545;color:#fff}.wo-priority.priority-high{background:#fd7e14;color:#fff}.wo-priority.priority-normal{background:#17a2b8;color:#fff}.wo-priority.priority-low{background:#6c757d;color:#fff}.empty-state{color:#6c757d}.empty-state p{font-size:15px;line-height:1.6;margin-bottom:15px}.empty-state p:first-child{color:#495057;font-size:18px;font-weight:500}.progress-log::-webkit-scrollbar{width:8px}.progress-log::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.progress-log::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.progress-log::-webkit-scrollbar-thumb:hover{background:#555}.bom-update-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}.bom-update-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:650px;overflow-y:auto;padding:24px;width:90%}.bom-update-modal h3{align-items:center;color:#2563eb;display:flex;font-size:20px;gap:8px;margin:0 0 16px}.bom-update-modal>p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.bom-update-modal strong{color:#333}.bom-changes-list{margin-bottom:20px}.bom-changes-list h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.bom-changes-table{border-collapse:collapse;font-size:13px;width:100%}.bom-changes-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase}.bom-changes-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px}.change-row:last-child td{border-bottom:none}.change-component{align-items:center;display:flex;gap:8px}.change-icon{font-size:16px}.change-label{color:#333;font-weight:500}.change-old{background:#fef2f2;border-radius:4px;color:#dc2626;font-family:Menlo,Monaco,monospace;font-size:12px;padding:4px 8px}.change-arrow{color:#9ca3af;font-weight:700;text-align:center}.change-new{background:#f0fdf4;border-radius:4px;color:#16a34a;font-family:Menlo,Monaco,monospace;font-size:12px;padding:4px 8px}.change-row.change-wick .change-label{color:#d97706}.change-row.change-wax .change-label{color:#7c3aed}.change-row.change-added .change-label{color:#16a34a}.change-row.change-removed .change-label{color:#dc2626}.bom-modal-message{background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:4px;margin-bottom:20px;padding:12px}.bom-modal-message p{color:#1e40af;font-size:13px;margin:0}.bom-error-message{background:#fef2f2;border-left:3px solid #dc2626;border-radius:4px;margin-bottom:16px;padding:12px}.bom-error-message p{color:#991b1b;font-size:13px;margin:0}.bom-modal-actions{display:flex;gap:12px;justify-content:flex-end}.bom-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.bom-cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.bom-update-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.bom-update-btn:hover:not(:disabled){background:#1d4ed8}.bom-cancel-btn:disabled,.bom-update-btn:disabled{cursor:not-allowed;opacity:.6}.work-order-detail{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.detail-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.back-button{background:#6c757d;border-radius:6px;font-weight:500;padding:10px 20px;transition:background .3s}.back-button:hover{background:#5a6268}.detail-header h1{color:#333;flex:1 1;font-size:28px;margin:0;text-align:center}.header-actions{gap:10px}.refresh-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s}.refresh-button:hover{background:#1976d2}.check-bom-button{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s}.check-bom-button:hover:not(:disabled){background:#7c3aed}.check-bom-button:disabled{cursor:not-allowed;opacity:.6}.detail-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.detail-section h2{border-bottom:2px solid #e0e0e0;color:#333;font-size:20px;margin:0 0 20px;padding-bottom:10px}.detail-section h3{color:#555;font-size:16px;margin:20px 0 15px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:16px;font-weight:500}.wo-status{background:#ffc107;border-radius:20px;color:#333;display:inline-block;font-size:14px;padding:4px 12px}.overall-progress{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin-bottom:30px;padding:20px}.progress-header{align-items:center;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:15px}.progress-text{font-size:16px}.progress-bar-large{background:#fff3;border-radius:20px;height:40px;overflow:hidden;position:relative}.progress-fill{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;transition:width .5s ease}.no-production{color:#666;padding:40px;text-align:center}.no-production p{font-size:16px;margin:10px 0}.carts-table{margin-top:20px;overflow-x:auto}.carts-table table{border-collapse:collapse;font-size:15px;width:100%}.carts-table th{background:#2196f3;border-bottom:3px solid #1976d2;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.carts-table td{border-bottom:1px solid #eee;padding:16px;vertical-align:middle}.carts-table tbody tr{transition:all .2s ease}.carts-table tbody tr:hover{background:#f0f8ff;box-shadow:0 2px 4px #0000000d}.carts-table tbody tr:nth-child(2n){background:#fafafa}.carts-table tbody tr:nth-child(2n):hover{background:#f0f8ff}.barcode{background:#e3f2fd;border-radius:4px;color:#1565c0;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:1px;padding:6px 12px}.status-badge{border-radius:20px;box-shadow:0 2px 4px #00000026;color:#fff;font-size:12px;padding:6px 14px}.work-order-detail.error,.work-order-detail.loading{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:400px;padding:40px}.spinner{animation:l9-0 1.5s steps(2) infinite;aspect-ratio:1;position:relative;width:20px}.spinner:after,.spinner:before{background:#0000;border:2px solid #000;border-radius:50%;content:"";inset:0;position:absolute}.spinner:before{animation:l9-1 .75s linear infinite alternate;box-shadow:26px 0 0 0 #0000,26px 0 0 2px #000;transform:translateX(-26px)}.spinner:after{animation:l9-2 .75s linear infinite alternate;transform:translateX(13px) rotate(0deg) translateX(13px)}@keyframes l9-0{0%,49.9%{transform:scale(1)}50%,to{transform:scale(-1)}}@keyframes l9-1{to{box-shadow:52px 0 0 0 #0000,52px 0 0 2px #000}}@keyframes l9-2{to{transform:translateX(13px) rotate(-180deg) translateX(13px)}}.work-order-detail.error p,.work-order-detail.loading p{color:#666;font-size:16px;margin-top:20px}.work-order-detail.error h2{color:#f44336;margin-bottom:10px}.work-order-detail.error button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.work-order-detail.error button:hover{background:#1976d2}@media (max-width:768px){.detail-header{flex-direction:column;gap:15px}.detail-header h1{text-align:left}.info-grid{grid-template-columns:1fr}}.material-planning-landing{margin:0 auto;max-width:1400px;padding:20px}.material-planning-landing .header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.material-planning-landing .header h1{color:#333;font-size:28px;margin:0}.material-planning-landing .header-actions{display:flex;gap:10px}.material-planning-landing .header-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.material-planning-landing .btn-sync{background-color:#4caf50;color:#fff}.material-planning-landing .btn-sync:hover:not(:disabled){background-color:#45a049}.material-planning-landing .btn-generate{background-color:#2196f3;color:#fff}.material-planning-landing .btn-generate:hover:not(:disabled){background-color:#0b7dda}.material-planning-landing .btn-export{background-color:#ff9800;color:#fff}.material-planning-landing .btn-export:hover:not(:disabled){background-color:#e68900}.material-planning-landing button:disabled{cursor:not-allowed;opacity:.6}.material-planning-landing .error-message{align-items:center;background-color:#f44336;border-radius:4px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.material-planning-landing .close-error{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;height:30px;padding:0;width:30px}.material-planning-landing .controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.material-planning-landing .search-box{flex:1 1;max-width:400px}.material-planning-landing .search-box input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.material-planning-landing .sort-options{align-items:center;display:flex;gap:10px}.material-planning-landing .sort-options label{color:#666;font-weight:500}.material-planning-landing .sort-options select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px}.material-planning-landing .loading,.material-planning-landing .no-data{color:#666;font-size:16px;padding:60px 20px;text-align:center}.material-planning-landing .no-data p{margin:10px 0}.material-planning-landing .vessel-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.material-planning-landing .vessel-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:20px;transition:all .2s}.material-planning-landing .vessel-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.material-planning-landing .vessel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.material-planning-landing .vessel-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.material-planning-landing .inactive-badge{background-color:#f44336;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.material-planning-landing .vessel-name{color:#666;font-size:14px;line-height:1.4;margin-bottom:15px;min-height:40px}.material-planning-landing .vessel-stats{grid-gap:15px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px;padding:15px 0}.material-planning-landing .stat{text-align:center}.material-planning-landing .stat label{color:#999;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.material-planning-landing .stat value{color:#2196f3;display:block;font-size:20px;font-weight:600}.material-planning-landing .vessel-dates{margin-bottom:15px}.material-planning-landing .date-info{color:#999;font-size:12px;margin:4px 0}.material-planning-landing .view-details{border-top:1px solid #e0e0e0;color:#2196f3;font-size:13px;font-weight:500;padding-top:10px;text-align:center}.material-planning-landing .footer-info{color:#666;font-size:14px;padding:20px;text-align:center}.material-planning-landing .footer-info p{margin:5px 0}.material-planning-landing .help-text{color:#999;font-size:13px}.vessel-detail-view{margin:0 auto;max-width:1400px;padding:20px}.vessel-detail-error,.vessel-detail-loading{color:#666;font-size:16px;padding:60px 20px;text-align:center}.vessel-detail-error button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.vessel-detail-view .header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.vessel-detail-view .back-button{background-color:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.vessel-detail-view .back-button:hover{background-color:#555}.vessel-detail-view .title-section h1{color:#333;font-size:28px;margin:0 0 5px}.vessel-detail-view .vessel-name{color:#666;font-size:16px;margin:0}.vessel-detail-view .btn-generate{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.vessel-detail-view .btn-generate:hover:not(:disabled){background-color:#0b7dda}.vessel-detail-view .btn-generate:disabled{cursor:not-allowed;opacity:.6}.vessel-detail-view .summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:40px}.vessel-detail-view .summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center}.vessel-detail-view .summary-card label{color:#999;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.vessel-detail-view .summary-card value{color:#333;display:block;font-size:28px;font-weight:600;margin-bottom:5px}.vessel-detail-view .summary-card small{color:#999;font-size:12px}.vessel-detail-view .summary-card.trend-up value{color:#4caf50}.vessel-detail-view .summary-card.trend-down value{color:#f44336}.vessel-detail-view .summary-card.trend-stable value{color:#ff9800}.vessel-detail-view .chart-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:40px;padding:30px}.vessel-detail-view .chart-section h2{color:#333;font-size:20px;margin:0 0 30px}.vessel-detail-view .chart-container{position:relative}.vessel-detail-view .chart{align-items:flex-end;border-bottom:2px solid #333;display:flex;gap:8px;height:400px;justify-content:flex-start;overflow-x:auto;padding:20px 0}.vessel-detail-view .bar-container{align-items:center;display:flex;flex:0 0 60px;flex-direction:column;height:100%;justify-content:flex-end}.vessel-detail-view .bar{border-radius:4px 4px 0 0;min-height:4px;position:relative;transition:all .3s;width:100%}.vessel-detail-view .bar.historical{background:linear-gradient(0deg,#2196f3,#64b5f6)}.vessel-detail-view .bar.projection{background:linear-gradient(0deg,#ff9800,#ffb74d);border:2px dashed #ff9800}.vessel-detail-view .bar:hover{filter:brightness(1.1)}.vessel-detail-view .bar-value{color:#333;font-size:11px;font-weight:600;left:50%;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.vessel-detail-view .bar-value.projected{color:#ff9800;font-style:italic}.vessel-detail-view .bar-label{color:#666;font-size:10px;line-height:1.2;margin-top:8px;text-align:center}.vessel-detail-view .chart-legend{display:flex;gap:30px;justify-content:center;margin-top:20px}.vessel-detail-view .legend-item{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.vessel-detail-view .legend-color{border-radius:4px;height:20px;width:20px}.vessel-detail-view .legend-color.historical{background:#2196f3}.vessel-detail-view .legend-color.projection{background:#ff9800;background-clip:padding-box;border:2px dashed #ff9800}.vessel-detail-view .anomalies-section,.vessel-detail-view .monthly-details,.vessel-detail-view .projections-table{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:40px;padding:30px}.vessel-detail-view .anomalies-section h2,.vessel-detail-view .monthly-details h2,.vessel-detail-view .projections-table h2{color:#333;font-size:20px;margin:0 0 20px}.vessel-detail-view .section-description{color:#666;font-size:14px;margin-bottom:20px}.vessel-detail-view table{border-collapse:collapse;width:100%}.vessel-detail-view th{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.vessel-detail-view td{border-bottom:1px solid #e0e0e0;font-size:14px;padding:12px}.vessel-detail-view td.quantity{color:#2196f3;font-weight:600}.vessel-detail-view td.method{color:#666;font-size:12px;text-transform:capitalize}.vessel-detail-view td.positive{color:#4caf50}.vessel-detail-view td.negative{color:#f44336}.vessel-detail-view .confidence{width:150px}.vessel-detail-view .confidence-bar{background-color:#e0e0e0;border-radius:4px;height:24px;overflow:hidden;position:relative}.vessel-detail-view .confidence-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;left:0;position:absolute;top:0;transition:width .3s}.vessel-detail-view .confidence-bar span{color:#333;font-size:11px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.vessel-detail-view .anomalies-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vessel-detail-view .anomaly-card{border:2px solid #e0e0e0;border-radius:8px;padding:15px}.vessel-detail-view .anomaly-card.spike{background-color:#ffebee;border-color:#f44336}.vessel-detail-view .anomaly-card.dip{background-color:#fff3e0;border-color:#ff9800}.vessel-detail-view .anomaly-header{display:flex;justify-content:space-between;margin-bottom:10px}.vessel-detail-view .anomaly-date{color:#333;font-size:14px;font-weight:600}.vessel-detail-view .anomaly-type{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.vessel-detail-view .anomaly-type.spike{background-color:#f44336;color:#fff}.vessel-detail-view .anomaly-type.dip{background-color:#ff9800;color:#fff}.vessel-detail-view .anomaly-value{color:#333;font-size:20px;font-weight:600;margin-bottom:5px}.vessel-detail-view .anomaly-deviation{color:#666;font-size:12px}.vessel-detail-view .export-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;text-align:center}.vessel-detail-view .export-section h3{color:#333;font-size:18px;margin:0 0 10px}.vessel-detail-view .export-section p{color:#666;margin-bottom:20px}.vessel-detail-view .btn-export{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.vessel-detail-view .btn-export:hover{background-color:#e68900}.shopify-orders-container{background-color:#f5f5f5;min-height:100vh;overflow-y:auto;padding:20px}.shopify-orders-header{background-color:#95b99c;box-shadow:0 2px 4px #0000001a;color:#fff;margin:-20px -20px 20px;padding:20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-content h1{font-size:28px;font-weight:600;margin:0}.header-actions{gap:20px}.sync-status{font-size:14px;opacity:.9}.filters-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.filter-controls{display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px}.orders-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background-color:#f8f9fa}.orders-table th{border-bottom:2px solid #dee2e6;color:#666;font-size:14px;font-weight:600;padding:12px;text-align:left}.orders-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.orders-table tbody tr:hover{background-color:#f8f9fa}.orders-table td{font-size:14px;padding:12px}.order-number{color:#333}.order-number,.total{font-weight:600}.badge-netsuite-synced{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge-netsuite-missing{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.badge-netsuite-unchecked{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn{border-radius:4px;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn:disabled{opacity:.6;transform:none}.btn-primary{background-color:#95b99c}.btn-primary:hover{background-color:#7da085}.btn-search{background-color:#6c757d;color:#fff}.btn-search:hover{background-color:#5a6268}.btn-sm{font-size:12px;padding:4px 8px}.btn-view{background-color:#007bff;color:#fff}.btn-view:hover{background-color:#0069d9}.no-data{color:#666;font-style:italic;padding:40px!important;text-align:center}.pagination{align-items:center;background:#fff;border-radius:8px;display:flex;gap:20px;justify-content:center;margin-top:20px;padding:20px}.btn-pagination{background-color:#fff;border:1px solid #ddd;color:#333}.btn-pagination:hover:not(:disabled){background-color:#f8f9fa}.page-info{color:#666;font-size:14px}.order-row{transition:background-color .2s}.order-row:hover{background-color:#f0f5f1}.order-row.expanded{background-color:#e8f4ea;font-weight:500}.order-row.error-row{background-color:#fff3e0!important;border-left:4px solid #ff9800}.order-row.error-row:hover{background-color:#ffe0b2!important}.order-row.error-row.expanded{background-color:#ffecb3!important}.expand-icon{color:#95b99c;display:inline-block;font-size:12px;margin-right:8px;transition:transform .2s}.item-count{background-color:#95b99c;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.expanded-content-row{background-color:#f8f9fa;border-left:4px solid #95b99c}.expanded-content{animation:slideDown .3s ease-out;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.store-tabs-navigation{background:#fff;border-bottom:2px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex;gap:8px;margin-bottom:20px;padding:0 20px}.store-tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.store-tab-button:hover{background:#f7fafc;color:#4299e1}.store-tab-button.active{background:#ebf8ff;border-bottom-color:#4299e1;color:#2c5282}.expanded-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.expanded-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:15px}.expanded-section h4{border-bottom:2px solid #95b99c;color:#333;font-size:16px;margin:0 0 15px;padding-bottom:8px}.line-items-subtable{border-collapse:collapse;font-size:13px;width:100%}.line-items-subtable thead{background-color:#f0f5f1}.line-items-subtable th{color:#666;font-size:12px;font-weight:600;padding:8px;text-align:left;text-transform:uppercase}.line-items-subtable td{border-bottom:1px solid #e9ecef;padding:8px}.line-items-subtable tbody tr:last-child td{border-bottom:none}.line-items-subtable tbody tr:hover{background-color:#f8f9fa}.address-block{color:#333;font-size:14px;line-height:1.6}.address-block div{margin-bottom:4px}.error-section{background-color:#fff3e0!important;border:2px solid #ff9800;grid-column:1/-1}.error-section h4{border-bottom-color:#ff9800;color:#e65100}.error-details{font-size:14px;line-height:1.6}.error-details p{margin:8px 0}.error-details strong{color:#e65100;font-weight:600}@media (max-width:1024px){.expanded-sections{grid-template-columns:1fr}}@media (max-width:768px){.expanded-content{padding:15px 10px}.expanded-section{padding:10px}.line-items-subtable{font-size:11px}.line-items-subtable td,.line-items-subtable th{padding:6px 4px}.header-content{gap:15px;text-align:center}.filter-controls,.header-content{flex-direction:column}.filter-group{width:100%}.orders-table{font-size:12px}.orders-table td,.orders-table th{padding:8px}.pagination{flex-direction:column;gap:10px}}.error-row{background-color:#ffebee!important;border-left:4px solid #f44336!important}.duplicate-row{background-color:#fff3e0!important;border-left:4px solid #ff9800!important}.missing-payment-row{background-color:#fce4ec!important;border-left:4px solid #e91e63!important}.attention-row{background-color:#fff9c4!important;border-left:4px solid #ffc107!important}.issue-badge{border-radius:3px;display:inline-block;font-size:10px;font-weight:700;margin-left:4px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}.duplicate-badge{background-color:#ff9800;color:#fff}.payment-badge{background-color:#e91e63;color:#fff}.customer-badge{background-color:#9c27b0;color:#fff}.error-badge{background-color:#f44336;color:#fff}.fraud-badge{background-color:#ff6b35;color:#fff}.order-row.duplicate-row:hover{background-color:#ffe0b2!important}.order-row.missing-payment-row:hover{background-color:#f8bbd0!important}.order-row.error-row:hover{background-color:#ffcdd2!important}.order-row.attention-row:hover{background-color:#fff176!important}.order-detail-container{background-color:#f5f5f5;min-height:100vh;padding:20px}.order-detail-header{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.back-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:15px;padding:8px 16px;transition:background-color .2s}.back-button:hover{background-color:#5a6268}.order-detail-header h1{color:#333;font-size:28px;margin:0}.order-detail-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.order-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.info-section{background-color:#f8f9fa;border-radius:6px;padding:15px}.info-section h2{border-bottom:2px solid #95b99c;color:#333;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.info-section h3{color:#555;font-size:16px;margin-bottom:10px;margin-top:20px}.info-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#666;font-size:14px;font-weight:600}.info-row .value{color:#333;font-size:14px}.info-row .value.total{color:#95b99c;font-size:18px;font-weight:700}.address{background-color:#fff;border-radius:4px;font-size:14px;line-height:1.6;padding:10px}.line-items-section{border-top:2px solid #e9ecef;margin-top:30px;padding-top:30px}.line-items-section h2{color:#333;font-size:20px;margin-bottom:20px}.line-items-table{background-color:#f8f9fa;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.line-items-table thead{background-color:#95b99c;color:#fff}.line-items-table th{font-size:14px;font-weight:600;padding:12px;text-align:left}.line-items-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.line-items-table tbody tr:hover{background-color:#fff}.line-items-table td{font-size:14px;padding:12px}.product-info{line-height:1.4}.product-info strong{color:#333}.variant-title{color:#666;font-size:13px;margin-top:4px}.properties{color:#777;font-size:12px;margin-top:6px}.no-items{color:#666;font-style:italic;padding:30px!important;text-align:center}.line-items-table tfoot{background-color:#fff;border-top:2px solid #dee2e6}.line-items-table tfoot td{font-size:14px;padding:10px 12px}.text-right{text-align:right}.total-row{background-color:#f0f5f1;font-size:16px}.shipping-section{background-color:#f8f9fa;border-radius:6px;margin-top:30px;padding:20px}.shipping-section h2{color:#333;font-size:20px;margin-bottom:20px;margin-top:0}.shipping-method{background-color:#fff;border-radius:4px;margin-bottom:10px;padding:10px}.badge{border-radius:4px;font-size:12px;padding:4px 8px;text-transform:uppercase}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-danger{background-color:#f8d7da;color:#721c24}.badge-info{background-color:#d1ecf1;color:#0c5460}.badge-secondary{background-color:#e9ecef;color:#6c757d}.loading-container{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:60px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#95b99c;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#fff;border-radius:8px;margin:20px;padding:40px;text-align:center}.error-message h2{color:#dc3545;margin-bottom:20px}@media (max-width:768px){.order-info-grid{grid-template-columns:1fr}.line-items-table{font-size:12px}.line-items-table td,.line-items-table th{padding:8px}}.market-research-dashboard{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.dashboard-header h1{font-size:2.5em;font-weight:700;margin:0}.subtitle{font-size:1.1em;margin:5px 0 0;opacity:.9}.state-selector{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;margin-bottom:30px;padding:20px}.state-selector label{font-size:1.1em;font-weight:600}.state-dropdown{background:#fff;border:2px solid #ddd;border-radius:5px;font-size:1em;min-width:200px;padding:10px 15px}.action-buttons{display:flex;gap:10px;margin-left:auto}.btn{border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:600;padding:10px 20px;transition:all .3s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#4caf50;color:#fff}.btn-secondary:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.btn-refresh{background:#2196f3;color:#fff}.btn-refresh:hover:not(:disabled){background:#0b7dda}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:25px;text-align:center;transition:transform .3s}.summary-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-5px)}.summary-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-value{font-size:2.5em;font-weight:700;margin-bottom:5px}.card-label{font-size:.9em;letter-spacing:1px;opacity:.8;text-transform:uppercase}.loading-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;font-size:2em;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-content{display:flex;flex-direction:column;gap:30px}.section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:25px}.section h2{border-bottom:3px solid #667eea;color:#333;font-size:1.8em;margin:0 0 20px;padding-bottom:10px}.regions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.region-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-left:4px solid #667eea;border-radius:8px;padding:20px}.region-card h3{color:#333;margin:0 0 15px}.region-stats{display:flex;flex-direction:column;gap:8px}.stat{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#555;font-weight:600}.stat-value{color:#667eea;font-size:1.2em;font-weight:700}.tier{border-radius:12px;font-size:.85em;font-weight:600;padding:3px 10px;text-transform:uppercase}.tier-high{background:#4caf50;color:#fff}.tier-medium{background:#ff9800;color:#fff}.tier-low{background:#9e9e9e;color:#fff}.opportunities-table{overflow-x:auto}.opportunities-table table{border-collapse:collapse;width:100%}.opportunities-table th{background:#f5f5f5;border-bottom:2px solid #ddd;font-weight:600;padding:12px;text-align:left}.opportunities-table td{border-bottom:1px solid #eee;padding:12px}.opportunities-table tr:hover{background:#f9f9f9}.opportunity-type{border-radius:12px;color:#fff;display:inline-block;font-size:.85em;font-weight:600;padding:4px 12px;text-transform:uppercase}.priority-score{align-items:center;display:flex;gap:10px}.score-bar{background:#eee;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#4caf50,#ffc107 50%,#f44336);border-radius:10px;height:100%;transition:width .3s}.revenue-value{color:#4caf50;font-weight:700}.status-badge{font-size:.85em;padding:4px 12px}.status-identified{background:#2196f3;color:#fff}.status-contacted{background:#ff9800;color:#fff}.status-in_negotiation{background:#9c27b0;color:#fff}.status-won{background:#4caf50;color:#fff}.status-lost{background:#f44336;color:#fff}.stores-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.store-card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;transition:all .3s}.store-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.store-card h4{color:#333;font-size:1.1em;margin:0 0 5px}.store-location{color:#666;font-size:.9em;margin:0 0 10px}.store-scores{display:flex;gap:15px;margin-bottom:10px}.score{display:flex;flex-direction:column}.score-label{color:#666;font-size:.75em;text-transform:uppercase}.score-value{color:#667eea;font-size:1.3em;font-weight:700}.badge{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.75em;font-weight:600;margin-bottom:8px;padding:4px 10px}.store-type{color:#666;font-size:.85em;letter-spacing:.5px;text-transform:uppercase}.showing-message{color:#666;font-style:italic;margin-top:15px;text-align:center}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#999;font-size:2em;margin:0 0 10px}.empty-state p{font-size:1.2em}.progress-container{background:#fff;border-left:5px solid #667eea;border-radius:10px;box-shadow:0 4px 12px #00000026;margin-bottom:30px;padding:25px}.progress-container h3{color:#667eea;font-size:1.4em;margin:0 0 20px}.progress-info{display:flex;flex-direction:column;gap:15px}.progress-phase{color:#333;font-size:1.1em}.progress-bar-container{align-items:center;display:flex;gap:15px}.progress-bar{background:#e0e0e0;border-radius:12px;flex:1 1;height:25px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;height:100%;transition:width .3s ease}.progress-text{color:#667eea;font-weight:600;white-space:nowrap}.progress-regions,.progress-stats{color:#555;font-size:1em}.progress-stats{display:flex;gap:20px}.progress-stats strong{color:#333}.store-card.clickable{cursor:pointer;transition:all .2s ease}.store-card.clickable:hover{border-color:#667eea;box-shadow:0 6px 20px #667eea4d;transform:translateY(-3px)}.click-hint{border-top:1px solid #eee;color:#667eea;font-size:.85em;margin-top:10px;opacity:0;padding-top:10px;text-align:center;transition:opacity .2s ease}.store-card.clickable:hover .click-hint{opacity:1}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:2em;line-height:1;padding:5px 10px;position:absolute;right:15px;top:15px;transition:color .2s ease;z-index:1}.modal-close:hover{color:#333}.store-detail-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;padding:30px}.store-detail-header h2{font-size:2em;font-weight:700;margin:0}.store-detail-location{font-size:1.2em;margin:8px 0 0;opacity:.9}.store-detail-body{padding:30px}.detail-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{color:#333;font-size:1.3em;font-weight:600;margin:0 0 20px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.detail-item{align-items:flex-start;display:flex;gap:10px}.detail-label{color:#666;flex-shrink:0;font-weight:600;min-width:140px}.detail-value{color:#333;flex:1 1}.detail-value a{color:#667eea;text-decoration:none;transition:color .2s ease}.detail-value a:hover{color:#764ba2;text-decoration:underline}.follower-count{color:#888;font-size:.9em}.score-bars{display:flex;flex-direction:column;gap:20px}.score-bar-item{align-items:center;display:flex;gap:15px}.score-bar-item label{color:#666;font-weight:600;min-width:120px}.score-bar-item .score-bar-container{background:#f0f0f0;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.score-bar-item .score-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.score-bar-item span{color:#667eea;font-weight:700;min-width:40px;text-align:right}.brand-tags{display:flex;flex-wrap:wrap;gap:10px}.brand-tag{background:#f0f0f0;border-radius:20px;color:#555;font-size:.9em;font-weight:500;padding:8px 16px}.store-notes{color:#555;line-height:1.6;margin:0;padding:15px}.research-meta,.store-notes{background:#f9f9f9;border-radius:8px}.research-meta{border:none;padding:20px}@media (max-width:768px){.modal-content{max-height:95vh}.store-detail-body,.store-detail-header{padding:20px}.detail-label{min-width:100px}}.settings-page{margin:0 auto;max-width:800px;padding:40px}.settings-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.settings-container h1{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:28px;margin:0 0 20px;padding-bottom:15px}.settings-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:0}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#718096;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s}.tab-button:hover{background:#f7fafc;color:#2d3748}.tab-button.active{border-bottom-color:#4caf50;color:#4caf50;font-weight:600}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section{margin-bottom:40px}.settings-section:last-child{margin-bottom:0}.settings-section h2{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 10px}.settings-description{color:#718096;font-size:14px;line-height:1.5;margin:0 0 15px}.settings-note{color:#718096;font-size:13px;margin-top:10px}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:15px;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{background:#cbd5e0;border-radius:13px;height:26px;position:relative;transition:background .3s;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{color:#2d3748}.refresh-btn,.toggle-label{font-size:14px;font-weight:500}.refresh-btn{background:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 4px #4caf5033;color:#fff;cursor:pointer;padding:10px 20px;transition:all .2s}.refresh-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.refresh-btn:active{box-shadow:0 2px 4px #4caf5033;transform:translateY(0)}.last-update{color:#718096;font-size:12px;font-style:italic;margin-top:10px}.refresh-log{border:1px solid #e2e8f0;border-radius:6px;max-height:500px;overflow-y:auto}.log-empty{color:#a0aec0;font-size:14px;padding:40px;text-align:center}.log-table{border-collapse:collapse;width:100%}.log-table th{background:#2d3748;color:#fff;font-size:13px;font-weight:600;padding:12px 15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.log-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:13px;padding:10px 15px}.log-table tbody tr:hover{background:#f7fafc}.log-table tbody tr:last-child td{border-bottom:none}.log-error{background:#fff5f5!important}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.success{background:#c6f6d5;color:#22543d}.status-badge.error{background:#fed7d7;color:#742a2a}.status-badge.started{background:#bee3f8;color:#2c5282}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#e2e8f0;color:#4a5568}.add-user-btn{background:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:15px;padding:10px 20px;transition:all .2s}.add-user-btn:hover{background:#404040;transform:translateY(-1px)}.add-user-form{grid-gap:10px;background:#f7fafc;border-radius:6px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:15px}.add-user-form input{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:10px 15px}.add-user-form input:focus{border-color:#1a1a1a;outline:none}.add-user-form input[type=email],.add-user-form input[type=password],.add-user-form input[type=text][placeholder*=NetSuite],.save-user-btn{grid-column:1/-1}.save-user-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.save-user-btn:hover{background:#45a049}.users-list{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#2d3748;color:#fff;font-weight:600;text-align:left}.users-table td,.users-table th{font-size:13px;padding:12px 15px}.users-table td{border-bottom:1px solid #e2e8f0;color:#4a5568}.users-table tbody tr:hover{background:#f7fafc}.users-table tbody tr:last-child td{border-bottom:none}.user-inactive{opacity:.6}.user-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{background:#e2e8f0;border:none;border-radius:4px;color:#2d3748;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.action-btn:hover{background:#cbd5e0}.delete-btn{background:#fed7d7;color:#742a2a}.delete-btn:hover{background:#fc8181;color:#fff}.app{display:flex;flex-direction:column;min-height:100vh;padding-left:60px}.header{align-items:center;background:var(--color-white);border-bottom:2px solid #000;display:flex;justify-content:space-between;padding:15px 20px}.header h1{color:#000;font-size:24px;font-weight:600}.header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.status{color:var(--color-tertiary);font-size:var(--font-size-sm)}.sync-btn{background:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all var(--transition-base)}.sync-btn:hover{background:#000;color:#fff}.sync-btn:disabled{cursor:not-allowed;opacity:.5}.main-content{display:flex;flex:1 1;gap:var(--spacing-xl);padding:var(--spacing-xl)}.control-panel{flex:1 1;max-width:400px}.preview-panel{background:var(--color-white);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:2 1;min-height:400px;padding:var(--spacing-xl)}.preview-panel h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.selected-item{background:var(--color-white);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.selected-item h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.item-details{margin-bottom:var(--spacing-lg)}.item-details p{color:var(--color-secondary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.item-details strong{color:var(--color-primary);font-weight:600}.quantity-control{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.quantity-control label{color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:600}.quantity-control input{border:var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-sm);width:80px}.quantity-control input:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary)}.print-btn{background:#000;border:1px solid #000;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all var(--transition-base);width:100%}.print-btn:hover{background:#333}.print-only{display:none}@media print{body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{display:block;left:0;position:absolute;top:0}}
/*# sourceMappingURL=main.130e71a7.css.map*/