*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (width<=480px){body{font-size:14px}}.page-enter{opacity:0;transform:translate(20px)}.page-enter-active{opacity:1;transition:all .3s;transform:translate(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:all .3s;transform:translate(-20px)}.bottom-nav{z-index:100;background:#fff;justify-content:space-around;max-width:480px;margin:0 auto;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.nav-item{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:64px;min-height:48px;padding:8px 16px;transition:all .2s;display:flex}.nav-item.active{color:#fff;background:#1a1a2e}.nav-icon{font-size:24px}.nav-label{font-size:12px;font-weight:500}.app-layout{background:#f5f5f5;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.offline-banner{color:#fff;text-align:center;z-index:1000;background:#ff9800;padding:12px;font-size:14px;animation:.3s slideDown;position:sticky;top:0}@keyframes slideDown{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%)}}.main-content{flex:1;padding-bottom:60px;overflow-y:auto}.main-content.full-height{padding-bottom:0}@media (width<=480px){.app-layout{max-width:100%}}.mock-indicator{color:#fff;z-index:9999;background:#ff9800;border-radius:0 0 12px 12px;padding:4px 16px;font-size:12px;font-weight:500;animation:.3s slideDown;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.progress-bar{background:#e0e0e0;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.order-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;margin:8px 0;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.order-card:active{transform:scale(.98);box-shadow:0 1px 4px #0003}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.order-number{margin:0;font-size:18px;font-weight:600}.order-status{color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.card-route{background:#f5f5f5;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:8px;display:flex}.warehouse{color:#333;font-weight:500}.arrow{color:#666;font-size:20px}.card-progress{align-items:center;gap:12px;margin-bottom:12px;display:flex}.progress-text{color:#666;white-space:nowrap;font-size:14px}.card-footer{justify-content:flex-end;display:flex}.created-date{color:#999;font-size:12px}.page-container{padding:16px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header h1{color:#1a1a2e;margin:0;font-size:24px}.order-count{color:#fff;background:#1a1a2e;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.orders-list{min-height:200px}.skeleton-card{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:12px;height:150px;margin:8px 0;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state,.error-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.empty-icon,.error-icon{opacity:.5;font-size:64px}.empty-state p,.error-state p{color:#666;font-size:16px}.retry-button{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:8px;min-height:48px;padding:12px 24px;font-size:14px}.refresh-indicator{color:#fff;z-index:1000;background:#000c;border-radius:20px;padding:8px 16px;font-size:14px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.detail-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.detail-header h1{margin:0;font-size:20px}.back-button{color:#2196f3;cursor:pointer;background:0 0;border:none;min-height:48px;padding:8px;font-size:16px}.detail-info{background:#fff;border-radius:12px;margin-bottom:24px;padding:16px;box-shadow:0 2px 8px #0000001a}.route-info{align-items:center;gap:12px;margin-bottom:16px;font-size:18px;font-weight:500;display:flex}.progress-section{margin-top:12px}.progress-header{color:#666;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.progress-count{color:#333;font-weight:600}.items-section{margin-bottom:80px}.items-section h2{margin-bottom:12px;font-size:16px}.items-list{flex-direction:column;gap:8px;display:flex}.item-row{background:#fff;border-left:4px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.item-row.scanned{background:#f1f8e9;border-left-color:#4caf50}.item-row.error{background:#ffebee;border-left-color:#f44336}.item-status-icon{font-size:24px}.item-info{flex-direction:column;flex:1;gap:4px;display:flex}.item-name{font-weight:500}.item-code{color:#999;font-size:12px}.item-error{cursor:help;font-size:20px}.action-buttons{flex-direction:column;gap:8px;max-width:448px;margin:0 auto;display:flex;position:fixed;bottom:70px;left:16px;right:16px}.start-scanning-btn,.complete-order-btn{cursor:pointer;border:none;border-radius:12px;width:100%;min-height:48px;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.start-scanning-btn{color:#fff;background:#1a1a2e}.start-scanning-btn:active{transform:scale(.98)}.complete-order-btn{color:#fff;background:#4caf50}.complete-order-btn:active{transform:scale(.98)}.scan-result{z-index:1000;cursor:pointer;background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:12px;max-width:448px;margin:0 auto;padding:16px;animation:.3s slideUp;display:flex;position:fixed;bottom:80px;left:16px;right:16px;box-shadow:0 4px 20px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.result-icon{flex-shrink:0;font-size:32px}.result-content{flex:1;min-width:0}.result-product{color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.result-message{color:#666;margin:0;font-size:14px;line-height:1.4}.close-button{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:8px;font-size:18px;transition:background .2s;display:flex}.close-button:hover{background:#f5f5f5}.scanner-screen{background:#000;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.scanner-header{z-index:10;background:#000c;justify-content:space-between;align-items:center;padding:16px;display:flex}.header-info{flex-direction:column;align-items:center;gap:4px;display:flex}.order-badge{color:#fff;font-size:14px;font-weight:500}.progress-text{color:#ccc;font-size:12px}.stop-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.header-indicators{align-items:center;gap:12px;display:flex}.online-indicator{border-radius:50%;width:10px;height:10px}.online-indicator.online{background:#4caf50;box-shadow:0 0 10px #4caf50}.online-indicator.offline{background:#f44336;box-shadow:0 0 10px #f44336}.torch-button{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.scanner-progress{background:#000c;padding:8px 16px}.scanner-viewport{flex:1;position:relative;overflow:hidden}.qr-reader{width:100%;height:100%}.qr-reader video{object-fit:cover!important;width:100%!important;height:100%!important}.scanner-frame{width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-corner{border-style:solid;border-color:#2196f3;width:30px;height:30px;position:absolute}.top-left{border-width:4px 0 0 4px;border-radius:8px 0 0;top:0;left:0}.top-right{border-width:4px 4px 0 0;border-radius:0 8px 0 0;top:0;right:0}.bottom-left{border-width:0 0 4px 4px;border-radius:0 0 0 8px;bottom:0;left:0}.bottom-right{border-width:0 4px 4px 0;border-radius:0 0 8px;bottom:0;right:0}.scan-overlay{z-index:20;animation:.5s overlayFade;position:fixed;inset:0}.scan-overlay.success{background:#4caf504d}.scan-overlay.error{background:#f443364d}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.scan-history{background:#000000e6;max-height:40px;transition:all .3s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.scan-history.visible{max-height:300px}.history-toggle{color:#fff;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;min-height:48px;padding:12px;font-size:14px}.history-list{max-height:200px;padding:0 16px 16px;overflow-y:auto}.history-item{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.history-code{flex:1;font-family:monospace}.history-time{opacity:.7;font-size:12px}.scanner-error{color:#fff;background:#1a1a2e;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:32px;display:flex}.scanner-error button{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;min-height:48px;padding:12px 24px;font-size:16px}.app{background:#f5f5f5;min-height:100vh}.slide-enter{opacity:0;transform:translate(100%)}.slide-enter-active{opacity:1;transition:all .3s ease-in-out;transform:translate(0)}.slide-exit{opacity:1;transform:translate(0)}.slide-exit-active{opacity:0;transition:all .3s ease-in-out;transform:translate(-100%)}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}