@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@400;700;900&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-display:"Outfit", "Pretendard", sans-serif;--font-sans:"Inter", "Pretendard", sans-serif;--font-ui:"Plus Jakarta Sans", "Pretendard", sans-serif}:root,[data-theme=dark]{--bg-primary:#070913;--bg-secondary:#0f1322;--bg-card:#161d31a6;--bg-card-hover:#1e2945d9;--bg-sidebar:#0b0e1a;--bg-sidebar-user:#ffffff08;--bg-btn-secondary:#ffffff0d;--bg-toast:#0f172ad9;--border-color:#ffffff14;--border-glow:#6366f133;--primary-color:#6366f1;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--secondary-gradient:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--accent-gradient:linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);--dark-gradient:linear-gradient(180deg, #111827 0%, #030712 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-success:#10b981;--color-success-bg:#10b9811f;--color-success-border:#10b98140;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-warning-border:#f59e0b40;--color-danger:#f43f5e;--color-danger-bg:#f43f5e1f;--color-danger-border:#f43f5e40;--color-info:#0ea5e9;--color-info-bg:#0ea5e91f;--color-info-border:#0ea5e940;--row-wms-bg:#6366f129;--row-wms-color:#a5b4fc;--row-wms-processed-bg:#10b9811f;--row-wms-processed-color:#34d399;--row-invalid-bg:#f43f5e26;--row-invalid-color:#fda4af;--row-excluded-bg:#ffffff05;--row-excluded-color:#64748b;--bg-table-header:#0b0e1a;--bg-input:#ffffff0a}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--bg-sidebar:#fff;--bg-sidebar-user:#0f172a08;--bg-btn-secondary:#0f172a0d;--bg-toast:#fffffff2;--border-color:#0f172a14;--border-glow:#6366f140;--primary-color:#4f46e5;--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);--secondary-gradient:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--accent-gradient:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--dark-gradient:linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-success:#059669;--color-success-bg:#0596691a;--color-success-border:#05966940;--color-warning:#d97706;--color-warning-bg:#d977061a;--color-warning-border:#d9770640;--color-danger:#e11d48;--color-danger-bg:#e11d481a;--color-danger-border:#e11d4840;--color-info:#0284c7;--color-info-bg:#0284c71a;--color-info-border:#0284c740;--row-wms-bg:#4f46e51f;--row-wms-color:#3730a3;--row-wms-processed-bg:#0596690f;--row-wms-processed-color:#065f46;--row-invalid-bg:#e11d481a;--row-invalid-color:#9f1239;--row-excluded-bg:#0f172a08;--row-excluded-color:#64748b;--bg-table-header:#f1f5f9;--bg-input:#0f172a0a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;padding:2.5rem 1.25rem;display:flex;overflow-y:auto}.sidebar h2{font-family:var(--font-display);letter-spacing:-.025em;background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.sidebar-header{margin-bottom:2rem;padding:0 .5rem}.sidebar-user{font-family:var(--font-ui);color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem}.sidebar-user span{color:var(--text-primary);font-weight:600}.nav-links{flex-direction:column;flex:1;gap:.35rem;padding:0;list-style:none;display:flex}.nav-links li{margin-bottom:0}.nav-links a,.nav-links button.nav-link-btn{font-family:var(--font-ui);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1rem;font-size:.925rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-links a:hover,.nav-links button.nav-link-btn:hover{color:var(--text-primary);background-color:#ffffff0a}.nav-links a.active{color:#fff;background:var(--primary-gradient);border:1px solid #ffffff26;box-shadow:0 4px 15px #6366f14d}.btn-logout{font-family:var(--font-ui);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-logout:hover{color:var(--color-danger);background:#f43f5e1a;border-color:#f43f5e4d}.main-content{background-color:var(--bg-primary);background-image:radial-gradient(at 0 0,#6366f108 0,#0000 50%),radial-gradient(at 50% 0,#10b98103 0,#0000 50%);flex:1;position:relative;overflow-y:auto}.main-content>div{max-width:1600px;margin:0 auto;padding:2.5rem}.header{margin-bottom:2.5rem}.header h1{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800}h2{font-family:var(--font-display);color:var(--text-primary);font-weight:700}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 30px #0003}.card:before{content:"";background:0 0;height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d,0 0 15px #6366f11a}.card h3{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.card .value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.85rem;font-weight:800}.table-container{border:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-radius:16px;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 30px #0003}.order-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem}.order-table th,.order-table td{text-align:left;border-bottom:1px solid var(--border-color);font-family:var(--font-sans);vertical-align:middle;padding:.65rem .85rem}.order-table th{color:var(--text-secondary);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;z-index:10;box-shadow:inset 0 -1px 0 var(--border-color);font-size:.775rem;font-weight:600;position:sticky;top:0;background-color:var(--bg-table-header)!important}.order-table tr{transition:background-color .2s}.order-table tbody tr:hover{background-color:#ffffff05}.order-table tbody tr:last-child td{border-bottom:none}.status-badge{font-size:.75rem;font-weight:600;font-family:var(--font-ui);letter-spacing:-.01em;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.35rem .75rem;display:inline-flex}.status-paid,.status-ready{background:var(--color-success-bg)!important;color:var(--color-success)!important;border-color:var(--color-success-border)!important}.status-shipped,.status-transit{background:var(--color-info-bg)!important;color:var(--color-info)!important;border-color:var(--color-info-border)!important}.status-canceled,.status-failed{background:var(--color-danger-bg)!important;color:var(--color-danger)!important;border-color:var(--color-danger-border)!important}.status-warning,.status-hold{background:var(--color-warning-bg)!important;color:var(--color-warning)!important;border-color:var(--color-warning-border)!important}input[type=text],input[type=password],input[type=number],select,textarea{font-family:var(--font-sans);background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1)}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--primary-color);background-color:var(--bg-input);filter:brightness(1.15);box-shadow:0 0 0 3px var(--border-glow)}input::placeholder{color:var(--text-muted)}button{font-family:var(--font-ui);background:var(--primary-gradient);color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #6366f133}button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}button:active{transform:translateY(1px)}button:disabled{border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none;filter:none;background:#1e293b;transform:none}.btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:none;background:#ffffff0d}.btn-secondary:hover{color:var(--text-primary);background:#ffffff17;border-color:#fff3;box-shadow:0 4px 12px #00000026}.btn-danger{background:var(--color-danger);box-shadow:0 4px 12px #f43f5e33}.btn-danger:hover{box-shadow:0 6px 20px #f43f5e59}.loading-spinner{border:3px solid #ffffff0d;border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{background:var(--bg-toast);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);border:1px solid var(--border-color);z-index:3000;border-radius:16px;align-items:center;gap:1rem;padding:1.1rem 1.6rem;animation:.35s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;position:fixed;bottom:2rem;left:2rem;box-shadow:0 20px 40px #0006}.toast-indicator{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 10px var(--color-success);border-radius:50%}.toast-message{font-family:var(--font-sans);white-space:pre-wrap;color:var(--text-primary);font-size:.925rem;font-weight:600}.toast-close{color:var(--text-secondary);cursor:pointer;box-shadow:none;background:0 0;border:none;align-items:center;padding:0 .25rem;font-size:1.3rem;transition:color .2s;display:flex}.toast-close:hover{color:var(--text-primary);box-shadow:none;filter:none;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.login-container{background-color:var(--bg-primary);background-image:radial-gradient(circle,#6366f114 0%,#0000 60%);justify-content:center;align-items:center;height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:420px;padding:3rem 2.5rem;box-shadow:0 20px 50px #0006}.login-title{font-family:var(--font-display);text-align:center;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.2rem;font-weight:800}.login-label{font-family:var(--font-ui);color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.order-table tr.row-wms-eligible td{background-color:var(--row-wms-bg)!important;color:var(--row-wms-color)!important}.order-table tr.row-wms-eligible:hover td{background-color:#6366f11f!important}.order-table tr.row-wms-processed td{background-color:var(--row-wms-processed-bg)!important;color:var(--row-wms-processed-color)!important}.order-table tr.row-wms-processed:hover td{background-color:#10b98133!important}.order-table tr.row-invalid td{background-color:var(--row-invalid-bg)!important;color:var(--row-invalid-color)!important}.order-table tr.row-invalid:hover td{background-color:#f43f5e1f!important}.order-table tr.row-excluded td{background-color:var(--row-excluded-bg)!important;color:var(--row-excluded-color)!important}.order-table tr.row-excluded:hover td{background-color:#ffffff0a!important}.btn-theme-toggle{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-theme-toggle:hover{transform:rotate(30deg)scale(1.1);color:var(--primary-color)!important}.sidebar-sync-box{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;margin-top:auto;margin-bottom:.5rem;padding:.85rem;transition:all .3s}[data-theme=light] .sidebar-sync-box{background:#0f172a05}.sidebar-sync-indicator{transition:all .3s}[data-theme=light] .sidebar h2{background:linear-gradient(135deg,#4f46e5 0%,#312e81 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .header h1{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.blink-text{animation:1.5s ease-in-out infinite blink}.sidebar-wms-logs div::-webkit-scrollbar{width:4px}.sidebar-wms-logs div::-webkit-scrollbar-track{background:#0000001a}.sidebar-wms-logs div::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar-wms-logs div::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.responsive-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.responsive-grid-1-2{grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:1rem;display:grid}.form-grid-2-1{grid-template-columns:2fr 1fr;gap:.5rem;display:grid}.form-grid-1-1{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.register-photo-layout{grid-template-columns:120px 1fr;align-items:stretch;gap:1rem;display:grid}.register-photo-box{border:2px dashed var(--border-color);cursor:pointer;background-color:var(--bg-input);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:84px;transition:border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.register-photo-box:hover{border-color:var(--primary-color);background-color:#6366f10a}@media (width<=580px){.register-photo-layout{grid-template-columns:1fr}.register-photo-box{height:140px}}@media (width<=480px){.form-grid-2-1,.form-grid-1-1{grid-template-columns:1fr}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.mobile-header,.sidebar-backdrop,.mobile-order-view{display:none}@media (width<=768px){.app-container{flex-direction:column;height:100vh;overflow:hidden}.mobile-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:1001;flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:.35rem .75rem;display:flex}.mobile-header h2{font-family:var(--font-display);letter-spacing:-.025em;background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800}[data-theme=light] .mobile-header h2{background:linear-gradient(135deg,#4f46e5 0%,#312e81 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile-hamburger{color:var(--text-primary);cursor:pointer;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-hamburger:hover{box-shadow:none;filter:none;transform:none}.sidebar{-webkit-overflow-scrolling:touch;z-index:1010;width:280px;height:100dvh;box-shadow:none;flex-direction:column;padding:1.5rem 1rem 3rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-header{flex-shrink:0}.sidebar .nav-links{flex:none}.sidebar.open{transform:translate(0);box-shadow:20px 0 30px #0006}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1005;opacity:0;pointer-events:none;background:#0009;width:100vw;height:100vh;transition:opacity .3s;display:block;position:fixed;top:0;left:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.main-content>div{padding:1rem 1rem 2rem}.responsive-grid-2,.responsive-grid-3,.responsive-grid-1-2,.dashboard-cards{gap:1rem;grid-template-columns:1fr!important}.header h1{font-size:1.8rem}.header{flex-direction:column;gap:1rem;align-items:stretch!important}.header>div{width:100%}.header>div:last-child{justify-content:flex-start!important;max-width:100%!important}.mobile-order-view{display:block}.desktop-order-view{display:none}.mobile-order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1.15rem;display:flex;box-shadow:0 4px 16px #00000014}.mobile-order-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.65rem;display:flex}.mobile-order-card-title{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0;font-size:.95rem;font-weight:700;display:flex}.mobile-order-card-customer{justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:1.1rem;font-weight:800;display:flex}.mobile-order-card-products{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.mobile-order-card-product-item{align-items:flex-start;gap:.75rem;padding:.25rem 0;display:flex}.mobile-order-card-product-img{object-fit:cover;border-radius:8px;width:48px;height:48px}.mobile-order-card-product-placeholder{background-color:var(--bg-input);border-radius:8px;width:48px;height:48px}.mobile-order-card-product-info{flex:1;font-size:.9rem;line-height:1.35}.mobile-order-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:.65rem;font-size:1.05rem;font-weight:800;display:flex}.mobile-order-card-actions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.5rem;padding:.65rem;display:flex}}.session-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;animation:.2s ease-out sessionFadeIn;display:flex;position:fixed;inset:0}.session-modal{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);text-align:center;border-radius:24px;width:90%;max-width:440px;padding:2.5rem 2.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) sessionScaleIn;position:relative;box-shadow:0 25px 50px #00000080,0 0 30px #6366f126}.session-modal h3{font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;margin-bottom:.75rem;font-size:1.45rem;font-weight:800}[data-theme=light] .session-modal h3{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.session-modal p{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:1.75rem;font-size:.95rem;line-height:1.6}.session-modal .countdown-circle{border:2.5px solid var(--color-danger);width:84px;height:84px;font-family:var(--font-display);color:var(--color-danger);background:#f43f5e1f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.9rem;font-weight:800;display:flex;position:relative;box-shadow:0 0 20px #f43f5e40}.session-modal-buttons{justify-content:center;gap:1rem;display:flex}.session-modal-buttons button{flex:1;padding:.75rem 1rem}@keyframes sessionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sessionScaleIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.order-list-top-section{flex-direction:column;gap:1rem;width:100%;margin-bottom:1.25rem;display:flex}.order-list-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.order-title-area{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.order-status-cards-row{gap:.65rem;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.order-status-cards-row .order-status-card{text-align:center;cursor:pointer;background-color:var(--bg-card,#ffffff0a);border:1px solid var(--border-color,#ffffff1f);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:110px;padding:.65rem .85rem;transition:all .2s;display:flex}.order-status-cards-row .order-status-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.status-label{letter-spacing:-.2px;font-size:.8rem;font-weight:700}.status-count{font-size:1.35rem;font-weight:800;line-height:1.2}.label-all{color:#94a3b8}.count-all{color:#fff}.active-all{box-shadow:0 0 12px #6366f140;background-color:#6366f133!important;border:2px solid #818cf8!important}.label-preparing{color:#60a5fa}.count-preparing{color:#93c5fd}.active-preparing{box-shadow:0 0 12px #2563eb40;background-color:#2563eb38!important;border:2px solid #60a5fa!important}.label-shipping{color:#34d399}.count-shipping{color:#6ee7b7}.active-shipping{box-shadow:0 0 12px #10b98140;background-color:#10b98138!important;border:2px solid #34d399!important}.label-completed{color:#94a3b8}.count-completed{color:#fff}.active-completed{box-shadow:0 0 12px #94a3b840;background-color:#94a3b833!important;border:2px solid #cbd5e1!important}.label-canceled{color:#f87171}.count-canceled{color:#fca5a5}.active-canceled{box-shadow:0 0 12px #ef444440;background-color:#ef444438!important;border:2px solid #f87171!important}[data-theme=light] .order-status-cards-row .order-status-card{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .order-status-cards-row .order-status-card:hover{background-color:#f8fafc;border-color:#cbd5e1}[data-theme=light] .label-all{color:#64748b}[data-theme=light] .count-all{color:#0f172a}[data-theme=light] .active-all{background-color:#ede9fe!important;border:2px solid #6366f1!important;box-shadow:0 2px 8px #6366f133!important}[data-theme=light] .active-all .label-all{color:#4f46e5}[data-theme=light] .active-all .count-all{color:#3730a3}[data-theme=light] .label-preparing{color:#2563eb}[data-theme=light] .count-preparing{color:#1d4ed8}[data-theme=light] .active-preparing{background-color:#dbeafe!important;border:2px solid #2563eb!important;box-shadow:0 2px 8px #2563eb33!important}[data-theme=light] .active-preparing .label-preparing{color:#1e40af}[data-theme=light] .active-preparing .count-preparing{color:#1e3a8a}[data-theme=light] .label-shipping{color:#059669}[data-theme=light] .count-shipping{color:#047857}[data-theme=light] .active-shipping{background-color:#d1fae5!important;border:2px solid #059669!important;box-shadow:0 2px 8px #05966933!important}[data-theme=light] .active-shipping .label-shipping{color:#065f46}[data-theme=light] .active-shipping .count-shipping{color:#064e3b}[data-theme=light] .label-completed{color:#64748b}[data-theme=light] .count-completed{color:#0f172a}[data-theme=light] .active-completed{background-color:#f1f5f9!important;border:2px solid #475569!important;box-shadow:0 2px 8px #47556933!important}[data-theme=light] .active-completed .label-completed{color:#334155}[data-theme=light] .active-completed .count-completed{color:#0f172a}[data-theme=light] .label-canceled{color:#dc2626}[data-theme=light] .count-canceled{color:#b91c1c}[data-theme=light] .active-canceled{background-color:#fee2e2!important;border:2px solid #dc2626!important;box-shadow:0 2px 8px #dc262633!important}[data-theme=light] .active-canceled .label-canceled{color:#991b1b}[data-theme=light] .active-canceled .count-canceled{color:#7f1d1d}.order-main-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.order-main-actions button{white-space:nowrap;border-radius:8px;padding:.55rem .9rem;font-size:.825rem}@media (width<=768px){.order-list-header-row{flex-direction:column;align-items:stretch;gap:.75rem}.order-status-cards-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.order-status-cards-row .order-status-card{flex:1 0 auto;min-width:76px;padding:.4rem .6rem}.order-main-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.order-main-actions button{white-space:nowrap;justify-content:center;width:100%;padding:.6rem .5rem;font-size:.825rem}}.order-list-page{padding-bottom:92px}.order-selection-bar{z-index:900;background:var(--bg-card,var(--bg-secondary,#111827));border-top:1px solid var(--border-color);padding:.6rem 1.25rem calc(.6rem + env(safe-area-inset-bottom,0px));animation:.18s ease-out selectionBarSlideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000047}@keyframes selectionBarSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.selection-bar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1800px;margin:0 auto;display:flex}.selection-bar-info{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.selection-bar-count{color:#fff;white-space:nowrap;background-color:#6366f1;border-radius:9999px;padding:.3rem .8rem;font-size:.85rem;font-weight:700}.selection-bar-chip{box-shadow:none;white-space:nowrap;border-radius:6px;padding:.28rem .6rem;font-size:.75rem;font-weight:600}.selection-bar-chip.chip-clear{color:#f87171;background:#ef44441f;border:1px solid #ef444459}.selection-bar-chip.chip-all{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659}.selection-bar-actions{align-items:center;gap:.5rem;display:flex}.selection-bar-primary{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:.55rem 1rem;font-size:.825rem;font-weight:700}.selection-bar-toggle{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:none;white-space:nowrap;padding:.55rem .9rem;font-size:.825rem;font-weight:700}.selection-bar-toggle:hover,.selection-bar-toggle.is-open{color:#818cf8;background:var(--bg-secondary);border-color:#6366f1}.selection-bar-dropdown{position:relative}.sb-label-short{display:none}.selection-bar-menu{background:var(--bg-secondary,#fff);border:1px solid var(--border-color);z-index:950;border-radius:10px;min-width:230px;padding:.35rem 0;animation:.14s ease-out selectionBarSlideUp;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 30px -6px #00000059}.zm-menu-item{width:100%;box-shadow:none;text-align:left;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;gap:.55rem;padding:.6rem .9rem;font-size:.85rem;font-weight:600;display:flex}.zm-menu-item:hover:not(:disabled){box-shadow:none;background:#6366f11f;transform:none}.zm-menu-item:disabled{opacity:.45;cursor:not-allowed}.zm-menu-item.tone-primary{color:#60a5fa}.zm-menu-item.tone-normal{color:var(--text-primary)}.zm-menu-item.tone-danger{color:#f87171}[data-theme=light] .zm-menu-item.tone-primary{color:#1d4ed8}[data-theme=light] .zm-menu-item.tone-danger{color:#dc2626}[data-theme=light] .selection-bar-chip.chip-clear{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}[data-theme=light] .selection-bar-chip.chip-all{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}[data-theme=light] .order-selection-bar{background:#fff;box-shadow:0 -6px 20px #0f172a1f}[data-theme=light] .selection-bar-toggle:hover,[data-theme=light] .selection-bar-toggle.is-open{color:#4f46e5}.zm-menu-icon{text-align:center;width:1.2rem}.zm-menu-group-label{letter-spacing:.02em;color:var(--text-secondary);background:#94a3b81f;padding:.45rem .9rem;font-size:.7rem;font-weight:700}.zm-menu-divider{background:var(--border-color);height:1px;margin:.35rem 0}.order-more-menu{background:var(--bg-secondary,#fff);border:1px solid var(--border-color);z-index:1000;border-radius:10px;width:240px;padding:.35rem 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 30px -6px #00000059}@media (width<=768px){.order-list-page{padding-bottom:86px}.sb-label-full{display:none}.sb-label-short{display:inline}.order-selection-bar{padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom,0px))}.selection-bar-inner{flex-direction:column;align-items:stretch;gap:.3rem}.selection-bar-info{justify-content:space-between;gap:.3rem}.selection-bar-count{font-size:.78rem}.selection-bar-chip{padding:.15rem .45rem;font-size:.7rem}.selection-bar-actions{grid-template-columns:1.25fr 1fr 1fr;gap:.3rem;display:grid}.selection-bar-primary,.selection-bar-toggle{width:100%;padding:.45rem .3rem;font-size:.75rem}.selection-bar-actions{position:relative}.selection-bar-dropdown{position:static}.selection-bar-menu{width:100%;min-width:0;max-height:55vh;left:0;right:0;overflow-y:auto}.selection-bar-menu .zm-menu-item{padding:.75rem .9rem}.order-more-menu{max-height:70vh;overflow-y:auto;width:min(280px,100vw - 1.5rem)!important}}.filter-search-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-search-input-group{flex:1;gap:.5rem;min-width:300px;display:flex}.filter-search-select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.6rem .8rem;font-weight:700}.filter-search-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:.6rem 2.5rem .6rem 1rem}.filter-reset-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#475569;border:none;border-radius:8px;padding:.6rem 1.25rem;font-weight:700}.filter-status-rows{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:2rem;padding-top:.75rem;display:flex}.filter-status-group{align-items:center;gap:.75rem;display:flex}.filter-group-label{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;font-weight:700}.mobile-only-br{display:none}.filter-pills-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;gap:.25rem;padding:.25rem;display:flex}.filter-pill-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.filter-pill-btn.active-wms{background:var(--primary-color,#4f46e5);color:#fff}.filter-pill-btn.active-exclude{color:#fff;background:#3b82f6}.filter-pill-btn.active-date{color:#fff;background:#6366f1;box-shadow:0 1px 3px #6366f14d}.filter-period-note{color:var(--text-muted);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.5rem;font-size:.78rem;line-height:1.5;display:flex}.filter-period-warn{color:var(--color-warning);font-weight:600}.filter-period-chip{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:.72rem;font-weight:700}.filter-date-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-date-inputs{align-items:center;gap:.35rem;display:flex}.filter-date-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:6px;outline:none;padding:.35rem .5rem;font-family:inherit;font-size:.75rem}@media (prefers-color-scheme:dark){.filter-date-input{--lightningcss-light: ;--lightningcss-dark:initial}}.filter-date-input:focus{border-color:var(--primary-color,#6366f1)}.filter-date-separator{color:var(--text-secondary);font-size:.8rem;font-weight:700}.filter-date-nav-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem .55rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.filter-date-nav-btn:hover{background:var(--hover-bg,#ffffff14);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1)}.filter-search-header-mobile{display:none}.filter-search-toggle-btn{background:var(--bg-secondary,#f8fafc);border:1px dashed var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.6rem .8rem;transition:background-color .2s;display:flex}.filter-search-toggle-btn:hover{background:var(--hover-bg,#f1f5f9)}@media (width<=768px){.mobile-only-br{display:inline}.filter-board-card{padding:1rem!important}.filter-search-header-mobile{display:block}.filter-board-content-mobile.collapsed-mobile{display:none!important}.filter-board-content-mobile.expanded{flex-direction:column;gap:1rem;display:flex!important}.filter-search-row{flex-direction:column;align-items:stretch;gap:.5rem}.filter-search-input-group{flex-direction:column;width:100%;min-width:0}.filter-search-select{width:100%}.filter-reset-btn{width:100%;padding:.6rem}.filter-status-rows{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.filter-status-group{flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;display:flex}.filter-group-label{width:auto;min-width:auto;font-size:.75rem;font-weight:700}.filter-date-group{flex-direction:column;align-items:stretch;gap:.4rem;width:100%;display:flex}.filter-date-inputs{align-items:center;gap:.35rem;width:100%;display:flex}.filter-date-input{flex:1;width:100%;min-width:0}.filter-date-pills{width:100%;grid-template-columns:repeat(2,1fr)!important;display:grid!important}.filter-pills-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:.25rem;width:100%;padding:.25rem;display:grid}.exclude-filter-group .filter-pills-container{grid-template-columns:repeat(3,1fr)}.filter-pill-btn{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:.4rem .2rem;font-size:.7rem;overflow:hidden}}@media print{html,body{background:0 0!important;height:auto!important;overflow:visible!important}}@keyframes productImageHoverFadeIn{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes productImageModalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.processing-pill{z-index:3500;background:var(--bg-toast);border:1px solid var(--border-color);max-width:calc(100vw - 2rem);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);pointer-events:none;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem 1.1rem;animation:.3s ease-out slideUp;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000004d}.processing-pill-spinner{border-width:2px;border-color:var(--border-color);border-top-color:#6366f1;flex-shrink:0;width:18px;height:18px}.processing-pill-text{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}