#global-drop-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(15,17,23,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease,visibility 0.2s ease}#global-drop-overlay.drop-active{opacity:1;visibility:visible;pointer-events:auto}.drop-overlay-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:48px 64px;border-radius:24px;border:2px dashed rgba(255,255,255,0.35);background:rgba(255,255,255,0.04);transform:scale(0.94);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}#global-drop-overlay.drop-active .drop-overlay-inner{transform:scale(1)}.drop-overlay-icon{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent,#0078d4);color:#fff;font-size:2.4rem;box-shadow:0 12px 40px rgba(0,120,212,0.45);animation:dropPulse 1.6s ease-in-out infinite}@keyframes dropPulse{0%,100%{transform:translateY(0);box-shadow:0 12px 40px rgba(0,120,212,0.45)}50%{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,120,212,0.55)}}.drop-overlay-title{color:#fff;font-size:1.3rem;font-weight:700;text-align:center;font-family:'Sora',sans-serif}.drop-overlay-sub{color:rgba(255,255,255,0.7);font-size:0.9rem;text-align:center;font-family:'Sora',sans-serif}@media (prefers-reduced-motion:reduce){#global-drop-overlay,.drop-overlay-inner,.drop-overlay-icon{transition:none !important;animation:none !important}}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-form-primary,.btn-form-secondary,.btn-pricing,.btn-pricing-primary,.btn-pricing-secondary,.header-btn,.nav-action-btn,.quick-btn,.action-btn,.icon-btn,.nav-link,.sub-nav-tab,.filter-pill,.settings-link-btn,.close-modal-btn,.modal-close-float{transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),background 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-danger:active,.btn-form-primary:active,.btn-form-secondary:active,.btn-pricing:active,.btn-pricing-primary:active,.btn-pricing-secondary:active,.header-btn:active,.nav-action-btn:active,.icon-btn:active,.nav-link:active,.sub-nav-tab:active,.filter-pill:active,.settings-link-btn:active,.close-modal-btn:active,.modal-close-float:active{transform:scale(1.04)}.quick-btn:active,.quick-btn:hover:active,.action-btn:active{transform:scale(1.03) translateY(-1px)}@media (prefers-reduced-motion:reduce){.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-form-primary,.btn-form-secondary,.btn-pricing,.btn-pricing-primary,.btn-pricing-secondary,.header-btn,.nav-action-btn,.quick-btn,.action-btn,.icon-btn,.nav-link,.sub-nav-tab,.filter-pill,.settings-link-btn,.close-modal-btn,.modal-close-float{transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-danger:active,.btn-form-primary:active,.btn-form-secondary:active,.btn-pricing:active,.btn-pricing-primary:active,.btn-pricing-secondary:active,.header-btn:active,.nav-action-btn:active,.quick-btn:active,.action-btn:active,.icon-btn:active,.nav-link:active,.sub-nav-tab:active,.filter-pill:active,.settings-link-btn:active,.close-modal-btn:active,.modal-close-float:active{transform:none}}.nav-notif-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:0.6rem;font-weight:700;font-family:'JetBrains Mono',monospace;text-align:center;line-height:18px;flex-shrink:0;animation:notifPop 0.3s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes notifPop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}#btn-header-notif{position:relative}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:0.55rem;font-weight:700;font-family:'JetBrains Mono',monospace;text-align:center;line-height:16px;border:2px solid var(--surface);pointer-events:none;animation:notifPop 0.3s cubic-bezier(0.34,1.56,0.64,1) both}.notif-panel{position:absolute;top:100%;margin-top:18px;right:0;width:340px;max-width:calc(100vw - 28px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);z-index:500;overflow:hidden;animation:panelSlideIn 0.2s cubic-bezier(0.2,0,0,1) both}@keyframes panelSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--border)}.notif-panel-title{font-size:0.85rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.notif-panel-title i{color:var(--accent);font-size:0.9rem}.notif-mark-read{font-size:0.7rem;color:var(--accent);cursor:pointer;font-weight:600;border:none;background:none;padding:4px 8px;border-radius:6px;transition:background 0.15s;font-family:'Sora',sans-serif}.notif-mark-read:hover{background:var(--accent-soft)}.notif-list{max-height:360px;overflow-y:auto;scrollbar-width:thin}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background 0.15s;cursor:pointer;width:100%;text-align:left;border-left:none;border-right:none;border-top:none;background:transparent}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface2)}.notif-item.unread{background:rgba(0,120,212,0.04)}.notif-item.unread::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 2px 2px 0}.notif-item{position:relative}.notif-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.8rem;flex-shrink:0;margin-top:1px}.notif-icon.icon-parcel{background:rgba(0,120,212,0.12);color:var(--accent)}.notif-icon.icon-order{background:rgba(78,201,176,0.12);color:var(--success)}.notif-icon.icon-alert{background:rgba(244,71,71,0.12);color:var(--danger)}.notif-icon.icon-system{background:rgba(86,156,214,0.12);color:var(--info)}.notif-icon.icon-default{background:var(--surface2);color:var(--text3)}.notif-content{flex:1;min-width:0}.notif-row1{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.notif-type{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;color:var(--text3);white-space:nowrap}.notif-time{font-size:0.65rem;color:var(--text3);white-space:nowrap;font-family:'JetBrains Mono',monospace;flex-shrink:0}.notif-msg{font-size:0.78rem;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-ref{font-size:0.68rem;color:var(--accent);font-family:'JetBrains Mono',monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-empty{padding:36px 16px;text-align:center;color:var(--text3);font-size:0.8rem}.notif-empty i{display:block;font-size:1.8rem;margin-bottom:10px;opacity:0.3}.notif-panel-footer{padding:10px 16px;border-top:1px solid var(--border);text-align:center}.notif-footer-link{font-size:0.75rem;color:var(--accent);cursor:pointer;font-weight:600;border:none;background:none;font-family:'Sora',sans-serif;padding:4px 8px;border-radius:6px;transition:background 0.15s}.notif-footer-link:hover{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){.nav-notif-badge,.bell-badge,.notif-panel{animation:none !important}}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:299;opacity:0;pointer-events:none;transition:opacity 0.28s ease}.sidebar-overlay.overlay-visible{opacity:1;pointer-events:auto}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;background:var(--surface2);border-radius:10px;color:var(--text);font-size:1rem;cursor:pointer;transition:background 0.15s ease,transform 0.25s cubic-bezier(0.34,1.56,0.64,1);-webkit-tap-highlight-color:transparent}.mobile-menu-btn:active{transform:scale(0.92);background:var(--accent-soft)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(64px+env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);z-index:200;align-items:stretch}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;color:var(--text3);font-size:0.6rem;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;cursor:pointer;border:none;background:none;padding:8px 2px;min-height:44px;font-family:'Sora',sans-serif;transition:color 0.18s ease,transform 0.25s cubic-bezier(0.34,1.56,0.64,1);-webkit-tap-highlight-color:transparent;position:relative}.mobile-nav-item:active{transform:scale(0.88)}.mobile-nav-item i{font-size:1.2rem;transition:transform 0.2s ease}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item.active i{transform:scale(1.15)}.mobile-nav-item.active::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.mobile-nav-badge{position:absolute;top:2px;left:50%;margin-left:5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger,#ef4444);color:#fff;font-size:0.58rem;font-weight:700;line-height:1;box-sizing:border-box;pointer-events:none;z-index:2}@media (max-width:1023px){:root{--sidebar-w:64px}.sidebar{width:64px;overflow:hidden;transition:width 0.28s cubic-bezier(0.4,0,0.2,1)}.logo-text,.logo-badge,.sidebar-label,.nav-link span:not(.nav-icon),.nav-badge,.sidebar-footer .user-info,.sidebar-footer .fa-ellipsis,.sidebar-footer .theme-label,.theme-toggle-premium,.theme-toggle-container{display:none !important}.sidebar-logo{padding:18px 0;justify-content:center}.sidebar-section{padding:10px 6px 4px}.nav-link{justify-content:center;padding:10px 0;gap:0;border-radius:10px}.nav-icon{width:auto;font-size:1.05rem}.sidebar-footer{padding:10px 6px 14px}.sidebar-footer .user-mini{justify-content:center;padding:8px 0}.user-avatar{margin:0 auto}.main-content{margin-left:64px}.content{padding:20px}.header{padding:0 20px}.header-search-bar input{width:140px}.charts-row,.dash-bottom{grid-template-columns:1fr !important}}@media (max-width:767px){:root{--sidebar-w:0px}html,body{overflow-x:hidden;max-width:100vw}.main-content,.content,.view,.view-shell,.glass,.card,.panel,.kpi-grid,.dashboard-grid{max-width:100%;box-sizing:border-box}.quick-actions,.table-wrapper,.parcel-table-wrap,.data-table-wrap,.forecast-table-wrap,.order-receive-table-wrap,.secondary-nav .nav-actions,.ops-pipeline,.ops-detail-chips{max-width:100%}.ops-detail-chips{grid-template-columns:repeat(2,minmax(0,1fr)) !important}img,canvas,video{max-width:100%;height:auto}.sidebar{width:260px;transform:translateX(-260px);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease;z-index:300;box-shadow:none;overflow-y:auto;overflow-x:hidden}.sidebar.sidebar-open{transform:translateX(0);box-shadow:6px 0 40px rgba(0,0,0,0.6)}.logo-text,.logo-badge,.sidebar-label,.nav-link span:not(.nav-icon),.nav-badge,.sidebar-footer .user-info,.sidebar-footer .fa-ellipsis,.sidebar-footer .theme-label,.theme-toggle-premium,.theme-toggle-container{display:revert !important}.sidebar-logo{padding:20px 18px 18px;justify-content:flex-start}.logo-badge{margin-left:auto;display:inline-flex !important}.sidebar-section{padding:16px 10px 4px}.nav-link{justify-content:flex-start;padding:8px 10px;gap:9px}.nav-icon{width:17px;font-size:0.82rem}.sidebar-footer{padding:12px 10px 16px}.sidebar-footer .user-mini{justify-content:flex-start}.sidebar-overlay{display:block}.main-content{margin-left:0;padding-bottom:calc(64px+env(safe-area-inset-bottom,0px))}.header{height:56px;padding:0 14px;gap:10px}.header-greeting{display:none}.header-title{font-size:0.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.mobile-menu-btn{display:flex !important}.search-shortcut{display:none}.header-search-bar{min-width:0}.header-search-bar input{width:100px;min-width:0}.content{padding:14px}.quick-actions{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-btn{flex-shrink:0;min-width:80px}.sub-nav-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:2px}.sub-nav-tab{flex:0 0 auto;white-space:nowrap}.table-wrapper,.parcel-table-wrap,.data-table-wrap,.forecast-table-wrap,.order-receive-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.so-header,.so-stats,.so-detail-top{flex-direction:column;align-items:stretch}.so-list-card,.supplier-followup-card,#order-detail-card{max-height:none;min-height:0}.secondary-nav .nav-actions{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.secondary-nav .nav-actions::-webkit-scrollbar{display:none}.modal-box,.modal-content{width:100% !important;max-width:100% !important;margin:0 !important;border-radius:16px 16px 0 0 !important;position:fixed !important;bottom:0 !important;left:0 !important;top:auto !important;transform:none !important;max-height:92vh;overflow-y:auto}.notif-panel{right:10px;left:10px;width:auto;max-width:none}.forecast-score-grid,.forecast-subscores{grid-template-columns:1fr !important}.mobile-bottom-nav{display:flex !important}body.sidebar-drawer-open{overflow:hidden}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-overlay,.mobile-menu-btn,.mobile-nav-item,.mobile-nav-item i{transition:none !important;animation:none !important}}