.mobile-header{display:none}@media (max-width: 768px){.mobile-header{display:block;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 8px #0000001a;margin:-8px -8px 12px}.mobile-header-top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.mobile-back-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease}.mobile-back-btn:active{transform:scale(.9);background:#ffffff4d}.mobile-header-title{flex:1;min-width:0}.container-ref{display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-name{font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);flex-shrink:0}.stats-badge{background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.stats-badge:active{transform:scale(.95);background:#ffffff59}.tab-indicator-text{font-size:13px;font-weight:500;opacity:.9;white-space:nowrap}.mobile-header-actions{display:flex;gap:8px}.mobile-icon-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease}.mobile-icon-btn:active{transform:scale(.9);background:#ffffff4d}.mobile-progress-bar{padding:0 16px 8px;background:linear-gradient(135deg,#1890ff,#40a9ff)}.mobile-progress-bar .ant-progress-line{margin:0}.mobile-progress-bar .ant-progress-bg{background:#fff!important;height:4px!important}.mobile-search-bar{padding:12px 16px;background:#fff}.mobile-search-bar .ant-input-affix-wrapper{border-radius:12px;border:2px solid #f0f0f0;transition:all .3s ease}.mobile-search-bar .ant-input-affix-wrapper.scanning{border-color:#52c41a;background:#f6ffed}.mobile-search-bar .ant-input-affix-wrapper:focus,.mobile-search-bar .ant-input-affix-wrapper-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.mobile-search-bar .ant-input{font-size:16px}.mobile-scan-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f6ffed,#d9f7be);border-top:1px solid #b7eb8f;border-bottom:1px solid #b7eb8f;color:#389e0d;font-weight:500;font-size:13px;animation:scanBannerPulse 2s ease-in-out infinite}@keyframes scanBannerPulse{0%,to{background:linear-gradient(135deg,#f6ffed,#d9f7be)}50%{background:linear-gradient(135deg,#d9f7be,#f6ffed)}}.mobile-scan-banner .scan-icon{font-size:16px;animation:scanRotate 2s linear infinite}@keyframes scanRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@media (min-width: 769px){.mobile-header{display:none!important}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -2px 8px #0000001a;z-index:1000;height:64px;padding:0;justify-content:space-around;align-items:center}.mobile-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:8px 4px;cursor:pointer;transition:all .3s ease;color:#8c8c8c;font-size:12px;position:relative}.mobile-bottom-nav .nav-item:active:not(:disabled){transform:scale(.95);background:#f5f5f5}.mobile-bottom-nav .nav-item.active,.mobile-bottom-nav .nav-item.active .nav-icon{color:#1890ff}.mobile-bottom-nav .nav-item:disabled{opacity:.6;cursor:default}.mobile-bottom-nav .nav-progress{cursor:pointer!important}.mobile-bottom-nav .nav-icon{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;min-height:24px}.mobile-bottom-nav .nav-label{font-weight:500;font-size:11px;line-height:1}.mobile-bottom-nav .nav-scan{position:relative}.mobile-bottom-nav .nav-scan .scan-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1890ff4d;margin-bottom:-8px;margin-top:-16px}.mobile-bottom-nav .nav-scan.scanning .scan-icon{background:linear-gradient(135deg,#52c41a,#73d13d);animation:scanPulse 2s ease-in-out infinite}@keyframes scanPulse{0%,to{box-shadow:0 4px 12px #52c41a4d}50%{box-shadow:0 4px 20px #52c41a99}}.mobile-bottom-nav .nav-scan:active .scan-icon{transform:scale(.9)}.mobile-bottom-nav .nav-scan.scanning .nav-label{color:#52c41a;font-weight:600}.mobile-bottom-nav .nav-progress .nav-label{font-weight:600;font-size:10px}.mobile-bottom-nav .nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:#1890ff;border-radius:0 0 3px 3px}.mobile-bottom-nav .ant-badge{display:inline-flex}.mobile-bottom-nav .ant-badge-count{font-size:10px;height:18px;min-width:18px;line-height:18px;padding:0 4px}}@media (min-width: 769px){.mobile-bottom-nav{display:none!important}}.container-overview-modal .ant-modal{top:0;padding:0;margin:0;max-width:100vw}.container-overview-modal .ant-modal-content{border-radius:0;max-height:100vh}.container-overview-modal .ant-modal-body{padding:0;max-height:calc(100vh - 120px);overflow-y:auto}.overview-title{font-size:16px;font-weight:600;color:#1890ff}.overview-content{padding:16px}.overview-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.overview-section:last-of-type{border-bottom:none}.section-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.progress-details{margin-top:8px;font-size:12px;color:#666;display:flex;flex-direction:column;gap:4px}.action-buttons{margin-top:16px;display:flex;flex-direction:column;gap:8px}.products-overview{display:flex;flex-direction:column;gap:12px}.booking-overview{background:#fafafa;border-radius:8px;padding:12px;border:1px solid #f0f0f0}.booking-header-compact{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.booking-ref{font-weight:600;font-size:12px;color:#1890ff}.booking-company{font-size:11px;color:#666;flex:1;min-width:100px}.products-grid-compact{display:flex;flex-direction:column;gap:6px}.product-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;border:1px solid #e8e8e8;font-size:11px;transition:all .2s ease}.product-chip.completed{background:#f6ffed;border-color:#b7eb8f}.product-chip.pending{background:#fff7e6;border-color:#ffd591}.product-icon{font-size:14px;flex-shrink:0}.product-icon.success{color:#52c41a}.product-icon.pending{color:#fa8c16}.product-name-short{flex:1;font-weight:500;color:#333;word-break:break-word;line-height:1.3}.product-ean-suffix{font-family:monospace;color:#1890ff;font-weight:600;font-size:10px}.product-count{font-weight:600;color:#1890ff;font-size:11px;flex-shrink:0;background:#f0f5ff;padding:2px 8px;border-radius:4px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{text-align:center;padding:16px 8px;background:linear-gradient(135deg,#f0f5ff,#e6f7ff);border-radius:8px;border:1px solid #91d5ff}.stat-value{font-size:24px;font-weight:700;color:#1890ff;line-height:1;margin-bottom:4px}.stat-label{font-size:11px;color:#666;font-weight:500}@media (max-width: 768px){.container-overview-modal .ant-modal{height:100vh}.container-overview-modal .ant-modal-content{height:100vh;display:flex;flex-direction:column}.container-overview-modal .ant-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.container-overview-modal .ant-modal-header{flex-shrink:0;border-bottom:1px solid #f0f0f0}}@media (min-width: 769px){.container-overview-modal .ant-modal{max-width:600px;top:50px}.container-overview-modal .ant-modal-content{border-radius:8px}}@media (max-width: 768px){.container-unloading-page{padding:8px 8px 80px!important}.ant-card{border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;margin-bottom:12px!important}.ant-btn{min-height:44px!important;border-radius:8px!important;font-weight:500!important}.ant-btn-sm{min-height:36px!important;padding:4px 12px!important}.ant-input,.ant-select-selector,.ant-picker{min-height:44px!important;border-radius:8px!important;font-size:16px!important}.ant-input-number{width:100%!important}.ant-input-number-input{min-height:44px!important;font-size:16px!important}.mobile-tabs .ant-tabs-nav{display:none!important}.mobile-tabs .ant-tabs-content-holder{display:block!important}.mobile-section-header{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:12px;background:linear-gradient(135deg,#f0f5ff,#e6f7ff);border-left:4px solid #1890ff;border-radius:8px;font-weight:600}.mobile-section-header .section-icon{font-size:20px;line-height:1}.mobile-section-header .section-title{flex:1;font-size:15px;color:#1890ff}.mobile-section-header .section-count{font-size:13px;color:#666;background:#fff;padding:4px 10px;border-radius:12px;border:1px solid #d9d9d9}.mobile-section-header.storage{background:linear-gradient(135deg,#fff7e6,#ffe7ba);border-left-color:#fa8c16}.mobile-section-header.storage .section-title{color:#fa8c16}.mobile-booking-card{border-radius:12px!important;overflow:hidden!important;margin-bottom:12px!important}.mobile-booking-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:12px!important;background:#fafafa!important;border-bottom:1px solid #f0f0f0!important;min-height:68px!important}.booking-header-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.booking-header-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.booking-header-secondary{display:flex;flex-direction:column;gap:2px}.booking-header-expand{flex-shrink:0;font-size:16px;line-height:1;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:1px solid #d9d9d9}.mobile-booking-content{padding:12px!important}.mobile-product-row{padding:12px!important;border-bottom:1px solid #f5f5f5!important;background:#fff!important;border-radius:8px!important;margin-bottom:8px!important}.mobile-product-controls{display:flex!important;gap:8px!important;align-items:center!important;justify-content:space-between!important;margin-top:8px!important}.mobile-counter-btn{min-width:44px!important;min-height:44px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:700!important}.mobile-counter-display{min-width:80px!important;text-align:center!important;font-size:18px!important;font-weight:700!important;padding:8px 16px!important;background:#f5f5f5!important;border-radius:8px!important;border:2px solid #d9d9d9!important}.ant-modal-wrap{padding-top:0!important}.ant-modal{top:0!important;padding-top:0!important;margin:0!important}.mobile-modal .ant-modal{max-width:100vw!important;margin:0!important;padding:0!important;height:100vh!important}.mobile-modal .ant-modal-content{height:100vh!important;border-radius:0!important;display:flex!important;flex-direction:column!important}.mobile-modal .ant-modal-body{flex:1!important;overflow-y:auto!important;padding:16px!important}.mobile-modal .ant-modal-header{border-radius:0!important;border-bottom:1px solid #f0f0f0!important;padding:16px!important}.mobile-modal .ant-modal-footer{border-top:1px solid #f0f0f0!important;padding:16px!important}.compact-modal .ant-modal{height:auto!important;top:0!important;transform:none!important;max-height:100vh!important;margin-top:0!important}.compact-modal .ant-modal-content{height:auto!important;max-height:100vh!important;border-radius:0!important}.compact-modal .ant-modal-body{flex:none!important;max-height:calc(100vh - 150px)!important}.shipment-modal .ant-modal{top:0!important;padding-top:0!important;margin-top:0!important;transform:none!important}.shipment-modal .ant-modal-content{border-radius:0!important}.shipment-modal .ant-card-body>.ant-card:first-child{display:none!important}.shipment-modal .ant-descriptions,.shipment-modal .ant-collapse{display:none!important}.shipment-modal .ant-row{display:flex!important;flex-direction:column!important;gap:6px!important}.shipment-modal .ant-col{flex:0 0 100%!important;max-width:100%!important;width:100%!important}.shipment-modal .ant-card{margin-bottom:0!important;cursor:pointer!important}.shipment-modal .ant-card-head{display:none!important}.shipment-modal .ant-card-body{padding:10px 12px!important;min-height:auto!important}.shipment-modal .ant-card.ant-card-bordered{border-radius:8px!important;border:2px solid #d9d9d9!important;transition:all .2s ease!important;position:relative!important}.shipment-modal .ant-card.ant-card-bordered:hover{border-color:#1890ff!important;background:#f0f5ff!important}.shipment-modal .ant-card.ant-card-bordered:active{transform:scale(.98)!important}.shipment-modal .ant-card.ant-card-bordered[style*="border: 2px solid rgb(24, 144, 255)"],.shipment-modal .ant-card.ant-card-bordered[style*="border: 2px solid #1890ff"]{box-shadow:0 4px 12px #1890ff4d!important}.shipment-creation-section{scroll-margin-top:80px}.shipment-modal .ant-space{gap:4px!important}.shipment-modal .ant-typography{font-size:12px!important;line-height:1.3!important;margin:0!important}.shipment-modal .ant-tag{font-size:10px!important;padding:2px 6px!important;margin:0!important}.shipment-modal img{max-height:24px!important;max-width:50px!important;object-fit:contain!important}.desktop-only{display:none!important}.mobile-scan-banner{position:sticky!important;top:0!important;z-index:20!important;border-radius:0!important;margin:0!important;box-shadow:0 2px 8px #0000001a!important}.mobile-progress{padding:8px 16px!important;background:#fff!important;border-radius:8px!important;margin-bottom:8px!important}.ant-form-item{margin-bottom:16px!important}.ant-form-item-label{font-weight:500!important;font-size:14px!important}.mobile-search{display:block!important;position:sticky!important;top:0!important;z-index:15!important;background:#fff!important;padding:8px!important}.mobile-product-row.highlighted{transform:scale(1.05)!important;animation:pulseHighlight 2s ease-in-out infinite!important;border:3px solid #ff4d4f!important;box-shadow:0 0 20px #ff4d4f66!important;z-index:100!important;position:relative!important;background:linear-gradient(45deg,#fff1f0,#fff)!important}@keyframes pulseHighlight{0%,to{box-shadow:0 0 20px #ff4d4f66;border-color:#ff4d4f}50%{box-shadow:0 0 30px #ff4d4fcc;border-color:#ff7875}}.mobile-delivery-status{position:absolute!important;top:-2px!important;right:-2px!important;z-index:101!important;font-size:16px!important;font-weight:700!important;padding:8px 12px!important;border-radius:12px!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;box-shadow:0 2px 8px #0003!important;animation:statusBounce 1s ease-in-out!important}.mobile-delivery-status.delivery{background:linear-gradient(45deg,#1890ff,#40a9ff)!important}.mobile-delivery-status.storage{background:linear-gradient(45deg,#fa8c16,#ffa940)!important}@keyframes statusBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mobile-product-row.highlighted .mobile-product-name{font-size:18px!important;font-weight:700!important;color:#1890ff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.mobile-product-row.highlighted .mobile-product-count{font-size:20px!important;font-weight:700!important;background:linear-gradient(45deg,#52c41a,#73d13d)!important;color:#fff!important;padding:8px 16px!important;border-radius:12px!important;box-shadow:0 2px 8px #52c41a4d!important}.mobile-product-row.highlighted .mobile-counter-display{font-size:22px!important;background:linear-gradient(45deg,#722ed1,#9254de)!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px #722ed14d!important}.ant-message .ant-message-notice-content{border-radius:12px!important;box-shadow:0 4px 16px #00000026!important;border:2px solid transparent!important}.ant-message-success .ant-message-notice-content{border-color:#52c41a!important}.ant-message-info .ant-message-notice-content{border-color:#1890ff!important}@keyframes scanSuccess{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.ant-message-success,.ant-message-info{animation:scanSuccess .4s ease-out!important}.ant-tag{border-radius:6px!important;font-weight:500!important;padding:2px 8px!important}.mobile-booking-steps,.mobile-booking-steps.ant-steps,.mobile-booking-steps.ant-steps-horizontal,.mobile-booking-steps.ant-steps-small{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}.mobile-booking-steps.ant-steps-vertical{flex-direction:row!important}.mobile-booking-steps .ant-steps-item{flex:1!important;padding-left:0!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;margin:0!important}.mobile-booking-steps .ant-steps-item-container{display:flex!important;flex-direction:row!important;align-items:center!important}.mobile-booking-steps .ant-steps-item-icon{width:20px!important;height:20px!important;line-height:20px!important;font-size:10px!important;margin-right:6px!important;flex-shrink:0!important}.mobile-booking-steps .ant-steps-item-title{font-size:11px!important;line-height:1.2!important;padding-right:8px!important;white-space:nowrap!important}.mobile-booking-steps .ant-steps-item-content{min-width:auto!important;display:inline-flex!important;flex-direction:row!important}.mobile-booking-steps .ant-steps-item-tail{padding:0 4px!important;margin-left:4px!important;top:10px!important}.mobile-booking-steps .ant-steps-item-tail:after{height:2px!important;background:#d9d9d9!important}}@media (max-width: 896px) and (orientation: landscape){.container-unloading-page{padding:4px!important}.mobile-tabs .ant-tabs-nav{padding:4px 0!important}.mobile-booking-header,.mobile-booking-content,.mobile-product-row{padding:8px!important}}@media (min-width: 769px){.container-unloading-page{padding:16px!important}.mobile-booking-card{max-width:100%!important;margin:0 0 16px!important}.mobile-section-header{display:none!important}.shipment-modal .ant-descriptions{display:table!important}.shipment-modal .ant-collapse{display:block!important}.shipment-modal .ant-row{flex-direction:row!important;flex-wrap:wrap!important}.shipment-modal .ant-col{flex:0 0 auto!important;max-width:none!important}.mobile-tabs .ant-tabs-nav{display:flex!important;padding:0!important;margin-bottom:16px!important;position:sticky!important;top:0!important;z-index:10!important;background:#fff!important}.mobile-tabs .ant-tabs-tab{flex:none!important;min-width:160px!important;min-height:48px!important;padding:12px 32px!important;border-radius:8px!important;font-weight:500!important;margin:0 4px!important;border:2px solid #f0f0f0!important;transition:all .3s ease!important}.mobile-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,#1890ff,#40a9ff)!important;color:#fff!important;border-color:#1890ff!important;box-shadow:0 4px 12px #1890ff4d!important}.mobile-tabs .ant-tabs-tab-active .ant-badge{color:#fff!important}.mobile-tabs .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#f0f0f0!important;border-color:#d9d9d9!important}}.mobile-scroll-container{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}@media (prefers-color-scheme: dark){.mobile-booking-header{background:#1f1f1f!important;border-bottom-color:#303030!important}.mobile-product-row{background:#141414!important;border-bottom-color:#303030!important}.mobile-counter-display{background:#262626!important;border-color:#434343!important;color:#fff!important}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}