body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}html,body{overflow-x:hidden;width:100%}html{scroll-behavior:smooth}body{line-height:1.5;text-rendering:optimizeSpeed}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html{font-size:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){button,a{text-decoration:underline}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:420px;padding:40px}.login-header{text-align:center;margin-bottom:30px}.login-header .logo-img{height:60px;width:auto;margin:0 auto 20px;display:block;background:#2874f0;padding:10px 20px;border-radius:8px}.login-header .login-title{margin:0;font-size:1.5em;color:#333;font-weight:600}.login-header .login-subtitle{margin:8px 0 0;color:#2874f0;font-size:1.1em;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;min-width:0}.form-group label{font-weight:600;color:#333;font-size:.9em}.form-group input,.form-group select{padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1em;transition:border-color .3s;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.error-message{background:#fee;color:#c33;padding:12px;border-radius:5px;font-size:.9em;border-left:3px solid #c33}.success-message{background:#efe;color:#3c3;padding:12px;border-radius:5px;font-size:.9em;border-left:3px solid #3c3}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:5px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-button:disabled{opacity:.6;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:1024px){.login-container{padding:30px 20px}.login-box{max-width:500px;padding:40px 30px}}@media(max-width:768px){.login-container{padding:20px 15px}.login-box{padding:30px 20px;max-width:100%}.login-header .logo-img{height:50px}.login-header .login-title{font-size:1.2rem}.login-header .login-subtitle{font-size:1rem}.form-row{grid-template-columns:1fr;gap:12px}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select{font-size:1rem;padding:12px;min-height:44px}.password-input{padding-right:52px}.submit-button{width:100%;padding:12px;font-size:1rem;min-height:48px}.login-footer{margin-top:20px;font-size:.9rem}.password-toggle{right:6px}@media(max-width:480px){.password-input{padding-right:48px}.password-toggle{width:40px;height:40px}}.alert{padding:10px 12px;font-size:.9rem}}@media(max-width:480px){.login-container{padding:15px 10px}.login-box{padding:25px 15px}.login-header .logo-img{height:45px;margin-bottom:15px}.login-header .login-title{font-size:1.1rem}.login-header .login-subtitle{font-size:.9rem}.form-group label{font-size:.85rem}}@media(max-height:600px)and (orientation:landscape){.login-container{padding:15px}.login-box{padding:20px;max-height:90vh;overflow-y:auto}.login-title{margin-bottom:15px}.form-group{margin-bottom:10px}}@media(hover:none)and (pointer:coarse){.form-group input,.form-group select,.submit-button{min-height:44px}.submit-button:active{transform:scale(.98)}.login-footer a{padding:5px;margin:-5px}}.home-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Roboto,Arial,sans-serif;position:relative;overflow-x:hidden}.header{background:#2874f0;padding:12px 20px;box-shadow:0 2px 4px #0000001a;position:relative;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;min-height:64px}.logo-section{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.user-section{display:flex;align-items:center;gap:20px;position:absolute;right:0}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-role{color:#ffe11b;font-size:12px;font-weight:500}.user-warehouse{color:#ffffffe6;font-size:11px}.warehouse-selector-container{max-width:600px;margin:0 auto 40px;text-align:center}.warehouse-selector-label{color:#fff;font-size:16px;font-weight:500;margin-bottom:15px;display:block}.warehouse-selector-wrapper{position:relative;display:inline-block;width:100%;max-width:400px}.warehouse-selector-button{background:#fffffff2;color:#2874f0;border:2px solid rgba(255,255,255,.3);padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;width:100%;box-shadow:0 4px 15px #0003;transition:all .3s ease;align-items:center;gap:8px;transition:all .3s;white-space:nowrap}.warehouse-selector-button:hover{background:#ffffff40;border-color:#ffffff80}.dropdown-arrow{font-size:9px;margin-left:4px}.warehouse-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:280px;max-height:350px;overflow:hidden;z-index:1000;display:flex;flex-direction:column}.warehouse-search-input:disabled{background:#f5f5f5;cursor:not-allowed}.warehouse-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #2874f0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.warehouse-count{padding:8px 16px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;font-size:12px;color:#666;text-align:center;font-weight:500}.warehouse-options-list{overflow-y:auto;max-height:280px}.warehouse-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s;display:flex;flex-direction:column;gap:4px}.warehouse-option:hover{background:#f8f8f8}.warehouse-option.selected{background:#e3f2fd}.warehouse-option.no-results{color:#999;font-style:italic;cursor:default}.warehouse-option.no-results:hover{background:transparent}.warehouse-option:last-child{border-bottom:none}.warehouse-location{font-size:11px;color:#666}.logout-button{background:#ff3f6c;color:#fff;border:none;padding:8px 20px;border-radius:4px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.home-content{max-width:1200px;margin:0 auto;padding:60px 20px;position:relative;z-index:1}.snowflakes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.snowflake{color:#fff;font-size:1.5em;font-family:Arial,sans-serif;text-shadow:0 0 5px rgba(255,255,255,.8);position:absolute;top:-10%;animation:fall linear infinite}.snowflake:nth-child(1){left:10%;animation-duration:10s;animation-delay:0s;font-size:1.2em}.snowflake:nth-child(2){left:20%;animation-duration:12s;animation-delay:2s;font-size:1.8em}.snowflake:nth-child(3){left:30%;animation-duration:8s;animation-delay:4s;font-size:1.4em}.snowflake:nth-child(4){left:40%;animation-duration:14s;animation-delay:1s;font-size:1.6em}.snowflake:nth-child(5){left:50%;animation-duration:11s;animation-delay:3s;font-size:1.3em}.snowflake:nth-child(6){left:60%;animation-duration:9s;animation-delay:5s;font-size:1.7em}.snowflake:nth-child(7){left:70%;animation-duration:13s;animation-delay:0s;font-size:1.5em}.snowflake:nth-child(8){left:80%;animation-duration:10s;animation-delay:2s;font-size:1.2em}.snowflake:nth-child(9){left:90%;animation-duration:12s;animation-delay:4s;font-size:1.4em}.snowflake:nth-child(10){left:25%;animation-duration:15s;animation-delay:1s;font-size:1.6em}@keyframes fall{0%{top:-10%;transform:translate(0) rotate(0)}to{top:110%;transform:translate(20px) rotate(360deg)}}.welcome-section{text-align:center;margin-bottom:60px;animation:fadeInDown 1s ease-out}.christmas-icon{font-size:80px;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.welcome-subtitle{font-size:24px;color:#ffe11b;margin-bottom:16px;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.welcome-description{font-size:18px;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6}.apps-section{margin-bottom:60px}.section-title{text-align:center;font-size:32px;color:#fff;margin-bottom:40px;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;margin:0 auto}.app-card{background:#fff;border-radius:12px;padding:40px 30px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;position:relative;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-card:hover:not(.disabled){transform:translateY(-8px);box-shadow:0 8px 24px #2874f04d}.app-card.disabled{opacity:.6;cursor:not-allowed;position:relative}.app-card.disabled:hover .disabled-tooltip{opacity:1;visibility:visible;transform:translate(-50%,-60%) scale(1)}.disabled-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:14px 20px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #e74c3c80;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:10;pointer-events:none;max-width:90%}.disabled-tooltip:before{content:"⚠️";margin-right:6px;font-size:14px}.disabled-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #c0392b}.app-icon{font-size:64px;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-name{font-size:22px;font-weight:600;color:#212121;margin-bottom:12px}.app-description{font-size:14px;color:#878787;margin-bottom:20px;line-height:1.5}.app-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.app-badge{background:#e8f5e9;color:#4caf50}.app-badge.coming-soon{background:#fff3e0;color:#f57c00}.app-card.has-assignments{position:relative;animation:cardPulse 2s ease-in-out infinite;border:2px solid #ff4444}@keyframes cardPulse{0%,to{box-shadow:0 4px 12px #00000026,0 0 #ff4444b3}50%{box-shadow:0 4px 12px #00000026,0 0 0 15px #f440}}.assignment-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #ff444480;z-index:10;border:3px solid white}.assignment-badge.pulse{animation:badgePulse 1.5s ease-in-out infinite}.app-card.has-assignments:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 8px 24px #f446}.manifest-card{border-top:4px solid #4caf50}.inbound-card{border-top:4px solid #2196f3}.outbound-card{border-top:4px solid #ff9800}.user-management-card{border-top:4px solid #e91e63}.warehouse-management-card{border-top:4px solid #00bcd4}.inbound-card{border-top:4px solid #2874f0}.outbound-card{border-top:4px solid #fb641b}.dashboard-card{border-top:4px solid #9c27b0}.clearance-card{border-top:4px solid #f44336}.stocktake-card{border-top:4px solid #00897b}.other-apps-card{border-top:4px solid #9e9e9e}.home-footer{text-align:center;padding:40px 20px;color:#fffc;font-size:18px}@media(max-width:1024px){.home-container{padding:30px 15px}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.welcome-title{font-size:42px}}@media(max-width:768px){.home-container{padding:20px 12px}.home-header{padding:15px}.logo-img{height:32px}.user-info{flex-direction:row;gap:8px;align-items:center}.user-name{font-size:.9rem}.user-role{font-size:.8rem}.logout-btn{padding:8px 12px;font-size:.85rem;min-height:36px}.welcome-title{font-size:2rem;line-height:1.2}.welcome-subtitle{font-size:1.2rem}.welcome-description{font-size:1rem;padding:0 10px}.section-title{font-size:1.5rem;margin-bottom:20px}.apps-grid{grid-template-columns:1fr;max-width:400px;gap:15px}.app-card{padding:25px 20px}.christmas-icon,.app-icon{font-size:50px}.app-card h3{font-size:1.3rem}.app-card p{font-size:.95rem}.home-footer{padding:30px 15px;font-size:1rem}}@media(max-width:480px){.home-container{padding:15px 10px}.home-header{padding:12px}.logo-img{height:28px}.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:1.1rem}.section-title{font-size:1.3rem}.app-card{padding:20px 15px}.christmas-icon,.app-icon{font-size:45px}.user-section{gap:10px}.user-name,.user-role,.user-warehouse{font-size:11px}.logout-button{padding:6px 10px;font-size:12px}.warehouse-selector-button{padding:10px 16px;font-size:13px}.app-name{font-size:18px}.app-description{font-size:13px}.assignment-badge{width:40px;height:40px;font-size:16px;top:-8px;right:-8px}}@media(max-height:600px)and (orientation:landscape){.welcome-section{padding:20px 30px}.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:1rem}.christmas-icon{font-size:40px}.snowflakes{display:none}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.app-card{padding:20px 15px}.app-icon{font-size:40px;margin-bottom:12px}}@media(hover:none)and (pointer:coarse){.app-card{min-height:220px}.logout-button{min-height:44px;min-width:44px;padding:10px 16px}.back-btn,.dashboard-btn{min-height:44px;min-width:44px}.app-card:active{transform:translateY(-4px) scale(.98)}.warehouse-selector-button{min-height:48px}.warehouse-option{min-height:48px;padding:12px 16px}}@media(max-width:360px){.header-content{flex-direction:column;gap:10px;padding:8px 0}.logo-section{position:static;transform:none;order:1}.user-section{position:static;order:2;width:100%;justify-content:space-between}.welcome-title{font-size:1.5rem}.apps-grid{gap:12px}.app-card{padding:18px 12px}.app-icon{font-size:40px}.app-name{font-size:16px}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.apps-grid{grid-template-columns:repeat(2,1fr);gap:20px}.app-card{padding:30px 25px}}.app-card:nth-child(1){animation-delay:.1s}.app-card:nth-child(2){animation-delay:.2s}.app-card:nth-child(3){animation-delay:.3s}.app-card:nth-child(4){animation-delay:.4s}.app-card:nth-child(5){animation-delay:.5s}.app-card:nth-child(6){animation-delay:.6s}.app-card:nth-child(7){animation-delay:.7s}.app-card:nth-child(8){animation-delay:.8s}.inbound-container{max-width:100%;margin:0;background:#fff;min-height:100vh;font-family:Roboto,Arial,sans-serif}.header-title{color:#fff;font-size:14px;font-weight:500}.content-wrapper{padding:24px 20px;background:#f1f3f6;max-width:1200px;margin:0 auto}.page-title{font-size:24px;font-weight:500;color:#212121;margin:0 0 24px}.message{padding:12px 16px;margin-bottom:0;border-radius:2px;font-size:14px;animation:slideDown .3s ease-out}.message.success{background:#e8f5e9;color:#388e3c;border-left:4px solid #4caf50}.message.error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.message.info{background:#e3f2fd;color:#1565c0;border-left:4px solid #2196f3}.message.warning{background:#fff3e0;color:#f57c00;border-left:4px solid #ff9800}@keyframes binFullFlash{0%{opacity:1}10%{opacity:0}20%{opacity:1}30%{opacity:0}40%{opacity:1}50%{opacity:0}60%{opacity:1}70%{opacity:0}80%{opacity:1}90%{opacity:0}to{opacity:0}}.vendor-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}.vendor-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .25s ease;font-family:inherit}.vendor-tile:hover{border-color:#2874f0;background:#f0f6ff;transform:translateY(-2px);box-shadow:0 4px 12px #2874f026}.vendor-tile:active{transform:scale(.97)}.vendor-logo{width:120px;height:40px;object-fit:contain}.vendor-logo-sm{width:24px;height:24px;object-fit:contain}.vendor-name{font-size:16px;font-weight:600;color:#212121}.vendor-range{font-size:15px;color:#878787;font-weight:600}.vendor-selected-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.vendor-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#e8f5e9;color:#2e7d32;border-radius:20px;font-size:15px;font-weight:600}.vendor-range-badge{font-size:14px;font-weight:500;color:#558b2f;margin-left:4px}.change-vendor-btn{background:transparent;color:#2874f0;border:1px solid #2874f0;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.change-vendor-btn:hover{background:#2874f0;color:#fff}@keyframes vendorWarningFlash{0%,to{opacity:0}15%,85%{opacity:.35}30%,70%{opacity:0}50%{opacity:.35}}.vendor-warning-overlay{position:fixed;inset:0;background:red;z-index:9999;pointer-events:none;animation:vendorWarningFlash 1.5s ease-in-out forwards;animation-iteration-count:2}.message.vendor-mismatch-msg{background:#ffcdd2;color:#b71c1c;border-left:4px solid #f44336;font-weight:600;font-size:15px;animation:slideDown .3s ease-out,shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.validation-status{margin-top:10px;padding:10px;border-radius:4px;font-size:14px;font-weight:500}.validation-status.success{background:#e8f5e9;color:#2e7d32}.unlock-btn{background:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.unlock-btn:hover{background:#f57c00}.assign-btn-inline{background:#4caf50;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.assign-btn-inline:hover:not(:disabled){background:#45a049}.assign-btn-inline:disabled{background:#ccc;cursor:not-allowed}.assigned-packages-count{margin-top:20px;padding:15px 20px;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px}.assigned-packages-count p{margin:0;color:#2e7d32;font-size:16px}.assigned-packages-count strong{font-size:18px;color:#1b5e20}.assigned-packages-list{margin-top:20px;padding:20px;background:#f5f5f5;border-radius:4px}.assigned-packages-list h3{margin:0 0 15px;color:#333;font-size:18px}.packages-table{max-height:400px;overflow-x:auto;overflow-y:auto}.packages-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.packages-table th,.packages-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.packages-table th{background:#2874f0;color:#fff;font-weight:600;font-size:14px}.packages-table td{font-size:14px;color:#333}.packages-table tr:last-child td{border-bottom:none}.packages-table tr:hover{background:#f5f5f5}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.putaway{background:#e8f5e9;color:#2e7d32}.action-buttons{display:flex;justify-content:center;gap:16px;padding:8px 0 0}.process-steps{display:flex;flex-direction:column;gap:16px}.step{background:#fff;border-radius:2px;padding:24px 24px 16px;box-shadow:0 1px 2px #0000001a;transition:all .3s}.step.completed{border:2px solid #4caf50;background:#f9fff9}.step.disabled{opacity:.5;pointer-events:none}.step h2{font-size:18px;font-weight:500;color:#212121;margin:0 0 16px;display:flex;align-items:center;gap:8px}.step.completed h2:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#4caf50;color:#fff;border-radius:50%;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;color:#878787;margin-bottom:8px;font-weight:500}.input-wrapper{display:flex;gap:12px;align-items:center}.form-group input{flex:1;padding:12px 16px;border:1px solid #c2c2c2;border-radius:2px;font-size:14px;color:#212121;transition:all .3s}.form-group input:focus{outline:none;border-color:#2874f0;box-shadow:0 0 0 2px #2874f01a}.form-group input:disabled{background:#f1f3f6;color:#878787}.camera-btn{background:#fff;border:1px solid #2874f0;color:#2874f0;padding:10px 16px;border-radius:2px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .3s;white-space:nowrap}.camera-btn:hover:not(:disabled){background:#2874f0;color:#fff;box-shadow:0 2px 4px #2874f04d}.camera-btn:disabled{opacity:.5;cursor:not-allowed}.camera-icon{font-size:18px}button[type=submit],.assign-btn{background:#fb641b;color:#fff;border:none;padding:12px 32px;border-radius:2px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}button[type=submit]:hover:not(:disabled),.assign-btn:hover:not(:disabled){background:#e85c0d;box-shadow:0 4px 12px #fb641b4d;transform:translateY(-1px)}button[type=submit]:disabled,.assign-btn:disabled{background:#c2c2c2;cursor:not-allowed;transform:none}.assignment-info{background:#f1f3f6;padding:16px;border-radius:2px;margin-bottom:16px}.assignment-info p{margin:8px 0;font-size:14px;color:#212121}.assignment-info strong{color:#878787;font-weight:500;margin-right:8px}.success-panel{background:#fff;border:2px solid #4caf50;border-radius:2px;padding:24px;margin-top:20px;box-shadow:0 2px 8px #4caf501a}.success-panel h3{color:#4caf50;font-size:20px;font-weight:500;margin:0 0 16px;display:flex;align-items:center;gap:8px}.shipment-details{background:#f9fff9;padding:16px;border-radius:2px;border:1px solid #e0e0e0}.shipment-details p{margin:8px 0;font-size:14px;color:#212121}.shipment-details strong{color:#878787;font-weight:500;min-width:120px;display:inline-block}.reset-btn{background:#fff;color:#2874f0;border:1px solid #2874f0;padding:12px 32px;border-radius:2px;font-size:14px;font-weight:500;cursor:pointer;margin-top:20px;transition:all .3s}.reset-btn:hover{background:#2874f0;color:#fff;box-shadow:0 2px 8px #2874f04d}@media(max-width:1024px){.content-wrapper{padding:20px 15px}.steps-container{max-width:100%}.step{padding:20px}}@media(max-width:768px){.header{padding:10px 12px}.header-content{flex-direction:column;gap:10px;align-items:stretch}.header-left{order:2;justify-content:space-between}.header-right{order:3;justify-content:flex-end}.logo-section{order:1;margin-bottom:5px}.logo-img{height:32px}.back-btn,.dashboard-btn{padding:8px 12px;font-size:.85rem;min-height:36px}.content-wrapper{padding:15px 10px}.page-title{font-size:1.4rem;margin-bottom:15px}.vendor-tiles{grid-template-columns:repeat(2,1fr);gap:10px}.vendor-tile{padding:16px 10px}.vendor-logo{width:90px;height:34px}.vendor-name{font-size:14px}.vendor-selected-info{flex-direction:column;align-items:flex-start;gap:8px}.steps-container{max-width:100%}.step-indicator{margin-bottom:15px}.step-number{width:35px;height:35px;font-size:1.1rem}.step-title{font-size:1rem}.step{padding:15px}.step h3{font-size:1.1rem;margin-bottom:12px}.step p{font-size:.9rem;margin-bottom:15px}.input-wrapper{flex-direction:column;align-items:stretch;gap:10px}.input-wrapper input{width:100%;font-size:1rem;padding:10px}.camera-btn{width:100%;justify-content:center;min-height:44px}.action-buttons{flex-direction:column;gap:10px}button,.next-btn,.prev-btn,.submit-btn,.reset-btn{width:100%;min-height:44px;font-size:1rem;padding:12px 20px}.shipment-details{padding:12px}.detail-row{flex-direction:column;gap:5px;padding:8px 0}.detail-label{font-size:.85rem}.detail-value{font-size:.95rem}.success-message{padding:15px}.success-message h3{font-size:1.2rem}.success-icon{font-size:3rem}}@media(max-width:480px){.header{padding:8px 10px}.logo-img{height:28px}.page-title{font-size:1.2rem}.content-wrapper{padding:12px 8px}.step{padding:12px}.step h3{font-size:1rem}.step-number{width:32px;height:32px;font-size:1rem}.step-title{font-size:.9rem}}@media(max-height:600px)and (orientation:landscape){.content-wrapper,.step{padding:15px}.page-title{font-size:1.3rem;margin-bottom:15px}.steps-container{max-width:100%}}@media(hover:none)and (pointer:coarse){button,.camera-btn,.back-btn,.dashboard-btn{min-height:44px;min-width:44px}.step:active{transform:scale(.99)}input[type=text]{font-size:16px!important}}@media(max-width:360px){.header-content{padding:5px 0}.back-btn,.dashboard-btn{padding:6px 10px;font-size:12px}.page-title{font-size:1.1rem}.step{padding:10px}.input-wrapper input{padding:8px;font-size:14px}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.content-wrapper{max-width:700px;margin:0 auto;padding:25px 20px}.steps-container{max-width:100%}.step{padding:25px}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.content-wrapper{padding:20px 30px}}.clearance-container{max-width:100%;margin:0;background:#fff;min-height:100vh;font-family:Roboto,Arial,sans-serif}.clearance-container .header{background:#2874f0;padding:12px 20px;box-shadow:0 2px 4px #0000001a}.clearance-container .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.clearance-container .header-left{display:flex;align-items:center;gap:12px;flex:1}.clearance-container .header-right{flex:1}.clearance-container .logo-section{display:flex;align-items:center;justify-content:center;flex:1}.clearance-container .logo-img{height:40px;width:auto}.clearance-container .back-btn,.clearance-container .dashboard-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:6px}.clearance-container .back-btn:hover,.clearance-container .dashboard-btn:hover{background:#ffffff4d;border-color:#ffffff80}.clearance-container .content-wrapper{padding:24px 20px;background:#f1f3f6;max-width:1200px;margin:0 auto}.clearance-container .page-title{font-size:24px;font-weight:500;color:#212121;margin:0 0 24px}.clearance-container .process-steps{display:flex;flex-direction:column;gap:16px}.clearance-container .step{background:#fff;border-radius:2px;padding:24px 24px 16px;box-shadow:0 1px 2px #0000001a;transition:all .3s}.clearance-container .step.completed{border:2px solid #4caf50;background:#f9fff9}.clearance-container .step.disabled{opacity:.5;pointer-events:none}.clearance-container .step h2{font-size:18px;font-weight:500;color:#212121;margin:0 0 16px;display:flex;align-items:center;gap:8px}.clearance-container .step.completed h2:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#4caf50;color:#fff;border-radius:50%;font-size:14px}.clearance-container .form-group{margin-bottom:16px}.clearance-container .form-group label{display:block;font-size:14px;color:#878787;margin-bottom:8px;font-weight:500}.clearance-container .input-wrapper{display:flex;gap:12px;align-items:center}.clearance-container .form-group input{flex:1;padding:12px 16px;border:1px solid #c2c2c2;border-radius:2px;font-size:14px;color:#212121;transition:all .3s}.clearance-container .form-group input:focus{outline:none;border-color:#2874f0;box-shadow:0 0 0 2px #2874f01a}.clearance-container .form-group input:disabled{background:#f1f3f6;color:#878787}.clearance-container .validation-status{margin-top:10px;padding:10px;border-radius:4px;font-size:14px;font-weight:500}.clearance-container .validation-status.success{background:#e8f5e9;color:#2e7d32}.clearance-container .unlock-btn{background:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.clearance-container .unlock-btn:hover{background:#f57c00}.clearance-container .action-buttons{display:flex;justify-content:center;gap:16px;padding:8px 0 0}.clearance-container .reset-btn{background:#fff;color:#2874f0;border:1px solid #2874f0;padding:12px 32px;border-radius:2px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.clearance-container .reset-btn:hover{background:#2874f0;color:#fff;box-shadow:0 2px 8px #2874f04d}.clearance-container .close-bin-btn{background:#f44336;color:#fff;border:none;padding:12px 32px;border-radius:2px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.clearance-container .close-bin-btn:hover{background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.clearance-container .message{padding:12px 16px;margin-bottom:0;border-radius:2px;font-size:14px;animation:slideDown .3s ease-out}.clearance-container .message.success{background:#e8f5e9;color:#388e3c;border-left:4px solid #4caf50}.clearance-container .message.error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.clearance-container .message.info{background:#e3f2fd;color:#1565c0;border-left:4px solid #2196f3}.clearance-container .message.warning{background:#fff3e0;color:#f57c00;border-left:4px solid #ff9800}.clearance-container .marked-list{margin-top:20px;padding:20px;background:#f5f5f5;border-radius:4px}.clearance-container .marked-list h3{margin:0 0 15px;color:#333;font-size:18px}.clearance-container .marked-table{max-height:400px;overflow-x:auto;overflow-y:auto}.clearance-container .marked-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.clearance-container .marked-table th,.clearance-container .marked-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.clearance-container .marked-table th{background:#f44336;color:#fff;font-weight:600;font-size:14px}.clearance-container .marked-table td{font-size:14px;color:#333}.clearance-container .marked-table tr:last-child td{border-bottom:none}.clearance-container .marked-table tr:hover{background:#fff3f3}.clearance-container .remove-mark-btn{background:none;border:1px solid #f44336;color:#f44336;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.clearance-container .remove-mark-btn:hover:not(:disabled){background:#f44336;color:#fff}.clearance-container .remove-mark-btn:disabled{opacity:.4;cursor:not-allowed}.clearance-container .close-step{border:2px solid #f44336;background:#fff8f7}.clearance-container .close-hint{font-size:14px;color:#555;margin:0 0 16px}.clearance-container .result-panel{background:#fff;border:2px solid #4caf50;border-radius:4px;padding:32px;text-align:center;box-shadow:0 2px 8px #4caf5026}.clearance-container .result-icon{width:60px;height:60px;margin:0 auto 16px;background:#4caf50;color:#fff;font-size:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.clearance-container .result-panel h2{color:#2e7d32;margin:0 0 20px;font-size:22px}.clearance-container .result-details{background:#f9fff9;padding:16px 24px;border-radius:4px;display:inline-block;text-align:left;margin-bottom:20px}.clearance-container .result-details p{margin:8px 0;font-size:14px;color:#212121}.clearance-container .result-details strong{color:#555;min-width:160px;display:inline-block}.clearance-container .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.clearance-container .status-badge.available{background:#e8f5e9;color:#2e7d32}.clearance-container .status-badge.occupied{background:#fff3e0;color:#f57c00}.clearance-container .status-badge.detached{background:#f3e5f5;color:#6a1b9a}.clearance-container .not-found-warning{color:#f57c00;font-style:italic}@media(max-width:1024px){.clearance-container .content-wrapper{padding:20px 15px}.clearance-container .step{padding:20px}}@media(max-width:768px){.clearance-container .header{padding:10px 12px}.clearance-container .header-content{flex-direction:column;gap:10px;align-items:stretch}.clearance-container .header-left{order:2;justify-content:space-between}.clearance-container .header-right{order:3}.clearance-container .logo-section{order:1;margin-bottom:5px}.clearance-container .logo-img{height:32px}.clearance-container .back-btn,.clearance-container .dashboard-btn{padding:8px 12px;font-size:.85rem;min-height:36px}.clearance-container .content-wrapper{padding:15px 10px}.clearance-container .page-title{font-size:1.4rem;margin-bottom:15px}.clearance-container .step{padding:15px}.clearance-container .input-wrapper{flex-direction:column;align-items:stretch;gap:10px}.clearance-container .input-wrapper input{width:100%;font-size:1rem;padding:10px}.clearance-container .action-buttons{flex-direction:column;gap:10px}.clearance-container .reset-btn,.clearance-container .close-bin-btn{width:100%;min-height:44px;font-size:1rem}}@media(max-width:480px){.clearance-container .page-title{font-size:1.2rem}.clearance-container .content-wrapper{padding:12px 8px}.clearance-container .step{padding:12px}.clearance-container .logo-img{height:28px}}@media(hover:none)and (pointer:coarse){.clearance-container button,.clearance-container .back-btn,.clearance-container .dashboard-btn{min-height:44px;min-width:44px}.clearance-container input[type=text]{font-size:16px!important}}.outbound-container{max-width:100%;margin:0;background:#fff;min-height:100vh;font-family:Roboto,Arial,sans-serif}.header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:150px}.header-right{flex:1;display:flex;justify-content:flex-end;align-items:center;min-width:150px}.logo-section{display:flex;align-items:center;justify-content:center;flex:1;min-width:200px}.warehouse-badge{background:#fff3;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;white-space:nowrap;border:1px solid rgba(255,255,255,.3)}.outbound-content{max-width:1200px;margin:0 auto;padding:40px 20px}.outbound-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:8px 8px 0 0;margin:-2rem -2rem .2rem}.card-body{padding:0 1.5rem 1.5rem}.operator-pickup-body{margin-top:-.9rem}.tabs-container{display:flex;border-bottom:2px solid #e0e0e0;background:#f5f5f5}.tab-button{flex:1;padding:15px 20px;border:none;background:transparent;color:#666;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent}.tab-button:hover{background:#2874f00d;color:#2874f0}.tab-button.active{color:#2874f0;background:#fff;border-bottom:3px solid #2874f0}.bins-list-section{margin-bottom:2rem}.bins-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.bins-section-header h3{color:#333;margin-bottom:.5rem;font-size:1.5rem}.bins-instruction{color:#666;margin-bottom:0;font-size:.95rem}.bins-view-toggle{display:flex;gap:.5rem;background:transparent;padding:0;border-radius:0;border:none}.bins-view-toggle-btn{background:#f3f4f6;border:2px solid #9ca3af;padding:.6rem;border-radius:6px;cursor:pointer;color:#374151;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.bins-view-toggle-btn:hover{background:#e5e7eb;color:#2874f0;border-color:#2874f0}.bins-view-toggle-btn.active{background:#2874f0;color:#fff;border-color:#2874f0}.bins-view-toggle-btn svg{display:block;stroke:currentColor;stroke-width:2.5;width:20px;height:20px}.bins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.bin-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.bin-card:hover{border-color:#2874f0;box-shadow:0 4px 12px #2874f026;transform:translateY(-2px)}.bin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.bin-card-header h4{margin:0;color:#2874f0;font-size:1.25rem;font-weight:600}.shipment-count-badge{background:#2874f0;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.bin-card-body{margin-bottom:1rem}.bin-location{color:#666;font-size:.9rem;margin:0}.bin-card-footer{display:flex;justify-content:flex-end}.bin-select-btn{background:#2874f0;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.bin-select-btn:hover{background:#1c60b9}.bins-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin-top:1rem}.bins-table thead{background:#f8f9fa}.bins-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.bins-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background .25s ease,color .25s ease;white-space:nowrap}.bins-table th.sortable-header:hover{background:linear-gradient(180deg,#f0f5ff,#e8effc);color:#2874f0}.bins-table th.sortable-header.sorted{background:linear-gradient(180deg,#f0f5ff,#e8effc);color:#2874f0;border-bottom:2.5px solid #2874f0}.bins-table th .header-content{display:inline-flex;align-items:center;gap:8px}.sort-arrows{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px}.sort-svg{display:block}.sort-arrow-up,.sort-arrow-down{fill:#c5c5c5;transition:fill .2s ease,transform .2s ease}.bins-table th.sortable-header:hover .sort-arrow-up,.bins-table th.sortable-header:hover .sort-arrow-down{fill:#a0b4d8}.sort-arrow-up.active,.sort-arrow-down.active{fill:#2874f0}.bins-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.bins-table tbody tr{transition:background .2s}.bins-table tbody tr:hover{background:#f8f9fa}.bin-id-cell{font-weight:600;color:#2874f0}.shipment-count-badge-small{background:#2874f0;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.85rem;font-weight:600}.bin-select-btn-small{background:#2874f0;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.bin-select-btn-small:hover{background:#1c60b9}.bins-table-container .bins-table{table-layout:fixed;width:100%}.bins-table-container .bins-table th:nth-child(1),.bins-table-container .bins-table td:nth-child(1){width:10%}.bins-table-container .bins-table th:nth-child(2),.bins-table-container .bins-table td:nth-child(2){width:25%}.bins-table-container .bins-table th:nth-child(3),.bins-table-container .bins-table td:nth-child(3){width:20%}.bins-table-container .bins-table th:nth-child(4),.bins-table-container .bins-table td:nth-child(4){width:20%}.bins-table-container .bins-table th:nth-child(5),.bins-table-container .bins-table td:nth-child(5){width:25%}.bin-input-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e0e0e0}.bin-input-section h3{color:#333;margin-bottom:1rem}.input-group{display:flex;gap:1rem;margin-bottom:1rem}.input-field{flex:1;padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.input-field:focus{outline:none;border-color:#2874f0}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.scan-button{padding:.8rem 1.5rem;background-color:#ffc107;color:#333;border:none;border-radius:5px;font-size:1rem;cursor:pointer;white-space:nowrap}.scan-button:hover{background-color:#ffb300}.scan-button:disabled{background-color:#ccc;cursor:not-allowed}.action-button{padding:.8rem 2rem;background-color:#2874f0;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;white-space:nowrap}.action-button:hover{background-color:#1c60b9}.action-button:disabled{background-color:#ccc;cursor:not-allowed}.file-upload-section{margin-bottom:2rem;padding:2rem;background:#f9f9f9;border-radius:8px;border:2px dashed #d0d0d0}.file-upload-section h3{color:#333;margin-bottom:.5rem}.file-instructions{color:#666;font-size:14px;margin-bottom:1.5rem}.file-input-group{display:flex;gap:1rem;align-items:center}.file-input-label{flex:1;padding:1rem 1.5rem;background:#fff;border:2px solid #2874f0;border-radius:5px;color:#2874f0;font-size:1rem;cursor:pointer;text-align:center;transition:all .3s;font-weight:500}.file-input-label:hover{background:#2874f0;color:#fff}.file-input-label.disabled{opacity:.5;cursor:not-allowed}.loading-message{margin-top:1rem;padding:1rem;background:#e3f2fd;color:#1976d2;border-radius:5px;text-align:center}.file-packages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.file-packages-header h3{color:#333;margin:0}.file-packages-header p{color:#666;margin:0;font-size:14px}.dispatch-single-button{padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s}.dispatch-single-button:hover{background-color:#45a049}.dispatched-row{background-color:#e8f5e9!important;opacity:.7}.dispatched-indicator{color:#4caf50;font-weight:600}.status-badge.picklist-created{background-color:#2196f3;color:#fff}.status-badge.dispatched{background-color:#4caf50;color:#fff}.success-box{background-color:#d4edda;color:#155724;padding:1rem;border-radius:5px;margin-bottom:1rem;border:1px solid #c3e6cb;white-space:pre-line;font-weight:500;line-height:1.6}.error-message{background:#fee;color:#c33;padding:12px;border-radius:5px;font-size:.9em;border-left:3px solid #c33;margin-bottom:1rem;font-weight:600}.success-message{background:#efe;color:#2d862d;padding:12px;border-radius:5px;font-size:.9em;border-left:3px solid #2d862d;margin-bottom:1rem;font-weight:600}.packages-section{margin-top:0}.section-header{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1rem}.section-header h3{color:#333;font-size:1.3rem;margin:0}.bin-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bin-label{color:#666;font-weight:500;font-size:1.1rem}.bin-id-highlight{background:linear-gradient(135deg,#2874f0,#1e5bc6);color:#fff;padding:6px 16px;border-radius:8px;font-weight:700;font-size:1.2rem;letter-spacing:1px;box-shadow:0 2px 8px #2874f04d;font-family:Courier New,monospace}.bin-category{color:#666;font-weight:500;font-size:1.1rem}.back-button{padding:.6rem 1.2rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.back-button:hover{background:#5a6268;transform:translateY(-1px)}.bulk-scan-button-container{margin-bottom:1rem}.bin-info-header{display:flex;justify-content:space-between;align-items:flex-start;background-color:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.bin-details h3{color:#2874f0;margin-bottom:.5rem}.bin-details p{color:#666;margin:.3rem 0}.action-buttons{display:flex;gap:1rem}.bulk-pickup-button{padding:.8rem 2rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;white-space:nowrap;transition:background-color .3s}.bulk-pickup-button:hover{background-color:#0056b3}.dispatch-button{padding:.8rem 2rem;background-color:#28a745;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;white-space:nowrap}.dispatch-button:disabled{background-color:#ccc;cursor:not-allowed}.dispatch-fall-short-button{padding:.8rem 2rem;background-color:#fd7e14;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;white-space:nowrap;margin-left:1rem}.dispatch-fall-short-button:hover{background-color:#e8590c}.dispatch-fall-short-button:disabled{background-color:#ccc;cursor:not-allowed}.dispatch-section{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.reset-button{padding:.8rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.reset-button:hover{background-color:#5a6268}.packages-list{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.bins-table-container,.packages-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.packages-table{width:100%;border-collapse:collapse}.packages-table th,.packages-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.packages-table th{background-color:#f8f9fa;color:#333;font-weight:700}.packages-table tr:hover{background-color:#f8f9fa}.packages-table tr.picked-row{background-color:#d4edda!important}.packages-table tr.assigned-to-other{background-color:#f5f5f5!important;opacity:.6;cursor:not-allowed}.packages-table tr.assigned-to-other:hover{background-color:#e9ecef!important}.tracking-cell{font-family:monospace;font-weight:700}.pickup-button{padding:.5rem 1.2rem;background-color:#2874f0;color:#fff;border:none;border-radius:5px;font-size:.9rem;cursor:pointer}.pickup-button:hover{background-color:#1c60b9}.pickup-button.disabled,.pickup-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.pickup-button.disabled:hover,.pickup-button:disabled:hover{background-color:#6c757d}.picked-indicator{color:#28a745;font-weight:700}.operator-badge{display:inline-block;margin-left:8px;padding:2px 8px;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700}.status-badge.putaway{background-color:#cfe2ff;color:#084298}.status-badge.picked{background-color:#d1e7dd;color:#0f5132}.empty-bin-message{text-align:center;padding:3rem;color:#666}.empty-bin-message p{font-size:1.1rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent;cursor:pointer}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:90%;position:relative;z-index:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h3{color:#2874f0;margin:0}.close-button{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;line-height:1;padding:0}.modal-body{padding:1.5rem}.modal-instruction{color:#666;margin-bottom:.5rem}.expected-value{color:#2874f0;font-size:1.1rem;margin-bottom:1.5rem}.dispatch-info{background-color:#fff3cd;color:#856404;padding:.8rem;border-radius:5px;margin-bottom:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e0e0e0}.cancel-button{padding:.6rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.cancel-button:hover{background-color:#5a6268}.confirm-button{padding:.6rem 1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.confirm-button:hover{background-color:#218838}.operator-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem 0;max-height:400px;overflow-y:auto}.operator-card{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center;background:#fff}.operator-card:hover{border-color:#2874f0;background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.operator-card.selected{border-color:#2874f0;background-color:#e3f2fd}.operator-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2874f0,#1c60b9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto .5rem}.operator-card.auto-card{border-color:#ff9800}.operator-card.auto-card:hover{border-color:#f57c00;background-color:#fff3e0}.operator-card.auto-card.selected{border-color:#ff9800;background-color:#ffe0b2}.operator-avatar.auto-avatar{background:linear-gradient(135deg,#ff9800,#f57c00);font-size:2rem}.operator-card.auto-card.selected .operator-avatar{background:linear-gradient(135deg,#ff9800,#ef6c00)}.operator-card.selected .operator-avatar{background:linear-gradient(135deg,#28a745,#218838)}.operator-name{font-weight:600;color:#333;margin-bottom:.25rem}.operator-username{font-size:.85rem;color:#666}.operator-card.selected .selected-indicator{display:inline-block;color:#28a745;font-size:1.2rem;margin-top:.5rem}.assignment-modal .modal-body{padding:1.5rem}.assignment-modal .modal-title{font-size:1.3rem;margin-bottom:.5rem}.assignment-modal .modal-subtitle{color:#666;font-size:.9rem;margin-bottom:1rem}.assigned-shipments-section{margin-bottom:2rem}.assigned-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:2rem auto;max-width:1200px}.assigned-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:5px}.stat-badge{padding:.5rem 1rem;background:#fff;border-radius:5px;border-left:4px solid #2874f0;font-size:.95rem;color:#333}.dispatch-button{padding:.5rem 1.2rem;background-color:#28a745;color:#fff;border:none;border-radius:5px;font-size:.9rem;cursor:pointer;font-weight:500;transition:background-color .2s}.dispatch-button:hover{background-color:#218838}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state p{font-size:1.1rem;margin:0}.bulk-scan-button{padding:.6rem 1.2rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 4px 15px #28a7454d;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-right:1rem}.bulk-scan-button:hover{background:linear-gradient(135deg,#20c997,#28a745);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.bulk-scan-button:active{transform:translateY(0);box-shadow:0 2px 10px #28a7454d}.bulk-scan-modal{max-width:600px}.scan-progress{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-weight:600;color:#333}.progress-count{font-weight:700;color:#2874f0;font-size:1.1rem}.progress-bar-container{width:100%;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-weight:600;font-size:.85rem}.bulk-scan-info{margin-top:1rem;padding:.75rem;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px}.bulk-scan-info p{margin:0;color:#1565c0;font-size:.9rem}.assign-operator-button{padding:.6rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.assign-operator-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.assign-operator-button:active{transform:translateY(0);box-shadow:0 2px 10px #667eea4d}@media(max-width:1024px){.header-content{max-width:100%;padding:0 10px}.content{padding:15px}.operator-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}table{font-size:.9rem}th,td{padding:10px 8px}.modal-content{width:90%;max-width:600px;padding:20px}}@media(max-width:768px){.header{padding:10px 12px}.header-content{flex-direction:column;gap:10px;align-items:stretch}.header-left{order:2;justify-content:space-between}.header-right{order:3;display:flex;justify-content:flex-end}.logo-section{order:1;margin-bottom:5px}.logo-img{height:32px}.back-btn,.dashboard-btn{padding:6px 12px;font-size:.85rem}.content{padding:10px}.page-title{font-size:1.3rem;margin-bottom:12px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px}.stat-number{font-size:1.5rem}.section-header{flex-direction:column;align-items:stretch;gap:10px}.section-title{font-size:1.1rem}.section-actions{width:100%;justify-content:stretch;gap:8px}.section-actions button{flex:1;min-width:0}.operator-cards-grid{grid-template-columns:1fr;gap:10px}.operator-card{padding:12px}.table-container,.bins-table-container,.packages-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{font-size:.8rem}.packages-table-container .packages-table{min-width:auto;width:auto;font-size:.85rem}.packages-table-container .packages-table th,.packages-table-container .packages-table td{padding:.6rem .75rem;white-space:nowrap}.packages-table-container .packages-table .tracking-cell{max-width:none}.packages-table-container .packages-table .pickup-button{padding:.4rem .8rem;font-size:.85rem}.bins-table-container .bins-table{min-width:auto;width:auto;font-size:.85rem}.bins-table-container .bins-table th,.bins-table-container .bins-table td{padding:.6rem .75rem}.bins-table-container .bins-table .action-button{padding:.4rem .8rem;font-size:.85rem}th,td{padding:8px 6px;white-space:nowrap}.hide-mobile{display:none}.action-btn{padding:6px 10px;font-size:.8rem}.modal{padding:10px}.modal-content{width:100%;max-width:100%;margin:0;padding:15px;max-height:90vh;overflow-y:auto}.modal-header{padding:12px 15px;margin:-15px -15px 15px}.modal-title{font-size:1.2rem}.close-btn{width:28px;height:28px;font-size:1.3rem}.auto-assign-option{padding:12px}.auto-assign-option h4{font-size:1rem}.bulk-scan-content{padding:10px}.bulk-scan-controls{flex-direction:column;gap:10px}.bulk-scan-controls input,.bulk-scan-controls button{width:100%}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:10px}button,.btn{min-height:44px;padding:10px 16px;font-size:.95rem}.start-scanning-button,.assign-operator-button,.pickup-btn,.dispatch-btn{width:100%;justify-content:center;margin-bottom:8px}.search-container{flex-direction:column;gap:10px}.search-container input{width:100%;font-size:1rem}.assigned-section{margin-top:20px}.assigned-card{padding:12px}.progress-bar-container{height:28px}.progress-bar-fill{font-size:.8rem}.message{font-size:.9rem;padding:10px 15px;margin:10px;max-width:calc(100% - 20px)}.tooltip{font-size:.85rem;max-width:200px}}@media(max-width:480px){.header{padding:8px 10px}.logo-img{height:28px}.page-title{font-size:1.2rem}.section-title{font-size:1rem}.outbound-content{padding:12px 10px}.outbound-card{padding:1.2rem}.card-header{padding:16px;margin:-1.2rem -1.2rem .3rem}.card-header h2{font-size:20px;margin:0 0 6px;display:flex;align-items:center;gap:8px}.card-header p{font-size:13px;margin:0;line-height:1.3}.bins-section{margin-top:1rem}.bins-section h3{font-size:16px;margin-bottom:12px}.section-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:.8rem}.section-header h3{font-size:16px}.bin-title{flex-direction:row;align-items:center;gap:8px}.bin-label{font-size:14px}.bin-id-highlight{font-size:16px;padding:8px 14px;letter-spacing:.5px}.bin-category{font-size:14px}.back-button{padding:8px 12px;font-size:13px;margin-right:0}.bulk-scan-button-container{width:100%;margin-bottom:.8rem}.bulk-scan-button{width:100%;padding:10px;font-size:14px;margin:0}.operator-pickup-body{margin-top:-.7rem}table{font-size:.75rem;min-width:400px}th,td{padding:6px 4px}.packages-table th,.packages-table td{padding:10px 8px;font-size:13px}.modal-content{padding:12px}.modal-title{font-size:1.1rem}.stat-number{font-size:1.3rem}button,.btn{font-size:.9rem;padding:8px 12px}}@media(max-height:600px)and (orientation:landscape){.modal-content{max-height:85vh;overflow-y:auto}.header{padding:8px 15px}.logo-img{height:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){table,.modal-content{border-width:.5px}}@media print{.header,.back-btn,.dashboard-btn,.action-btn,button{display:none}.content{padding:0}table{page-break-inside:avoid}}.category-toggle-section{margin-bottom:30px;padding:20px;background:#f5f5f5;border-radius:8px}.category-toggle-section h3{margin-bottom:15px;color:#333}.category-buttons{display:flex;gap:15px}.category-btn{flex:1;padding:15px 30px;font-size:16px;font-weight:600;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#2874f0;transform:translateY(-2px)}.category-btn.active{background:#2874f0;color:#fff;border-color:#2874f0}.auto-assign-section{margin-bottom:30px;text-align:center;padding:20px;background:#e3f2fd;border-radius:8px}.vendor-filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.vendor-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.vendor-filter-btn:hover{border-color:#2874f0;transform:translateY(-1px);box-shadow:0 2px 8px #2874f01f}.vendor-filter-btn.active{background:#2874f0;color:#fff;border-color:#2874f0}.vendor-filter-logo{width:72px;height:22px;object-fit:contain}.vendor-filter-btn.active .vendor-filter-logo{background:#fff;border-radius:4px;padding:2px 4px}.vendor-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font-size:12px;font-weight:700;background:#e0e0e0;color:#555}.vendor-filter-btn.active .vendor-filter-count{background:#ffffff4d;color:#fff}.auto-assign-button{background:#ff9800;color:#fff;border:none;padding:15px 40px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.auto-assign-button:hover{background:#f57c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff98004d}.auto-assign-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.auto-assign-help{margin-top:10px;color:#666;font-size:14px}.bins-section{margin-top:30px}.bins-section h3{margin-bottom:20px;color:#333}.bins-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.bins-table{width:100%;border-collapse:collapse;background:#fff}.bins-table thead{background:#2874f0;color:#fff}.bins-table th{padding:15px;text-align:left;font-weight:600;font-size:14px}.bins-table td{padding:15px;border-bottom:1px solid #eee}.bins-table tbody tr:hover{background:#f5f5f5}.bin-id-cell{font-family:Courier New,monospace;font-weight:600;color:#2874f0}.count-badge{display:inline-block;padding:6px 12px;background:#4caf50;color:#fff;border-radius:20px;font-weight:600;font-size:14px}.assign-btn-small{padding:8px 16px;background:#2874f0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}.assign-btn-small:hover{background:#1e5bc6;transform:translateY(-2px)}.assigned-info{color:#10a310;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px}.assigned-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.assignment-action-buttons{display:flex;gap:6px}.reassign-btn-small{padding:4px 10px;background:#ff9f00;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.reassign-btn-small:hover{background:#e08e00}.cancel-assign-btn-small{padding:4px 10px;background:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.cancel-assign-btn-small:hover{background:#c00}.picking-started-warning{color:#e08e00;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{margin-bottom:10px;color:#333}.empty-state p{color:#666}.modal-info{padding:15px;background:#f5f5f5;border-radius:8px;margin-bottom:20px;line-height:1.8}.modal-info strong{color:#2874f0}@media(max-width:360px){.header-content{padding:5px 0}.back-btn,.dashboard-btn{padding:6px 8px;font-size:11px;min-width:auto}.outbound-content{padding:10px 8px}.outbound-card{padding:.9rem}.card-header{padding:12px;margin:-.9rem -.9rem .3rem}.card-header h2{font-size:17px;margin:0 0 4px}.card-header p{font-size:12px;line-height:1.3}.bins-section{margin-top:.8rem}.bins-section h3{font-size:15px;margin-bottom:10px}.section-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:.6rem}.section-header h3{font-size:14px}.bin-title{gap:6px;flex-wrap:wrap}.bin-label{font-size:12px}.bin-id-highlight{font-size:14px;padding:6px 12px}.bin-category{font-size:12px}.back-button{padding:7px 10px;font-size:12px}.bulk-scan-button-container{margin-bottom:.6rem}.bulk-scan-button{padding:8px;font-size:12px;width:100%}.category-btn{padding:10px 12px;font-size:13px}.bins-table th,.bins-table td{padding:8px 4px;font-size:12px}.packages-table th,.packages-table td{padding:8px 6px;font-size:12px}.action-button,.assign-btn-small{padding:6px 10px;font-size:12px}.modal-content{width:95%;padding:15px}.input-field{padding:10px;font-size:14px}.auto-assign-button{padding:12px 20px;font-size:14px}.operator-pickup-body{margin-top:-.6rem}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.outbound-content{max-width:700px;margin:0 auto;padding:30px 20px}.outbound-card{padding:1.8rem}.bins-table-container{max-width:100%}table{font-size:.95rem}.category-buttons{flex-direction:row;gap:15px}.category-btn{padding:18px 30px}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.outbound-content{padding:25px 30px}.modal-content{max-width:650px}}@media(hover:none)and (pointer:coarse){.back-btn,.dashboard-btn,.category-btn,.action-button,.assign-button,.assign-btn-small,.pickup-button,.dispatch-button,.bulk-scan-button,.auto-assign-button,.confirm-button,.cancel-button,button{min-height:44px;min-width:44px;touch-action:manipulation}.bins-table tbody tr{cursor:pointer;-webkit-tap-highlight-color:rgba(40,116,240,.1)}.bins-table tbody tr:active{background-color:#2874f00d}input[type=text],select,.input-field{font-size:16px!important}.modal-overlay{-webkit-overflow-scrolling:touch}}@media(max-height:500px)and (orientation:landscape){.outbound-content{padding:10px 15px}.card-header{padding:15px}.card-header h2{font-size:18px}.bins-section h3{font-size:16px;margin-bottom:15px}.modal-content{max-height:90vh;padding:15px}}@media(max-width:480px)and (orientation:portrait){.header{padding:10px 12px}.logo-img{height:26px}.back-btn{padding:7px 10px;font-size:13px}.outbound-content{padding:10px}.outbound-card{padding:1rem}.card-header{padding:14px;margin:-1rem -1rem .3rem}.card-header h2{font-size:18px;margin-bottom:4px;line-height:1.2}.card-header p{font-size:12px;line-height:1.3}.bins-section{margin-top:.8rem}.bins-section h3{font-size:15px;margin-bottom:10px;padding-left:4px}.packages-section{margin-top:0}.section-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:.8rem}.section-header h3{font-size:15px}.bin-title{flex-direction:row;gap:6px;align-items:center;flex-wrap:wrap}.bin-label{font-size:13px}.bin-id-highlight{font-size:15px;padding:6px 12px}.bin-category{font-size:13px}.back-button{padding:8px 12px;font-size:13px;width:fit-content;margin-right:0}.bulk-scan-button-container{width:100%;margin-bottom:.8rem}.bulk-scan-button{width:100%;padding:10px;margin:0}.bins-table-container,.packages-table-container{margin-top:8px}.packages-table th,.packages-table td{padding:10px 6px;font-size:13px}.pickup-button{padding:8px 12px;font-size:13px}.dispatch-section{margin-top:1rem}.operator-pickup-body{margin-top:-.7rem}}.searchable-select{position:relative}.searchable-select .input-field{padding-right:32px}.searchable-select-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:#888;cursor:pointer;padding:0 4px;line-height:1}.searchable-select-clear:hover{color:#333}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #d0d5dd;border-top:none;border-radius:0 0 8px 8px;list-style:none;margin:0;padding:0;z-index:100;box-shadow:0 4px 12px #0000001a}.searchable-select-option{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;font-size:.92rem;transition:background .15s;gap:8px}.searchable-select-option:hover,.searchable-select-option.selected{background:#e8f0fe}.searchable-select-option .option-info{display:flex;flex-direction:column;min-width:0;flex:1}.searchable-select-option .option-name{font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select-option .option-detail{color:#667;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select-option .option-check{color:#2563eb;font-weight:700;font-size:1rem;flex-shrink:0}.searchable-select-empty{padding:12px 14px;color:#999;text-align:center;font-size:.9rem;list-style:none}@media(max-width:768px){.pagination-container{flex-direction:column;align-items:stretch;text-align:center;gap:10px;padding:14px 16px}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-btn,.pagination-current{padding:8px 14px;font-size:13px}}.manifest-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Roboto,Arial,sans-serif}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.back-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:4px}.dashboard-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:6px}.dashboard-btn:hover{background:#ffffff4d;border-color:#ffffff80}.logo{color:#fff;font-size:28px;font-weight:700;font-style:italic;letter-spacing:-.5px;display:flex;align-items:baseline;gap:4px}.logo-tagline{color:#ffe11b;font-size:11px;font-style:italic;font-weight:600}.manifest-content{max-width:900px;margin:0 auto;padding:40px 20px}.back-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:2px;font-size:14px;cursor:pointer;margin-bottom:20px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;border-color:#ffffff80}.manifest-card{background:#fff;border-radius:2px;box-shadow:0 4px 12px #00000026;overflow:hidden}.card-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:50px 30px 40px;text-align:center}.card-header h2{font-size:28px;margin:0 0 15px;font-weight:600;line-height:1.5;padding-top:5px}.card-header p{font-size:16px;margin:0;opacity:.95}.card-body{padding:40px}.upload-section{display:flex;flex-direction:column;gap:25px}.file-info{background:#f5f5f5;padding:20px;border-radius:2px;border-left:4px solid #4caf50}.info-text{margin:8px 0;font-size:14px;color:#666}.info-text:first-child{font-weight:600;color:#333;font-size:15px}.file-input-wrapper{display:flex;justify-content:center}.file-input{display:none}.file-input-label{display:inline-block;padding:16px 40px;background:#2874f0;color:#fff;border-radius:2px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.file-input-label:hover{background:#1e5bc6;transform:translateY(-2px);box-shadow:0 4px 12px #2874f04d}.file-selected{background:#e8f5e9;padding:20px;border-radius:2px;border:2px solid #4caf50;text-align:center}.file-selected p{margin:8px 0;font-size:14px;color:#333}.file-selected strong{color:#4caf50}.upload-button{background:#fb641b;color:#fff;border:none;padding:16px 40px;border-radius:2px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:center}.upload-button:hover:not(:disabled){background:#e05515;transform:translateY(-2px);box-shadow:0 4px 12px #fb641b4d}.upload-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message{background:#ffebee;color:#c62828;padding:15px;border-radius:2px;border-left:4px solid #c62828;font-size:14px}.results-section{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;margin-bottom:30px}.results-header h3{font-size:28px;color:#4caf50;margin:0}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.summary-card{background:#f5f5f5;padding:25px;border-radius:2px;display:flex;align-items:center;gap:20px;border-left:4px solid #ccc}.summary-card.success{border-left-color:#4caf50;background:#e8f5e9}.summary-card.updated{border-left-color:#2196f3;background:#e3f2fd}.summary-card.failed{border-left-color:#f44336;background:#ffebee}.summary-card.total{border-left-color:#9c27b0;background:#f3e5f5}.summary-card.skipped{border-left-color:#ff9800;background:#fff3e0}.summary-icon{font-size:36px}.summary-text{flex:1}.summary-number{font-size:32px;font-weight:700;color:#333;line-height:1;margin-bottom:5px}.summary-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.results-detail{margin-bottom:30px}.results-detail h4{font-size:18px;margin-bottom:15px;color:#333}.warning-text{color:#e65100;font-size:14px;margin-bottom:10px;padding:10px;background:#fff3e0;border-left:3px solid #ff9800;border-radius:2px}.tracking-list{background:#f5f5f5;padding:20px;border-radius:2px;max-height:300px;overflow-y:auto}.tracking-item{padding:10px 15px;margin-bottom:10px;border-radius:2px;font-size:14px;font-family:Courier New,monospace}.tracking-item:last-child{margin-bottom:0}.success-item{background:#e8f5e9;color:#2e7d32;border-left:3px solid #4caf50}.failed-item{background:#ffebee;color:#c62828;border-left:3px solid #f44336}.warning-item{background:#fff3e0;color:#e65100;border-left:3px solid #ff9800}.failed-item strong{display:block;margin-bottom:5px}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.download-logs-button{background:#28a745;color:#fff;border:none;padding:14px 35px;border-radius:2px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.download-logs-button:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.reset-button{background:#2874f0;color:#fff;border:none;padding:14px 35px;border-radius:2px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button:hover{background:#1e5bc6;transform:translateY(-2px);box-shadow:0 4px 12px #2874f04d}.download-logs-button:disabled,.reset-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tracking-list::-webkit-scrollbar{width:8px}.tracking-list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:4px}.tracking-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.tracking-list::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.progress-section{margin-bottom:30px;padding:20px;background:#f5f5f5;border-radius:2px;border-left:4px solid #2196f3}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;color:#333}.progress-bar-container{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:15px;transition:width .5s ease;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1024px){.manifest-container{padding:20px 15px}.manifest-content{padding:25px 18px}.card{padding:20px}}@media(max-width:768px){.header{padding:10px 12px}.header-content{flex-direction:column;gap:10px}.logo-img{height:32px}.back-btn{padding:8px 12px;font-size:.85rem;min-height:36px}.manifest-content{padding:15px 10px}.page-title{font-size:1.4rem;margin-bottom:15px}.card{padding:15px}.card-body{padding:20px 15px}.card-header h2{font-size:1.3rem}.card-header p{font-size:.9rem}.results-summary{grid-template-columns:1fr;gap:12px}.result-item{padding:12px}.result-count{font-size:1.5rem}.file-input-wrapper{flex-direction:column;gap:10px}.file-input-label{width:100%;padding:12px 20px;font-size:.95rem;min-height:44px;justify-content:center}.upload-button{width:100%;padding:12px 20px;font-size:1rem;min-height:44px}.tracking-list{max-height:250px;font-size:.9rem}.tracking-item{padding:8px}.action-buttons{flex-direction:column;gap:10px}button{width:100%;min-height:44px;font-size:1rem}.instructions{padding:12px;font-size:.9rem}.progress-section{padding:15px}.progress-info{font-size:.85rem;flex-wrap:wrap;gap:5px}.progress-bar-container{height:24px}}@media(max-width:480px){.header{padding:8px 10px}.logo-img{height:28px}.manifest-content{padding:12px 8px}.page-title{font-size:1.2rem}.card{padding:12px}.card-body{padding:15px 12px}.card-header h2{font-size:1.1rem}.result-count{font-size:1.3rem}.tracking-list{max-height:200px;font-size:.85rem}}@media(max-height:600px)and (orientation:landscape){.manifest-content{padding:15px}.tracking-list{max-height:180px}}@media(hover:none)and (pointer:coarse){button,.upload-button,.file-input-label,.back-btn{min-height:44px;min-width:44px}.tracking-item:active{background:#f0f0f0}}.dashboard-container{max-width:100%;margin:0;background:#fff;min-height:100vh;font-family:Roboto,Arial,sans-serif}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:12px;flex:1}.header-right{flex:1}.logo-section{display:flex;align-items:center;justify-content:center;flex:1}.back-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px}.back-btn:hover{background:#ffffff4d;border-color:#ffffff80}.dashboard-content{max-width:1400px;margin:0 auto;padding:40px 20px}.loading-message{text-align:center;padding:4rem;font-size:1.2rem;color:#666}.dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:8px 8px 0 0}.card-header h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:600}.card-header p{color:#ffffffe6;margin:0;font-size:14px}.card-body{padding:2rem}.view-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;padding-bottom:0}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.tab-button:hover{color:#2874f0;background:#2874f00d}.tab-button.active{color:#2874f0;border-bottom-color:#2874f0;background:#2874f00d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.stat-card.primary{border-left:4px solid #2874f0}.stat-card.success{border-left:4px solid #28a745}.stat-card.warning{border-left:4px solid #ffc107}.stat-card.info{border-left:4px solid #17a2b8}.stat-icon{font-size:2.5rem}.stat-info h3{margin:0;font-size:2rem;color:#333}.stat-info p{margin:.5rem 0 0;color:#666;font-size:.9rem}.capacity-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.capacity-section h3{margin-top:0;color:#333}.capacity-bar-container{margin-top:1rem}.capacity-bar{height:40px;background:#e0e0e0;border-radius:20px;overflow:hidden;position:relative}.capacity-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:width .5s ease}.capacity-labels{display:flex;justify-content:space-between;margin-top:.5rem;color:#666;font-size:.9rem}.status-distribution{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.status-distribution h3{margin-top:0;color:#333}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.status-item{background:#fff;padding:1rem;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a}.status-count{font-size:2rem;font-weight:700;color:#2874f0}.status-label{margin-top:.5rem;color:#666;font-size:.9rem;text-transform:capitalize}.quick-actions{margin-top:2rem}.quick-actions h3{color:#333;margin-bottom:1rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{padding:12px 24px;background:#2874f0;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.action-btn:hover{background:#1c60b9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input,.filter-select{padding:10px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px}.search-input:focus,.filter-select:focus{outline:none;border-color:#2874f0}.refresh-btn{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;white-space:nowrap}.refresh-btn:hover{background:#218838}.download-btn{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;white-space:nowrap}.download-btn:hover:not(:disabled){background:#0056b3}.download-btn:disabled{background:#e0e0e0;color:#888;cursor:not-allowed;opacity:.7;position:relative}.download-btn:disabled:hover{background:#e0e0e0}.download-wrapper{position:relative;display:inline-block}.report-dropdown{position:absolute;top:100%;right:0;z-index:100;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:210px;overflow:hidden}.report-option{display:block;width:100%;padding:10px 16px;font-size:14px;text-align:left;background:none;border:none;cursor:pointer;white-space:nowrap;color:#333}.report-option:hover{background:#f0f4ff}.report-option+.report-option{border-top:1px solid #eee}.report-option-wrapper{position:relative}.report-option-wrapper+.report-option-wrapper{border-top:1px solid #eee}.report-option:disabled{opacity:.5;cursor:not-allowed}.report-dropdown-divider{height:1px;background:#e0e0e0;margin:6px 0}.report-dropdown-section-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:6px 14px 2px}.report-progress-container{position:relative;height:18px;background:#e9ecef;margin:0 10px 8px;border-radius:4px;overflow:hidden}.report-progress-bar{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;transition:width .3s ease}.report-progress-label{position:absolute;top:0;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#333;white-space:nowrap}.table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid #e0e0e0}.data-table tr:hover{background:#f8f9fa}.bin-id-cell,.tracking-id-cell{font-family:monospace;font-weight:700;color:#2874f0}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.available{background:#d1e7dd;color:#0f5132}.status-badge.occupied{background:#fff3cd;color:#856404}.status-badge.manifested{background:#cfe2ff;color:#084298}.status-badge.putaway{background:#d1ecf1;color:#0c5460}.status-badge.picked{background:#f8d7da;color:#721c24}.status-badge.dispatched{background:#e2e3e5;color:#383d41}.status-badge.fall-short{background:#dc3545;color:#fff}.status-badge.delivered{background:#d4edda;color:#155724}.status-badge.detached{background:#f3e5f5;color:#6a1b9a}.utilization-bar{position:relative;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden;min-width:100px}.utilization-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.utilization-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#333}.no-data{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.pagination-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:20px;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000026;flex-wrap:wrap}.pagination-info{color:#333;font-size:15px;font-weight:600;margin-right:8px}.pagination-controls{display:flex;align-items:center;gap:10px}.pagination-btn{background:#fff;color:#2874f0;border:2px solid #2874f0;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#2874f0;color:#fff;box-shadow:0 2px 6px #2874f066}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#e0e0e0}.pagination-current{padding:10px 18px;background:#2874f0;color:#fff;border-radius:6px;font-weight:700;font-size:15px}.error-box{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:5px;margin-bottom:1rem;border:1px solid #f5c6cb}.adherence-section{padding:4px 0}.adherence-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:14px 18px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.adherence-presets{display:flex;gap:6px;flex-wrap:wrap}.adherence-preset-btn{padding:6px 14px;border:1px solid #cbd5e1;border-radius:20px;background:#fff;color:#475569;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.adherence-preset-btn:hover{background:#f1f5f9;border-color:#94a3b8}.adherence-preset-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.adherence-custom-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:10px 18px;background:#eff6ff;border-radius:8px;border:1px dashed #93c5fd}.adherence-custom-range label{font-size:.85rem;font-weight:600;color:#475569}.adherence-custom-range input[type=date]{padding:7px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.adherence-custom-range input[type=date]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.adherence-range-hint{font-size:.78rem;color:#64748b;font-style:italic}.adherence-apply-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.adherence-apply-btn{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.adherence-apply-btn:hover:not(:disabled){background:#2563eb}.adherence-apply-btn:disabled{opacity:.6;cursor:not-allowed}.adherence-period-label{font-size:.82rem;color:#64748b;font-weight:500}.adherence-actions{display:flex;gap:8px;flex-wrap:wrap}.adherence-download-btn{padding:7px 14px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.adherence-download-wrapper{display:flex;flex-direction:column;min-width:160px}.adherence-download-wrapper .report-progress-container{margin:4px 0 0}.adherence-download-btn:hover:not(:disabled){background:#059669}.adherence-download-btn.central{background:#8b5cf6}.adherence-download-btn.central:hover:not(:disabled){background:#7c3aed}.adherence-download-btn:disabled{opacity:.6;cursor:not-allowed}.adherence-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.adherence-loading .spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.adherence-category{margin-bottom:24px}.adherence-category-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}.adherence-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:8px}.adherence-card{background:#fff;border-radius:10px;padding:18px 16px;text-align:center;border:1px solid #e2e8f0;transition:transform .15s,box-shadow .15s}.adherence-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.adherence-card-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:6px}.adherence-card-pct{font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:4px}.adherence-card-count{font-size:.8rem;color:#94a3b8;font-weight:500}.adherence-green{border-left:4px solid #22c55e}.adherence-green .adherence-card-pct{color:#16a34a}.adherence-yellow{border-left:4px solid #f59e0b}.adherence-yellow .adherence-card-pct{color:#d97706}.adherence-red{border-left:4px solid #ef4444}.adherence-red .adherence-card-pct{color:#dc2626}.adherence-chart{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px}.adherence-chart-legend{display:flex;gap:16px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#475569;font-weight:500}.legend-color{width:12px;height:12px;border-radius:3px;display:inline-block}.adherence-chart-bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding:0 4px;overflow-x:auto}.chart-day{flex:1;min-width:40px;max-width:80px;display:flex;flex-direction:column;align-items:center;height:100%;cursor:default}.chart-bar-group{display:flex;align-items:flex-end;gap:2px;flex:1;width:100%;justify-content:center}.chart-bar{width:8px;border-radius:3px 3px 0 0;transition:height .4s ease;min-height:2px}.chart-bar.d0{background:#22c55e}.chart-bar.d1{background:#3b82f6}.chart-bar.d2{background:#f59e0b}.chart-bar.total{background:#94a3b8}.chart-day-label{font-size:.7rem;color:#64748b;margin-top:4px;white-space:nowrap;font-weight:500}.adherence-table{width:100%;border-collapse:collapse;font-size:.85rem}.adherence-table thead th{background:#f1f5f9;padding:10px 8px;text-align:center;font-weight:700;font-size:.8rem;color:#334155;border-bottom:2px solid #cbd5e1;white-space:nowrap}.adherence-table .th-group{border-bottom:1px solid #cbd5e1}.adherence-table .th-group.putaway-group{background:#eff6ff;color:#1d4ed8}.adherence-table .th-group.dispatch-group{background:#fef3c7;color:#92400e}.adherence-table .putaway-col{background:#f8fbff}.adherence-table .dispatch-col{background:#fffcf0}.adherence-table tbody td{padding:9px 8px;text-align:center;border-bottom:1px solid #e2e8f0;white-space:nowrap}.adherence-table .date-cell{font-weight:600;color:#1e293b;text-align:left}.cell-pct{font-size:.75rem;color:#94a3b8}.adherence-totals-row{background:#f1f5f9!important;border-top:2px solid #cbd5e1}.adherence-totals-row td{padding:12px 8px!important;font-size:.9rem}.adherence-totals-row .putaway-col{background:#e8f0fe!important}.adherence-totals-row .dispatch-col{background:#fef9e7!important}@media(max-width:1024px){.content{padding:20px 15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}table{font-size:.9rem}th,td{padding:10px 8px}.adherence-cards{grid-template-columns:repeat(2,1fr)}.adherence-controls{flex-direction:column;align-items:stretch}}@media(max-width:768px){.header{padding:10px 12px}.header-content{flex-direction:column;gap:10px}.logo-img{height:32px}.back-btn{padding:8px 12px;font-size:.85rem;min-height:36px}.content{padding:15px 10px}.page-title{font-size:1.4rem}.stats-grid{grid-template-columns:1fr;gap:12px}.adherence-cards{grid-template-columns:1fr 1fr;gap:10px}.adherence-card-pct{font-size:1.5rem}.adherence-controls{flex-direction:column;align-items:stretch;gap:10px}.adherence-presets{flex-wrap:wrap;gap:6px}.adherence-preset-btn{flex:1;min-width:0;text-align:center;padding:6px 8px;font-size:.78rem}.adherence-custom-range{flex-wrap:wrap}.adherence-actions{flex-direction:column}.adherence-download-btn{width:100%;text-align:center}.adherence-table{font-size:.78rem;min-width:700px}.stat-card{padding:15px}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.section-header{flex-direction:column;gap:12px;align-items:stretch}.section-title{font-size:1.2rem}.filters-bar{flex-direction:column;gap:10px}.search-input,.filter-select{width:100%;font-size:1rem;padding:10px}.action-buttons{flex-direction:column;gap:8px}.action-btn{width:100%;min-height:44px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{font-size:.85rem;min-width:600px}th,td{padding:8px 6px;white-space:nowrap}.modal{padding:10px}.modal-content{width:100%;max-width:100%;padding:15px;max-height:90vh}.modal-title{font-size:1.2rem}.close-btn{width:32px;height:32px}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:10px}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions button{width:100%;min-height:44px}.pagination-container{flex-direction:column;gap:10px;padding:14px 16px}.pagination-info{text-align:center;width:100%}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}.pagination-btn,.pagination-current{padding:8px 14px;font-size:13px}}@media(max-width:480px){.header{padding:8px 10px}.logo-img{height:28px}.page-title{font-size:1.2rem}.section-title{font-size:1.1rem}table{font-size:.8rem;min-width:500px}th,td{padding:6px 4px}}@media(max-height:600px)and (orientation:landscape){.modal-content{max-height:85vh;overflow-y:auto}}@media(hover:none)and (pointer:coarse){button,.action-btn,.back-btn{min-height:44px;min-width:44px}}.user-management-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.pending-approvals-section{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;margin-bottom:30px}.pending-header{color:#856404;font-size:24px;font-weight:700;margin:0 0 20px}.pending-users-table-container{background:#fff;border-radius:6px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.pending-users-table-container .users-table{table-layout:fixed}.pending-users-table-container .users-table th:nth-child(7),.pending-users-table-container .users-table td:nth-child(7){width:18%;min-width:200px}.pending-row{background-color:#fffbf0!important}.user-total-count{background:#ffffff26;color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500}.users-table-container{background:#fff;border-radius:12px;overflow-x:auto;overflow-y:visible;box-shadow:0 4px 20px #0000001a;-webkit-overflow-scrolling:touch}.users-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}.users-table thead{background:#f5f5f5}.users-table th{padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.users-table th:nth-child(1),.users-table td:nth-child(1){width:13%;max-width:150px}.users-table th:nth-child(2),.users-table td:nth-child(2){width:15%}.users-table th:nth-child(3),.users-table td:nth-child(3){width:14%}.users-table th:nth-child(4),.users-table td:nth-child(4){width:15%}.users-table th:nth-child(5),.users-table td:nth-child(5){width:13%}.users-table th:nth-child(6),.users-table td:nth-child(6){width:10%}.users-table th:nth-child(7),.users-table td:nth-child(7){width:20%;min-width:180px}.users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.users-table tbody tr:hover{background:#f9f9f9}.users-table td{padding:16px;color:#555;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.users-table td strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-superadmin{background:#e3f2fd;color:#1976d2}.badge-admin{background:#f3e5f5;color:#7b1fa2}.badge-operation{background:#fff3e0;color:#f57c00}.badge-operator{background:#e8f5e9;color:#388e3c}.action-button{padding:6px 14px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;margin-right:8px;transition:all .2s;white-space:nowrap;flex-shrink:0}.edit-button{background:#2196f3;color:#fff;white-space:nowrap;flex-shrink:0}.edit-button:disabled{background:#ccc;cursor:not-allowed}.approve-button{background:#4caf50;color:#fff;white-space:nowrap;flex-shrink:0}.approve-button:hover{background:#45a049}.reject-button{background:#f44336;color:#fff;white-space:nowrap;flex-shrink:0}.reject-button:hover{background:#da190b}.edit-button-wrapper{display:inline-block;position:relative;margin-right:8px}.edit-button-wrapper:hover .edit-tooltip{opacity:1;visibility:visible;transform:translateY(-5px)}.edit-tooltip{position:absolute;bottom:100%;right:0;transform:translateY(0);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #e74c3c66;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;pointer-events:none;margin-bottom:8px}.edit-tooltip:before{content:"⚠️";margin-right:6px}.edit-tooltip:after{content:"";position:absolute;top:100%;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #c0392b}.delete-button:disabled{background:#ccc;cursor:not-allowed}.actions-cell{display:flex;align-items:center;gap:12px;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.delete-button-wrapper{display:inline-block;position:relative}.delete-button-wrapper:hover .delete-tooltip{opacity:1;visibility:visible;transform:translateY(-5px)}.delete-tooltip{position:absolute;bottom:100%;right:0;transform:translateY(0);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #e74c3c66;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;pointer-events:none;margin-bottom:8px}.delete-tooltip:before{content:"⚠️";margin-right:6px}.delete-tooltip:after{content:"";position:absolute;top:100%;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #c0392b}.modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:0}.warehouse-selector-button{overflow:hidden;text-overflow:ellipsis}}.password-field{position:relative;width:100%;display:flex;align-items:center}.password-input{padding-right:52px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#666;cursor:pointer;padding:0;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.password-toggle svg{pointer-events:none}.field-error{color:#d32f2f;font-size:12px;margin-top:4px;display:block}.input-error,.form-group input.input-error,.form-group select.input-error,button.warehouse-selector-button.input-error{border-color:#d32f2f!important}.password-label-row{display:flex;align-items:center;gap:6px}.password-info-wrapper{position:relative;display:inline-flex;cursor:pointer}.password-info-icon{color:#888;transition:color .2s}.password-info-wrapper:hover .password-info-icon{color:#2874f0}.password-criteria-tooltip{display:none;position:absolute;left:24px;top:-4px;background:#1a1a2e;color:#fff;padding:12px 14px;border-radius:8px;font-size:12px;font-weight:400;line-height:1.6;width:260px;z-index:100;box-shadow:0 4px 16px #00000040}.password-criteria-tooltip strong{display:block;margin-bottom:4px;font-size:13px}.password-criteria-tooltip ul{margin:0;padding:0 0 0 16px;list-style:disc}.password-criteria-tooltip ul li{margin-bottom:2px}.password-info-wrapper:hover .password-criteria-tooltip{display:block}.password-checklist{list-style:none;margin:6px 0 0;padding:0;font-size:12px}.password-checklist li{margin-bottom:2px}.password-checklist .rule-pass{color:#2e7d32}.password-checklist .rule-fail{color:#d32f2f}.warehouse-selector-wrapper{position:relative;width:100%}.warehouse-selector-button{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.warehouse-selector-button:hover{border-color:#2874f0;background:#f8f9ff}.warehouse-selector-disabled{background:#f0f0f0!important;color:#888;cursor:not-allowed!important;border-color:#ddd!important;position:relative}.warehouse-selector-disabled:hover{border-color:#ddd!important;background:#f0f0f0!important}.warehouse-selector-button:focus{outline:none;border-color:#2874f0;box-shadow:0 0 0 3px #2874f01a}.dropdown-arrow{margin-left:8px;font-size:12px;color:#666;transition:transform .3s}.warehouse-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.warehouse-dropdown-backdrop{display:none}.warehouse-search-box{position:relative;padding:12px;border-bottom:1px solid #e0e0e0;background:#f8f8f8}.warehouse-search-input{width:100%;padding:10px 40px 10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .3s}.warehouse-search-input:focus{border-color:#2874f0}.warehouse-search-box .search-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;opacity:.5}.warehouse-list{overflow-y:auto;max-height:300px}.warehouse-item{padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}.warehouse-item:hover{background:#f8f9ff}.warehouse-item.selected{background:#e3f2fd;border-left:3px solid #2874f0}.warehouse-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.warehouse-id{font-size:12px;color:#666}.no-results{padding:20px;text-align:center;color:#666;font-size:14px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer;accent-color:#2874f0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #999;border-radius:4px;background:#fff;position:relative;flex-shrink:0}.checkbox-label input[type=checkbox]:checked{background:#2874f0;border-color:#2874f0}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-label input[type=checkbox]:focus{outline:2px solid #2874f0;outline-offset:2px}.toggle-buttons{display:flex;gap:8px;margin-top:8px}.toggle-btn{flex:1;padding:10px 16px;background:#f5f5f5;color:#666;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.toggle-btn:hover{background:#e8e8e8;border-color:#ccc}.toggle-btn.active{background:#2874f0;color:#fff;border-color:#2874f0}.toggle-btn:focus{outline:2px solid #2874f0;outline-offset:2px}.toggle-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.toggle-btn:disabled:hover{background:#f5f5f5;border-color:#e0e0e0}.modal-delete-button{padding:10px 24px;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #f443364d}.modal-delete-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 4px 12px #f4433666;transform:translateY(-1px)}.modal-delete-button:active{transform:translateY(0);box-shadow:0 2px 6px #f443364d}.modal-delete-button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;opacity:.6}.modal-delete-button:disabled:hover{transform:none;box-shadow:none}.modal-delete-button svg{width:16px;height:16px;stroke-width:2.5}@media(max-width:1024px){.main-content{padding:30px 15px}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:12px 10px}.modal-content{width:85%;max-width:600px;padding:25px}}@media(max-width:768px)and (min-width:601px){.header{padding:10px 12px}.header-content{flex-direction:column;gap:12px;min-height:auto}.logo-section{position:static;transform:none;order:1;margin-bottom:8px}.logo-img{height:32px}.user-section{position:static;order:2;width:100%;justify-content:space-between}.user-info{flex-direction:row;align-items:center;gap:8px}.user-name{font-size:.9rem}.user-role{font-size:.8rem}.back-button,.logout-button{padding:8px 12px;font-size:.85rem;height:auto;min-height:36px}.main-content{padding:20px 12px}.content-header{flex-direction:column;align-items:stretch;gap:15px}.content-header h1{font-size:1.5rem;text-align:center}.create-button{width:100%;padding:12px 20px;font-size:1rem;min-height:44px}.search-bar{flex-direction:column;gap:12px}.search-input{width:100%}.search-button,.clear-search-button{width:100%;padding:12px}.pagination{flex-wrap:wrap;gap:8px;padding:16px}.pagination-button{padding:8px 14px;font-size:13px}.pagination-info{width:100%;justify-content:center;order:-1;margin-bottom:8px}.users-table-container,.pending-users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{font-size:.85rem;min-width:900px}.users-table th,.users-table td{padding:10px 8px}.action-button,.delete-button{padding:6px 10px;font-size:.8rem;min-height:36px}.modal{padding:10px}.modal-content{width:100%;max-width:100%;margin:0;padding:15px;max-height:90vh;overflow-y:auto}.modal-header{padding:12px 15px;margin:-15px -15px 15px}.modal-title{font-size:1.2rem}.close-modal{width:32px;height:32px;font-size:1.5rem}.modal{width:95%;max-height:95vh;border-radius:8px}.modal-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:15px;width:100%!important}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select{font-size:16px;padding:10px}.warehouse-selector-button{font-size:1rem;padding:12px;min-height:44px}.warehouse-dropdown{max-height:60vh}.warehouse-search-input{font-size:1rem;padding:12px}.warehouse-item{padding:14px 16px;min-height:44px}.checkbox-label{font-size:.9rem;padding:10px;min-height:44px}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions button{width:100%;min-height:44px;padding:12px 20px;font-size:1rem}.modal-delete-button{order:-1;padding:12px 20px;font-size:1rem;justify-content:center}.alert{padding:10px 15px;font-size:.9rem;margin-bottom:15px}}@media(max-width:480px){.header{padding:8px 10px}.logo-img{height:28px}.main-content{padding:15px 10px}.content-header h1{font-size:1.3rem}.users-table{font-size:.8rem;min-width:100%!important}.users-table th,.users-table td{padding:8px 6px}.modal-content{padding:12px}.modal-title{font-size:1.1rem}.form-group label{font-size:.85rem}.action-button,.delete-button{padding:5px 8px;font-size:.75rem}}@media(hover:none)and (pointer:coarse){button,.create-button,.back-button,.logout-button,.cancel-button,.submit-button,.action-button,.delete-button{min-height:44px;min-width:44px}.users-table tbody tr:active{background:#f5f5f5}}@media(max-width:600px){.password-criteria-tooltip{left:auto;right:0;top:24px;width:220px}.modal-overlay{align-items:flex-end}.modal{width:100%;max-height:95vh;border-radius:14px 14px 0 0}.modal-header{padding:14px 16px;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #eee}.modal-header h2{font-size:1.1rem}.modal-form{padding:16px}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:12px}.form-group input,.form-group select{font-size:16px;padding:10px 12px}.password-field{width:100%}.password-checklist{font-size:11px}.modal-actions{flex-direction:column-reverse;gap:8px;margin-top:16px;padding-top:16px;position:sticky;bottom:0;background:#fff;padding-bottom:8px}.modal-actions button{width:100%;min-height:44px;font-size:1rem}.toggle-buttons{width:100%;gap:6px}.toggle-btn{min-height:40px;font-size:.8rem;padding:8px 6px;white-space:normal;word-break:break-word;text-align:center;line-height:1.2}.warehouse-selector-wrapper{position:static}.warehouse-dropdown{position:fixed;inset:auto 0 0;max-height:60vh;border-radius:14px 14px 0 0;z-index:1100;box-shadow:0 -4px 20px #00000040}.warehouse-dropdown-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:1099}.warehouse-selector-button{font-size:13px;padding:10px;min-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warehouse-search-input{font-size:16px;padding:12px 40px 12px 14px}.warehouse-item{padding:14px 16px;min-height:44px}.content-header h1{font-size:1.3rem}.user-total-count{font-size:12px;padding:4px 10px}.search-input{font-size:14px;padding:10px 12px}.search-button,.clear-search-button{font-size:14px;padding:10px 16px}.pagination-button{padding:6px 10px;font-size:12px}.page-input{width:50px;font-size:14px;padding:6px 8px}.pagination-info{font-size:14px}.users-table-container,.pending-users-table-container{background:transparent;box-shadow:none;overflow-x:visible}.users-table thead{display:none}.users-table{min-width:100%!important;table-layout:auto!important}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table td:nth-child(1),.users-table td:nth-child(2),.users-table td:nth-child(3),.users-table td:nth-child(4),.users-table td:nth-child(5),.users-table td:nth-child(6),.users-table td:nth-child(7){width:100%!important;max-width:none!important}.users-table tr{background:#fff;margin-bottom:12px;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;border:none}.users-table td{text-align:left!important;padding:10px 0;border:none;display:flex;align-items:flex-start;gap:10px;width:100%!important;max-width:none!important;overflow:visible;text-overflow:clip;white-space:normal;word-break:normal;min-height:32px}.users-table td strong{display:block;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;flex:1;min-width:0}.users-table td:before{content:attr(data-label);font-weight:600;color:#666;min-width:110px;flex-shrink:0}.users-table td>*{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.users-table td:last-child{padding-left:0;margin-top:10px;flex-direction:column;align-items:stretch}.users-table td:last-child:before{display:none}.role-badge,.status-badge{display:inline-block;margin:0}.actions-cell{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;width:100%!important;padding:0!important}.actions-cell .toggle-switch{width:100%!important;height:44px!important;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#f5f5f5;border-radius:6px}.actions-cell .toggle-switch:before{content:"Active Status";font-weight:600;color:#666}.actions-cell .edit-button,.actions-cell .action-button{width:100%!important;min-height:44px!important;font-size:1rem!important;padding:12px 16px!important;justify-content:center;margin-right:0!important}.approve-button,.reject-button{width:100%!important;margin-right:0!important;margin-bottom:8px}.approve-button:last-child,.reject-button:last-child{margin-bottom:0}.toggle-switch{width:50px;height:28px}.toggle-slider:before{height:20px;width:20px;left:4px;bottom:4px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}}@media(max-width:768px)and (min-width:601px){.actions-cell{gap:8px;flex-wrap:wrap;justify-content:center}.actions-cell .edit-button{flex:1;min-width:100px}.toggle-switch{margin-right:8px}}@media(hover:none)and (pointer:coarse){.toggle-switch{min-width:54px;min-height:30px}.modal-delete-button{min-height:48px;padding:12px 24px;font-size:1rem}.modal-delete-button svg{width:18px;height:18px}}.warehouse-management-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.header{background:#2874f0;padding:12px 20px;box-shadow:0 2px 4px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;min-height:64px}.logo-section{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.logo-img{height:40px;width:auto}.user-section{display:flex;align-items:center;gap:12px;position:absolute;right:0;height:100%}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;align-self:center}.user-name{color:#fff;font-weight:600;font-size:14px}.user-role{color:#ffe11b;font-size:12px}.back-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s;height:38px;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;box-sizing:border-box;margin:0;align-self:center}.back-button:hover{background:#ffffff4d}.logout-button{background:#ff3f6c;color:#fff;border:1px solid transparent;padding:8px 20px;border-radius:4px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s;height:38px;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;box-sizing:border-box;margin:0;align-self:center}.logout-button:hover{background:#ff1744}.main-content{max-width:1400px;margin:0 auto;padding:40px 20px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.content-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.header-title-section{display:flex;align-items:center;gap:16px}.warehouse-total-count{background:#ffffff26;color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500}.header-actions{display:flex;align-items:center;gap:16px}.view-toggle{display:flex;background:#ffffff1a;border-radius:6px;padding:4px;gap:4px}.view-toggle-btn{background:transparent;border:none;color:#ffffffb3;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{background:#ffffff26;color:#fff}.view-toggle-btn.active{background:#fff;color:#2874f0}.view-toggle-btn svg{display:block}.create-button{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s}.search-section{margin-bottom:24px}.search-bar{display:flex;gap:12px;align-items:center;background:#fffffff2;padding:16px;border-radius:8px;box-shadow:0 2px 8px #00000026}.search-input{flex:1;padding:12px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-size:15px;transition:all .3s}.search-input::placeholder{color:#999}.search-input:focus{outline:none;background:#fff;border-color:#2874f0;box-shadow:0 0 0 3px #2874f01a}.search-button{background:#2874f0;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap}.search-button:hover:not(:disabled){background:#1e5bb8}.search-button:disabled{opacity:.6;cursor:not-allowed}.clear-search-button{background:#f44336;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.clear-search-button:hover{background:#d32f2f;box-shadow:0 2px 6px #f4433666}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding:20px;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000026}.pagination-button{background:#fff;color:#2874f0;border:2px solid #2874f0;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.pagination-button:hover:not(:disabled){background:#2874f0;color:#fff;box-shadow:0 2px 6px #2874f066}.pagination-button:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#e0e0e0}.pagination-info{display:flex;align-items:center;gap:8px;color:#333;font-size:15px;font-weight:600}.page-input{width:60px;padding:8px 12px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-size:15px;text-align:center;font-weight:600}.page-input:focus{outline:none;background:#fff;border-color:#2874f0;box-shadow:0 0 0 3px #2874f01a}.page-input::-webkit-inner-spin-button,.page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-input{-moz-appearance:textfield}.create-button:hover{background:#45a049}.alert{padding:12px 20px;border-radius:6px;margin-bottom:20px;font-weight:500}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ef5350}.alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #66bb6a}.loading{text-align:center;padding:40px;color:#fff;font-size:18px}.warehouses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.warehouses-list-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.warehouses-table{width:100%;border-collapse:collapse}.warehouses-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.warehouses-table th{padding:16px;text-align:left;font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.warehouses-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.warehouses-table tbody tr:hover{background-color:#f8f9fa}.warehouses-table tbody tr:last-child{border-bottom:none}.warehouses-table td{padding:16px;color:#495057;font-size:14px}.warehouses-table td strong{color:#212529;font-weight:600}.warehouses-table .action-button{padding:6px 12px;font-size:13px;margin-right:8px}.warehouse-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001a;transition:transform .2s,box-shadow .2s}.warehouse-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.warehouse-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.warehouse-header h3{margin:0;color:#333;font-size:20px;font-weight:700}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#c62828}.warehouse-details{margin-bottom:20px}.detail-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f5f5f5}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666;font-size:14px}.detail-value{color:#333;font-size:14px;text-align:right}.warehouse-actions{display:flex;gap:10px;margin-top:20px}.action-button{flex:1;padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.edit-button{background:#2196f3;color:#fff}.edit-button:hover{background:#1976d2}.delete-button{background:#f44336;color:#fff}.delete-button:hover{background:#d32f2f}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#333;font-size:24px}.close-button{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;line-height:1}.close-button:hover{color:#333}.modal-form{padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{margin-bottom:8px;color:#555;font-weight:600;font-size:14px}.form-group small{margin-top:4px;color:#999;font-size:12px}.form-group input,.form-group select{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2874f0}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input{margin-right:8px;width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-button{padding:10px 24px;background:#f5f5f5;color:#666;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.cancel-button:hover{background:#e0e0e0}.submit-button{padding:10px 24px;background:#2874f0;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.submit-button:hover{background:#1565c0}.submit-button:disabled{background:#ccc;cursor:not-allowed}@media(max-width:1024px){.main-content{padding:30px 15px}.warehouses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.modal-content{width:85%;max-width:600px;padding:25px}}@media(max-width:768px){.header{padding:10px 12px}.header-content{flex-direction:column;gap:12px;min-height:auto}.logo-section{position:static;transform:none;order:1;margin-bottom:8px}.logo-img{height:32px}.user-section{position:static;order:2;width:100%;justify-content:space-between}.user-info{flex-direction:row;align-items:center;gap:8px}.user-name{font-size:.9rem}.user-role{font-size:.8rem}.back-button,.logout-button{padding:8px 12px;font-size:.85rem;height:auto;min-height:36px}.main-content{padding:20px 12px}.content-header{flex-direction:column;align-items:stretch;gap:15px}.content-header h1{font-size:1.5rem;text-align:center}.header-actions{flex-direction:column;gap:12px}.view-toggle{justify-content:center;width:100%}.create-button{width:100%;padding:12px 20px;font-size:1rem;min-height:44px}.search-bar{flex-direction:column;gap:12px}.search-input{width:100%}.search-button,.clear-search-button{width:100%;padding:12px}.pagination{flex-wrap:wrap;gap:8px;padding:16px}.pagination-button{padding:8px 14px;font-size:13px}.pagination-info{width:100%;justify-content:center;order:-1;margin-bottom:8px}.warehouses-grid{grid-template-columns:1fr;gap:16px}.warehouses-list-container{overflow-x:auto}.warehouses-table{min-width:800px}.warehouses-table th,.warehouses-table td{padding:12px;font-size:13px}.warehouse-card{padding:18px}.warehouse-header{flex-direction:column;gap:12px}.warehouse-actions{width:100%;justify-content:stretch}.warehouse-actions button{flex:1;min-height:40px}.modal{padding:10px}.modal-content{width:100%;max-width:100%;margin:0;padding:15px;max-height:90vh;overflow-y:auto}.modal-header{padding:12px 15px;margin:-15px -15px 15px}.modal-title{font-size:1.2rem}.close-modal{width:32px;height:32px;font-size:1.5rem}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.form-group textarea{font-size:1rem;padding:10px}.form-group textarea{min-height:80px}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions button{width:100%;min-height:44px;padding:12px 20px;font-size:1rem}.alert{padding:10px 15px;font-size:.9rem;margin-bottom:15px}}@media(max-width:480px){.header{padding:8px 10px}.logo-img{height:28px}.main-content{padding:15px 10px}.content-header h1{font-size:1.3rem}.warehouse-total-count{font-size:12px;padding:4px 10px}.search-input{font-size:14px;padding:10px 12px}.search-button,.clear-search-button{font-size:14px;padding:10px 16px}.pagination-button{padding:6px 10px;font-size:12px}.page-input{width:50px;font-size:14px;padding:6px 8px}.pagination-info{font-size:14px}.warehouse-card{padding:15px}.modal-content{padding:12px}.modal-title{font-size:1.1rem}.form-group label{font-size:.85rem}}@media(max-height:600px)and (orientation:landscape){.modal-content{max-height:85vh;overflow-y:auto}.header-content{flex-direction:row}.logo-section{position:absolute;left:50%;transform:translate(-50%)}.user-section{position:absolute;right:0}}@media(hover:none)and (pointer:coarse){button,.create-button,.back-button,.logout-button,.cancel-button,.submit-button{min-height:44px;min-width:44px}.warehouse-card:active{transform:translateY(-2px)}}.stocktake-container{max-width:100%;margin:0;background:#fff;min-height:100vh;font-family:Roboto,Arial,sans-serif}.stocktake-container .header{background:#2874f0;padding:12px 20px;box-shadow:0 2px 4px #0000001a}.stocktake-container .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.stocktake-container .header-left{display:flex;align-items:center;gap:12px;flex:1}.stocktake-container .header-right{flex:1}.stocktake-container .logo-section{display:flex;align-items:center;justify-content:center;flex:1}.stocktake-container .logo-img{height:40px;width:auto}.stocktake-container .back-btn,.stocktake-container .dashboard-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:6px}.stocktake-container .back-btn:hover,.stocktake-container .dashboard-btn:hover{background:#ffffff4d;border-color:#ffffff80}.stocktake-container .content-wrapper{padding:24px 20px;background:#f1f3f6;max-width:1200px;margin:0 auto;min-height:calc(100vh - 64px)}.stocktake-container .page-title{font-size:24px;font-weight:500;color:#212121;margin:0 0 24px}.stocktake-container .process-steps{display:flex;flex-direction:column;gap:16px}.stocktake-container .step{background:#fff;border-radius:2px;padding:24px 24px 16px;box-shadow:0 1px 2px #0000001a;transition:all .3s}.stocktake-container .step.completed{border:2px solid #4caf50;background:#f9fff9}.stocktake-container .step.disabled{opacity:.5;pointer-events:none}.stocktake-container .step h2{font-size:18px;font-weight:500;color:#212121;margin:0 0 16px;display:flex;align-items:center;gap:8px}.stocktake-container .step.completed h2:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#4caf50;color:#fff;border-radius:50%;font-size:14px}.stocktake-container .form-group{margin-bottom:16px}.stocktake-container .form-group label{display:block;font-size:14px;color:#878787;margin-bottom:8px;font-weight:500}.stocktake-container .input-wrapper{display:flex;gap:12px;align-items:center}.stocktake-container .form-group input{flex:1;padding:12px 16px;border:1px solid #c2c2c2;border-radius:2px;font-size:14px;color:#212121;transition:all .3s}.stocktake-container .form-group input:focus{border-color:#2874f0;outline:none;box-shadow:0 0 0 2px #2874f01a}.stocktake-container .form-group input:disabled{background:#f5f5f5;color:#999}.stocktake-container .validation-status{margin-top:10px;padding:10px;border-radius:4px;font-size:14px;font-weight:500}.stocktake-container .validation-status.success{background:#e8f5e9;color:#2e7d32}.stocktake-container .unlock-btn{background:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.stocktake-container .unlock-btn:hover{background:#f57c00}.stocktake-container .message{padding:12px 16px;margin-top:12px;border-radius:2px;font-size:14px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.stocktake-container .message.success{background:#e8f5e9;color:#388e3c;border-left:4px solid #4caf50}.stocktake-container .message.error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.stocktake-container .message.info{background:#e3f2fd;color:#1565c0;border-left:4px solid #2196f3}.stocktake-container .message.warning{background:#fff3e0;color:#f57c00;border-left:4px solid #ff9800}.scan-tally{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#e8eaf6;border-radius:4px;margin-bottom:12px}.tally-item{font-size:15px;color:#37474f}.tally-item strong{font-size:18px;color:#1a237e}.tally-divider{color:#bdbdbd;font-size:18px}.scanned-list{margin-top:16px}.scanned-list h3{margin:0 0 12px;font-size:16px;color:#333}.scanned-table-container{max-height:350px;overflow-y:auto;border-radius:4px;border:1px solid #e0e0e0}.scanned-table{width:100%;border-collapse:collapse;background:#fff}.scanned-table th,.scanned-table td{padding:10px 14px;text-align:left;border-bottom:1px solid #eeeeee}.scanned-table th{background:#2874f0;color:#fff;font-weight:600;font-size:13px;position:sticky;top:0;z-index:1}.scanned-table td{font-size:13px;color:#333}.scanned-table tr:hover{background:#f5f5f5}.mono{font-family:Roboto Mono,monospace;font-size:13px}.scan-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.scan-badge.matched{background:#e8f5e9;color:#2e7d32}.scan-badge.reactivated{background:#fff3e0;color:#e65100}.scan-badge.moved{background:#fff8e1;color:#f57f17}.scan-badge.added{background:#e3f2fd;color:#1565c0}.scan-badge.new{background:#f3e5f5;color:#7b1fa2}.scan-stats-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.scan-stat{flex:1;min-width:100px;background:#f5f5f5;border-radius:8px;padding:12px 16px;text-align:center;border:1px solid #e0e0e0}.scan-stat .scan-stat-value{display:block;font-size:28px;font-weight:700;line-height:1.2}.scan-stat .scan-stat-label{display:block;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.scan-stat.matched{background:#e8f5e9;border-color:#a5d6a7}.scan-stat.matched .scan-stat-value{color:#2e7d32}.scan-stat.new{background:#e3f2fd;border-color:#90caf9}.scan-stat.new .scan-stat-value{color:#1565c0}.scan-stat.remaining{background:#fff3e0;border-color:#ffcc80}.scan-stat.remaining .scan-stat-value{color:#e65100}.stocktake-container .action-buttons{display:flex;justify-content:center;gap:16px;padding:24px 0 0}.reset-btn{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0;padding:14px 32px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s}.reset-btn:hover{background:#eee;border-color:#bdbdbd}.stocktake-report-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stocktake-report-modal{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.report-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f5f5f5;border-radius:8px 8px 0 0}.report-header h2{margin:0;font-size:20px;color:#212121}.report-header .close-button{background:none;border:none;font-size:28px;color:#757575;cursor:pointer;padding:0 4px;line-height:1}.report-header .close-button:hover{color:#212121}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:24px}.summary-card{border-radius:8px;padding:20px;text-align:center}.summary-card.matched{background:#e8f5e9;border:1px solid #a5d6a7}.summary-card.missing{background:#ffebee;border:1px solid #ef9a9a}.summary-card.added{background:#e3f2fd;border:1px solid #90caf9}.summary-card.moved{background:#fff3e0;border:1px solid #ffcc80}.summary-number{font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.summary-card.matched .summary-number{color:#2e7d32}.summary-card.missing .summary-number{color:#c62828}.summary-card.added .summary-number{color:#1565c0}.summary-card.moved .summary-number{color:#e65100}.summary-label{font-size:13px;font-weight:600;color:#616161;text-transform:uppercase;letter-spacing:.5px}.report-meta{display:flex;gap:24px;padding:0 24px 16px;font-size:14px;color:#757575}.report-meta strong{color:#212121}.report-table-container{max-height:350px;overflow-y:auto;margin:0 24px 24px;border-radius:4px;border:1px solid #e0e0e0}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:10px 14px;text-align:left;border-bottom:1px solid #eeeeee}.report-table th{background:#37474f;color:#fff;font-weight:600;font-size:13px;position:sticky;top:0;z-index:1}.report-table td{font-size:13px;color:#333}.report-table tr:hover{background:#fafafa}.detail-cell{font-size:12px;color:#757575;max-width:250px}.empty-cell{text-align:center;color:#999;padding:24px!important}.report-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.report-badge.matched{background:#e8f5e9;color:#2e7d32}.report-badge.missing{background:#ffebee;color:#c62828}.report-badge.added{background:#e3f2fd;color:#1565c0}.report-badge.new{background:#f3e5f5;color:#7b1fa2}.report-actions{display:flex;justify-content:center;gap:16px;padding:0 24px 24px}.download-btn{background:#2874f0;color:#fff;border:none;padding:12px 28px;border-radius:4px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s}.download-btn:hover{background:#1e5bc6;transform:translateY(-1px)}.new-stocktake-btn{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0;padding:12px 28px;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s}.new-stocktake-btn:hover{background:#eee}.confirmation-modal .report-header h2{color:#e65100}.confirm-warning{margin:0 24px 16px;padding:12px 16px;background:#fff3e0;border:1px solid #ffcc02;border-left:4px solid #ff9800;border-radius:4px;color:#e65100;font-size:14px;line-height:1.5}.confirm-end-btn{background:#ff5722;color:#fff;border:none;padding:12px 28px;border-radius:4px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s}.confirm-end-btn:hover:not(:disabled){background:#e64a19;transform:translateY(-1px)}.confirm-end-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-confirm-btn{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0;padding:12px 28px;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s}.cancel-confirm-btn:hover:not(:disabled){background:#eee}.report-success-banner{margin:0 24px 16px;padding:14px 18px;background:#e8f5e9;border:1px solid #a5d6a7;border-left:4px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:15px;font-weight:500;line-height:1.4}@media(max-width:768px){.stocktake-container .content-wrapper{padding:16px 12px}.stocktake-container .page-title{font-size:18px}.stocktake-container .step{padding:16px}.scan-tally{flex-direction:column;gap:8px}.scan-stats-bar{gap:8px}.scan-stat{min-width:70px;padding:8px 10px}.scan-stat .scan-stat-value{font-size:22px}.scan-stat .scan-stat-label{font-size:10px}.tally-divider{display:none}.report-summary{grid-template-columns:repeat(2,1fr);padding:16px}.summary-number{font-size:28px}.stocktake-report-modal{width:95%;max-height:95vh}.report-header{padding:16px}.report-header h2{font-size:16px}.report-actions{flex-direction:column;padding:0 16px 16px}.report-table-container{margin:0 16px 16px}.end-stocktake-btn,.reset-btn{padding:12px 20px;font-size:14px}.stocktake-container .action-buttons{flex-direction:column;align-items:stretch}}@media(max-width:480px){.report-summary{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.summary-card{padding:12px}.summary-number{font-size:24px}.summary-label{font-size:11px}.scan-stats-bar{grid-template-columns:repeat(2,1fr);gap:6px}.scan-stat{min-width:unset;padding:6px 8px}.scan-stat .scan-stat-value{font-size:20px}}.session-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f4433626;color:#fff;border:1px solid rgba(244,67,54,.4);border-radius:20px;font-size:13px;font-weight:600;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px #f4433633}50%{box-shadow:0 0 12px #f4433680}}.session-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffcc80;border-left:5px solid #ff9800;border-radius:8px;margin-bottom:16px}.session-banner-info{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#4e342e}.stocktake-start-section{max-width:600px;margin:40px auto}.start-prompt{background:#fff;border-radius:8px;padding:40px;text-align:center;box-shadow:0 2px 8px #00000014}.start-prompt h2{margin:0 0 12px;font-size:22px;color:#212121}.start-prompt p{margin:0 0 24px;font-size:15px;color:#616161;line-height:1.6}.start-stocktake-btn{background:linear-gradient(135deg,#ff5722,#e64a19);color:#fff;border:none;padding:14px 36px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 3px 12px #ff57224d}.start-stocktake-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff572266}.start-stocktake-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.completed-bins-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;margin-bottom:16px;font-size:13px;color:#2e7d32}.completed-bin-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid #a5d6a7;border-radius:16px;font-size:12px;font-weight:600;color:#1b5e20;font-family:Roboto Mono,monospace}.confirm-bin-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;padding:14px 32px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 2px 6px #4caf504d}.confirm-bin-btn:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#2e7d32);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.confirm-bin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.scanned-list-compact{max-height:300px;overflow-y:auto;margin-top:12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff}.scanned-item-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #f5f5f5;font-size:13px}.scanned-item-row:last-child{border-bottom:none}.scanned-item-row:hover{background:#fafafa}.scanned-item-num{color:#999;font-size:11px;min-width:24px;text-align:right}.end-stocktake-btn{background:#f44336;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap}.end-stocktake-btn:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px)}.end-stocktake-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.session-banner{flex-direction:column;gap:12px;align-items:stretch}.session-banner .end-stocktake-btn{align-self:center}.start-prompt{padding:24px 16px}.completed-bins-bar{font-size:12px}.scanned-list-compact{max-height:200px}}.reports-dropdown-wrapper{position:relative}.reports-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.reports-btn:hover{background:#ffffff40}.reports-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border-radius:11px;font-size:12px;font-weight:700;line-height:1;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reports-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:420px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:100;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reports-dropdown-header{padding:14px 16px 10px;border-bottom:1px solid #e2e8f0}.reports-dropdown-header h4{margin:0;font-size:15px;color:#1a202c}.reports-loading,.reports-empty{padding:24px 16px;text-align:center;color:#718096;font-size:14px}.reports-list{max-height:350px;overflow-y:auto}.report-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;border-bottom:1px solid #f0f0f0;background:#fff;cursor:pointer;text-align:left;transition:background .15s}.report-item:hover{background:#f7fafc}.report-item:disabled{opacity:.6;cursor:wait}.report-item-unread{background:#fffbe6;border-left:3px solid #f6ad55}.report-item-read{background:#fff;border-left:3px solid transparent;opacity:.75}.unread-dot{display:inline-block;width:8px;height:8px;background:#f6ad55;border-radius:50%;margin-right:6px;flex-shrink:0;vertical-align:middle}.report-item-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.report-item-name{font-size:13px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.report-item-meta{font-size:11px;color:#718096}.report-item-stats{font-size:11px;color:#4a5568;display:flex;gap:8px}.report-item-actions{display:flex;align-items:center;gap:6px;margin-left:10px;flex-shrink:0}.report-download-btn,.report-markread-btn{border:none;background:none;cursor:pointer;font-size:16px;padding:4px 6px;border-radius:6px;transition:background .15s}.report-download-btn:hover{background:#e2e8f0}.report-markread-btn{font-size:14px;font-weight:700;color:#38a169}.report-markread-btn:hover{background:#c6f6d5}.report-download-btn:disabled{opacity:.5;cursor:wait}.report-item-icon{font-size:18px;margin-left:12px;flex-shrink:0}@media(max-width:480px){.reports-dropdown{width:300px;right:-8px}.reports-btn{padding:6px 10px;font-size:13px}}.App{min-height:100vh;background:#f1f3f6;padding:0;margin:0;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto}html{overflow-x:hidden;scroll-behavior:smooth}::selection{background-color:#2874f033;color:inherit}*{-webkit-tap-highlight-color:rgba(40,116,240,.1)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px}@media(max-width:768px){body{font-size:14px}}@media(max-width:480px){body{font-size:13px}}*:focus-visible{outline:2px solid #2874f0;outline-offset:2px}@media screen and (max-width:768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],textarea,select{font-size:16px!important}}