:root{color-scheme:light;--base: #ffffff;--surface: #f8fafc;--surface-strong: #f1f5f9;--surface-elevated: #ffffff;--text: #1e293b;--text-muted: #64748b;--text-subtle: #94a3b8;--primary: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-light: #dbeafe;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #06b6d4;--info-light: #cffafe;--outline: rgba(148, 163, 184, .3);--outline-strong: rgba(148, 163, 184, .5);--shadow-color: rgba(0, 0, 0, .1);--shadow-elevated: rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-surface: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}body{margin:0;font-family:var(--font-base);background:var(--base);color:var(--text);min-height:100vh;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--outline-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit}.bg-surface{background:var(--gradient-surface);color:var(--text);border:1px solid var(--outline)}.bg-surface-strong{background:var(--surface-strong);color:var(--text);border:1px solid var(--outline-strong)}.bg-surface-elevated{background:var(--surface-elevated);color:var(--text);border:1px solid var(--outline-strong);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bg-primary{background:var(--gradient-primary);color:#fff}.bg-primary-solid{background-color:var(--primary);color:#fff}.bg-success{background:var(--gradient-success);color:#fff}.bg-error{background-color:var(--error);color:#fff}.bg-warning{background-color:var(--warning);color:#fff}.bg-info{background-color:var(--info);color:#fff}.text-success-strong{color:var(--success-strong)}.text-error-strong{color:var(--error-strong)}.border-outline{border-color:var(--outline)}.shadow-soft{box-shadow:0 24px 40px -32px var(--shadow-color)}.shadow-xl{box-shadow:0 34px 60px -24px #1e40af73}.shadow-lg{box-shadow:0 20px 30px -16px #1e40af73}.shadow-primary\/30{box-shadow:0 22px 45px -20px #1d4ed84d}.focus\:ring-primary-300:focus{box-shadow:0 0 0 4px #60a5fa73}.focus\:ring-primary-200:focus{box-shadow:0 0 0 4px #bfdbfe80}.focus\:ring-offset-2:focus{outline:none}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.flex{display:flex}.min-h-screen{min-height:100vh}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-xs{font-size:.75rem;line-height:1rem;font-weight:500}.text-sm{font-size:.875rem;line-height:1.25rem;font-weight:500}.text-base{font-size:1rem;line-height:1.5rem;font-weight:400}.text-lg{font-size:1.125rem;line-height:1.75rem;font-weight:600}.text-xl{font-size:1.25rem;line-height:1.75rem;font-weight:700}.text-2xl{font-size:1.5rem;line-height:2rem;font-weight:700}.text-3xl{font-size:1.875rem;line-height:2.25rem;font-weight:800}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.backdrop-blur{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.focus\:outline-none:focus{outline:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-6{gap:1.5rem}}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.uppercase{text-transform:uppercase}.text-xs{font-size:.75rem;line-height:1rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.z-toast{z-index:999}button{font-family:inherit;font-weight:700;border-radius:var(--radius-xl);transition:all .2s ease;cursor:pointer;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:56px;padding:var(--space-lg) var(--space-xl);font-size:1rem;line-height:1.2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;border:2px solid var(--primary-600);box-shadow:0 6px 20px #3b82f666;min-height:60px;font-size:1.125rem;font-weight:700}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #3b82f680;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%)}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary);box-shadow:0 4px 14px #3b82f633;min-height:60px;font-size:1.125rem;font-weight:700}.btn-secondary:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-600);transform:translateY(-1px);box-shadow:0 6px 18px #3b82f64d}.btn-success{background:var(--gradient-success);color:#fff;border:2px solid var(--success);box-shadow:0 4px 14px #10b9814d;min-height:60px;font-size:1.125rem;font-weight:700}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-error{background-color:var(--error);color:#fff;border:2px solid var(--error);box-shadow:0 4px 14px #ef44444d;min-height:60px;font-size:1.125rem;font-weight:700}.btn-error:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.btn-ghost{background:#3b82f61a;color:var(--primary);border:2px solid rgba(59,130,246,.2);min-height:60px;font-size:1.125rem;font-weight:700}.btn-ghost:hover:not(:disabled){background:#3b82f626;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}input,select{font-family:inherit}input[type=text],input[type=email],input[type=password],select{width:100%;border:1px solid var(--outline);background:var(--surface-elevated);color:var(--text);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:1rem;min-height:48px;transition:all .2s ease;font-weight:500}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{border-color:var(--primary);background:var(--surface-strong);box-shadow:0 0 0 3px #3b82f61a;outline:none}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:var(--text-subtle);font-weight:400}label{display:flex;flex-direction:column;gap:var(--space-sm);font-size:.875rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.2)}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.badge-success{background:var(--gradient-success);color:#fff;box-shadow:0 2px 4px #10b98133}.badge-error{background-color:var(--error);color:#fff;box-shadow:0 2px 4px #ef444433}.badge-warning{background-color:var(--warning);color:#fff;box-shadow:0 2px 4px #f59e0b33}.badge-pending{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 4px #3b82f633}.badge-info{background-color:var(--info);color:#fff;box-shadow:0 2px 4px #06b6d433}.badge-outline{background:transparent;color:var(--text-muted);border-color:var(--outline-strong)}.badge-outline-success{background:transparent;color:var(--success);border-color:var(--success)}.badge-outline-error{background:transparent;color:var(--error);border-color:var(--error)}main{min-height:calc(100vh - 64px)}.main-content{padding:0;min-height:calc(100vh - 64px);overflow-x:hidden}.card{background:var(--gradient-surface);border:1px solid var(--outline);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease}.card:hover{border-color:var(--outline-strong);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-elevated{background:var(--surface-elevated);border:1px solid var(--outline-strong);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}header.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--gradient-surface);border-bottom:1px solid var(--outline);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text)}nav.topnav{display:flex;gap:.75rem;font-size:.95rem}nav.topnav a{padding:.5rem 1rem;border-radius:9999px;transition:background-color .2s ease}nav.topnav a.active{background:#3b82f633}nav.topnav a:hover{background:#3b82f659}.layout{display:flex;flex-direction:column;min-height:100vh;background:var(--base)}.layout main{flex:1;padding:1rem;background:var(--surface)}@media (min-width: 768px){.layout main{padding:2rem;max-width:1200px;margin:0 auto}}footer.app-footer{background:var(--gradient-surface);border-top:1px solid var(--outline);color:var(--text-muted);padding:var(--space-lg) var(--space-xl);font-size:.875rem;margin-top:auto}.toast-success{background:var(--success)}.toast-error{background:var(--error)}.toast-info{background:var(--primary)}.scanner-frame{position:relative;border:2px solid var(--primary);border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--outline),0 4px 6px -1px #0000001a}.scanner-frame:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--primary);border-radius:var(--radius-2xl);opacity:.2;animation:scanner-pulse 2s infinite}.scanner-frame:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--primary);border-radius:var(--radius-2xl);opacity:.1;animation:scanner-pulse 2s infinite .5s}@keyframes scanner-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.4;transform:scale(1.01)}}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.05) 50%,transparent 70%);animation:scanner-sweep 3s infinite}@keyframes scanner-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-line{position:relative;overflow:hidden}.shimmer-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.camera-permission-banner{padding:1rem;border-radius:1.25rem;border:1px dashed rgba(59,130,246,.4);background:#3b82f61a}input:focus-visible,select:focus-visible{outline:2px solid rgba(59,130,246,.65);outline-offset:2px}@media (max-width: 768px){.layout main{padding:.5rem .5rem 5rem}.grid{gap:.75rem}.md\:grid-cols-2{grid-template-columns:1fr}.scanner-frame{aspect-ratio:4/3;max-height:50vh;margin:0 auto;border-radius:var(--radius-lg)}.scanner-frame video{border-radius:var(--radius-lg)}.btn-primary,.btn-secondary,.btn-success,.btn-error,button{min-height:64px;width:100%;display:flex;padding:1rem 1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;border-radius:1rem;box-shadow:0 6px 20px -6px #00000040}input,select,textarea{min-height:44px;font-size:16px}.card{margin:.5rem;padding:1rem}.topnav{flex-wrap:wrap;gap:.5rem}.topnav a{padding:.5rem .75rem;font-size:.875rem}.text-lg{font-size:1.25rem}body{overflow-x:hidden}.scanner-controls button{min-width:48px;min-height:48px}.space-y-6>*+*{margin-top:1rem}h1,h2,h3{line-height:1.3}@media (prefers-reduced-motion: reduce){.scanner-overlay{animation:none}}.scanner-frame{will-change:transform;transform:translateZ(0)}.scanner-frame video{will-change:transform;transform:translateZ(0)}@media (max-width: 480px){.scanner-overlay{animation-duration:4s}}.text-base{font-size:1.125rem}}.btn-stack{display:flex;flex-direction:column;gap:1rem;width:100%}.btn-stack>button,.btn-stack>.btn-primary,.btn-stack>.btn-secondary,.btn-stack>.btn-success,.btn-stack>.btn-error{width:100%;margin-bottom:0}.form-actions,.button-group,.action-buttons{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important}.form-actions>button,.button-group>button,.action-buttons>button{width:100%!important;flex:none!important}.mobile-scan-page{display:flex;flex-direction:column;gap:1rem;padding:.75rem;max-width:100%;overflow-x:hidden;min-height:100vh;box-sizing:border-box}.test-barcode-section{border:2px solid rgba(251,146,60,.3);background:linear-gradient(135deg,#fb923c0d,#f973160d);border-radius:1rem;position:relative}.test-barcode-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f59e0b,#ea580c,#f59e0b);border-radius:1rem;z-index:-1;opacity:.3}.test-barcode-section:hover:before{opacity:.4;animation:pulse-orange 2s infinite}@keyframes pulse-orange{0%,to{opacity:.4}50%{opacity:.6}}.scanner-section{margin-bottom:1rem}.scanner-header{margin-bottom:1.5rem}.scanner-title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.scanner-description{font-size:.875rem;color:var(--text-muted);line-height:1.4}.status-message{margin-top:1.5rem}.status-error,.status-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--radius-lg);font-size:.875rem}.status-error{background:var(--error-light);border:1px solid rgba(239,68,68,.3);color:var(--error)}.status-info{background:var(--info-light);border:1px solid rgba(6,182,212,.3);color:var(--info)}.status-icon{font-size:1rem}.status-text{flex:1;line-height:1.4}.input-section{margin-bottom:1rem}.manual-input-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text);font-size:.875rem}.label-icon{font-size:1rem}.form-select,.form-input{width:100%;padding:.75rem;border:1px solid var(--outline);border-radius:var(--radius-lg);background:var(--base);color:var(--text);font-size:1rem;transition:border-color .2s ease}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.submit-button{margin-top:1rem}.status-section,.orders-section,.actions-section{margin-bottom:1rem}.section-title{font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}.status-skeleton,.orders-skeleton{height:6rem}.empty-state{text-align:center;padding:2rem 1rem}.empty-icon{font-size:3rem;margin-bottom:.5rem}.empty-text{font-size:.875rem;color:var(--text-muted)}.orders-list{display:flex;flex-direction:column;gap:.75rem}.order-item{background:var(--base);border:1px solid var(--outline);border-radius:var(--radius-xl);padding:1rem;transition:border-color .2s ease}.order-item:hover{border-color:#3b82f680}.order-info{width:100%;margin-bottom:1rem}.order-name{font-weight:700;color:var(--text);margin-bottom:.5rem;word-wrap:break-word;font-size:1.125rem}.order-code{font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono);word-break:break-all;background:var(--surface);padding:.5rem;border-radius:.5rem}.assign-button{width:100%;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;min-height:56px}.customer-info{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--surface);border-radius:var(--radius-lg);font-size:.75rem;color:var(--text-muted)}.customer-icon{font-size:.875rem}.customer-text{flex:1}.actions-list{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 480px){.mobile-scan-page{padding:.5rem;gap:.75rem;min-height:100vh;overflow-y:auto;overflow-x:hidden}.mobile-scan-page>*{flex-shrink:0}.mobile-scan-page .card{max-width:100%;box-sizing:border-box}.scanner-title{font-size:1.125rem}.section-title{font-size:1rem}.assign-button{width:100%;min-height:64px;font-size:1.25rem;padding:1.25rem 1.5rem}.order-name{font-size:1.25rem}.order-code{font-size:1rem;padding:.75rem}}.mobile-scanner-frame{position:relative;width:100%;aspect-ratio:4/3;border:2px solid var(--primary);border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);margin-bottom:1rem}.mobile-scanner-frame:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--primary);border-radius:var(--radius-xl);opacity:.3;animation:scanner-pulse 2s infinite}.scanner-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}@keyframes scanner-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.mobile-navigation{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;border-top:1px solid var(--outline);padding:.75rem 1rem;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding-bottom:calc(env(safe-area-inset-bottom,0rem) + .75rem);box-shadow:0 -4px 20px #00000014}.nav-items{display:flex;justify-content:space-around;align-items:center;max-width:100%;gap:.5rem}.nav-item{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:1rem;text-decoration:none;color:var(--text-muted);transition:all .3s cubic-bezier(.25,.46,.45,.94);min-width:64px;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-light);opacity:0;transition:opacity .3s ease;border-radius:inherit}.nav-item:hover:before,.nav-item-active:before{opacity:1}.nav-item:hover{color:var(--primary-600);transform:translateY(-2px)}.nav-item-active{color:var(--primary-700);font-weight:600}.nav-item-content{display:flex;flex-direction:column;align-items:center;gap:.375rem;position:relative;z-index:1}.nav-item-icon{display:flex;align-items:center;justify-content:center;color:inherit;transition:transform .2s ease}.nav-item:active .nav-item-icon{transform:scale(.9)}.nav-item-label{font-size:.625rem;font-weight:600;text-align:center;line-height:1.2;color:inherit;letter-spacing:.02em}.text-sm{font-size:1rem}.mobile-scan-page{padding-bottom:100px;min-height:100vh;background:linear-gradient(135deg,var(--surface) 0%,var(--base) 100%)}.scan-hero{background:var(--gradient-primary);padding:2rem 1rem 3rem;margin:-1rem -1rem 2rem;position:relative;overflow:hidden}.scan-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}.scan-hero-content{text-align:center;position:relative;z-index:1}.scan-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fff3;border-radius:50%;color:#fff;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.scan-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}.scan-subtitle{font-size:1rem;color:#ffffffe6;margin-bottom:2rem;font-weight:500}.input-section,.status-section,.orders-section,.actions-section{margin-bottom:1.5rem;border-radius:1.25rem;box-shadow:0 4px 12px #00000014;border:1px solid var(--outline);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.section-title{font-size:1.125rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";width:4px;height:20px;background:var(--primary);border-radius:2px}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:1rem;border:2px solid var(--outline);border-radius:.75rem;font-size:1rem;transition:all .2s ease;background:#fff;color:var(--text)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:translateY(-1px)}.order-item{background:var(--surface);border:1px solid var(--outline);border-radius:1rem;padding:1.25rem;margin-bottom:1rem;transition:all .2s ease}.order-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f;border-color:var(--primary-light)}.order-name{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.order-code{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);background:var(--surface-strong);padding:.25rem .5rem;border-radius:.375rem;display:inline-block}.customer-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--outline)}.customer-text{font-size:.875rem;color:var(--text-muted);font-weight:500}.empty-state{text-align:center;padding:3rem 1rem}.empty-text{color:var(--text-muted);font-size:.875rem;font-weight:500}.toast-container{position:fixed;top:4rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;max-width:350px;width:100%;pointer-events:none}@media (max-width: 640px){.toast-container{top:1rem;left:1rem;right:1rem;max-width:none}}.toast-item{pointer-events:auto;background:#fffffffa;border-radius:1rem;border:1px solid var(--outline);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;position:relative}.toast-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transition:background-color .2s ease}.toast-success:before{background:var(--success)}.toast-error:before{background:var(--error)}.toast-warning:before{background:var(--warning)}.toast-info:before{background:var(--info)}.toast-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;position:relative;z-index:1}.toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-top:.125rem}.toast-success .toast-icon{background:var(--success-light);color:var(--success)}.toast-error .toast-icon{background:var(--error-light);color:var(--error)}.toast-warning .toast-icon{background:var(--warning-light);color:var(--warning)}.toast-info .toast-icon{background:var(--info-light);color:var(--info)}.toast-body{flex:1;min-width:0}.toast-title{font-size:.875rem;font-weight:600;color:var(--text);line-height:1.25;margin-bottom:.25rem}.toast-message{font-size:.8125rem;color:var(--text-muted);line-height:1.4;margin-bottom:.5rem}.toast-action{font-size:.8125rem;font-weight:600;color:var(--primary-600);background:none;border:none;padding:.25rem 0;cursor:pointer;transition:color .2s ease;text-align:left}.toast-action:hover{color:var(--primary-700);text-decoration:underline}.toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-top:.125rem}.toast-close:hover{background:var(--surface-strong);color:var(--text);transform:scale(1.1)}.toast-close:active{transform:scale(.95)}.page-transition-wrapper{width:100%;min-height:100%}*{scroll-behavior:smooth}button,.nav-item,.form-input,.form-select{will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.nav-item,.toast-item,.order-item,.scan-hero-content,button{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}@media (hover: none) and (pointer: coarse){button:hover{transform:none}button:active{transform:scale(.95);transition:transform .1s ease}}.minimal-header{background:var(--base);border-bottom:1px solid var(--outline);padding:.75rem 1rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:100%}.app-title{font-size:1.125rem;font-weight:700;color:var(--text)}.header-right{display:flex;align-items:center;gap:1rem}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-online{background:var(--success-light);color:var(--success)}.status-offline{background:var(--error-light);color:var(--error)}.logout-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--outline);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer}.logout-btn:hover{background:var(--surface);color:var(--text);border-color:var(--outline-strong)}@media (max-width: 375px){.mobile-scan-page{padding:.25rem;gap:.5rem}.mobile-scan-page .card{padding:.75rem}.mobile-scan-page h2{font-size:1rem;margin-bottom:.5rem}.mobile-scan-page h3{font-size:.875rem;margin-bottom:.5rem}.mobile-scan-page .btn{padding:.75rem 1rem;font-size:.875rem}.mobile-scan-page .form-group{margin-bottom:.75rem}}.fixed{position:fixed}.fullscreen-scanner{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;background:#fff!important;background-color:#fff!important;width:100vw!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;opacity:1!important;display:flex!important;flex-direction:column!important;isolation:isolate!important}.fullscreen-scanner *{box-sizing:border-box}.fullscreen-scanner video{width:100%!important;height:100%!important;object-fit:cover!important}.fullscreen-scanner .screen-container{height:100vh!important;height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.fullscreen-scanner .screen-header{flex-shrink:0!important;min-height:0!important}.fullscreen-scanner .screen-content{flex:1!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.fullscreen-scanner .screen-footer{flex-shrink:0!important;min-height:0!important}.fullscreen-scanner .compact-content{max-height:calc(100vh - 8rem)!important;max-height:calc(100dvh - 8rem)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.fullscreen-scanner .compact-text{font-size:.875rem!important;line-height:1.25rem!important;margin-bottom:.5rem!important}.fullscreen-scanner .compact-button{padding:.5rem 1rem!important;font-size:.875rem!important;margin:.25rem!important}.fullscreen-scanner .compact-list{max-height:50vh!important;max-height:50dvh!important;overflow:hidden!important}.fullscreen-scanner .screen-content{position:relative!important}.fullscreen-scanner .absolute{position:absolute!important}.fullscreen-scanner .inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.fullscreen-scanner .pt-20{padding-top:5rem!important}.fullscreen-scanner .pb-20{padding-bottom:5rem!important}.fullscreen-scanner .max-w-sm{max-width:24rem!important}.fullscreen-scanner .mx-auto{margin-left:auto!important;margin-right:auto!important}.fullscreen-scanner .px-4{padding-left:1rem!important;padding-right:1rem!important}.fullscreen-scanner .bg-black\/50{background-color:#00000080!important}.fullscreen-scanner .rounded-lg{border-radius:.5rem!important}.fullscreen-scanner .p-4{padding:1rem!important}.fullscreen-scanner .gap-1{gap:.25rem!important}.fullscreen-scanner .text-base{font-size:1rem!important}.fullscreen-scanner .text-xs{font-size:.75rem!important}.fullscreen-scanner .px-3{padding-left:.75rem!important;padding-right:.75rem!important}.fullscreen-scanner .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.fullscreen-scanner .screen-header{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:100!important;flex-shrink:0!important;min-height:0!important;max-height:5rem!important;overflow:hidden!important}.fullscreen-scanner .min-w-0{min-width:0!important}.fullscreen-scanner .flex-1{flex:1 1 0%!important}.fullscreen-scanner .flex-shrink-0{flex-shrink:0!important}.fullscreen-scanner .truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.fullscreen-scanner .p-2{padding:.5rem!important}.fullscreen-scanner .p-3{padding:.75rem!important}.fullscreen-scanner .gap-2{gap:.5rem!important}.fullscreen-scanner .gap-3{gap:.75rem!important}.fullscreen-scanner .text-base{font-size:1rem!important;line-height:1.5rem!important}.fullscreen-scanner .text-sm{font-size:.875rem!important;line-height:1.25rem!important}.fullscreen-scanner .screen-content{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:10!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.fullscreen-scanner .screen-footer{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;flex-shrink:0!important;min-height:0!important;max-height:5rem!important;overflow:hidden!important}.fullscreen-scanner .absolute{position:absolute!important;z-index:20!important}.fullscreen-scanner .relative{position:relative!important;z-index:1!important}.fullscreen-scanner .static{position:static!important;z-index:auto!important}.fullscreen-scanner .z-10{z-index:10!important}.fullscreen-scanner .z-20{z-index:20!important}.fullscreen-scanner .z-30{z-index:30!important}.fullscreen-scanner .z-40{z-index:40!important}.fullscreen-scanner .z-50{z-index:50!important}.fullscreen-scanner video{position:relative!important;z-index:1!important}.fullscreen-scanner .flex{display:flex!important}.fullscreen-scanner .items-center{align-items:center!important}.fullscreen-scanner .justify-between{justify-content:space-between!important}.fullscreen-scanner .justify-center{justify-content:center!important}.fullscreen-scanner .w-full{width:100%!important}.fullscreen-scanner .h-full{height:100%!important}.fullscreen-scanner .object-cover{object-fit:cover!important}.fullscreen-scanner .pointer-events-none{pointer-events:none!important}.fullscreen-scanner .pointer-events-auto{pointer-events:auto!important}.fullscreen-scanner .mb-6{margin-bottom:1.5rem!important}.fullscreen-scanner .mb-4{margin-bottom:1rem!important}.fullscreen-scanner .mt-4{margin-top:1rem!important}.fullscreen-scanner .mt-2{margin-top:.5rem!important}@media (max-width: 768px){.fullscreen-scanner{padding:0!important;margin:0!important}.fullscreen-scanner .compact-content{max-height:calc(100vh - 6rem)!important;max-height:calc(100dvh - 6rem)!important}.fullscreen-scanner .compact-list{max-height:40vh!important;max-height:40dvh!important}.fullscreen-scanner .compact-text{font-size:.8rem!important;line-height:1.125rem!important;margin-bottom:.375rem!important}.fullscreen-scanner .compact-button{padding:.375rem .75rem!important;font-size:.8rem!important;margin:.125rem!important}.fullscreen-scanner .pt-20{padding-top:4rem!important}.fullscreen-scanner .pb-20{padding-bottom:4rem!important}.fullscreen-scanner .max-w-sm{max-width:20rem!important}.fullscreen-scanner .p-2{padding:.375rem!important}.fullscreen-scanner .p-3{padding:.5rem!important}.fullscreen-scanner .gap-3{gap:.5rem!important}.fullscreen-scanner .text-base{font-size:.875rem!important;line-height:1.25rem!important}.fullscreen-scanner .text-sm{font-size:.75rem!important;line-height:1rem!important}.fullscreen-scanner .screen-header{max-height:4rem!important}.fullscreen-scanner .gap-1{gap:.125rem!important}.fullscreen-scanner .gap-2{gap:.375rem!important}.fullscreen-scanner .text-base{font-size:.875rem!important}.fullscreen-scanner .text-xs{font-size:.625rem!important}.fullscreen-scanner .px-3{padding-left:.5rem!important;padding-right:.5rem!important}.fullscreen-scanner .py-2{padding-top:.375rem!important;padding-bottom:.375rem!important}.fullscreen-scanner .absolute{position:absolute!important}.fullscreen-scanner .flex{display:flex!important}.fullscreen-scanner .flex-col{flex-direction:column!important}.fullscreen-scanner .gap-2{gap:.5rem!important}.fullscreen-scanner .gap-3{gap:.75rem!important}.fullscreen-scanner .p-4{padding:1rem!important}.fullscreen-scanner .p-6{padding:1.5rem!important}.fullscreen-scanner .px-4{padding-left:1rem!important;padding-right:1rem!important}.fullscreen-scanner .py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.fullscreen-scanner .text-sm{font-size:.875rem!important}.fullscreen-scanner .text-lg{font-size:1.125rem!important}.fullscreen-scanner .text-xl{font-size:1.25rem!important}.fullscreen-scanner .rounded-lg{border-radius:.5rem!important}.fullscreen-scanner .max-w-md{max-width:28rem!important}.fullscreen-scanner .flex-1{flex:1 1 0%!important}.fullscreen-scanner .justify-center{justify-content:center!important}.fullscreen-scanner .items-center{align-items:center!important}.fullscreen-scanner .text-center{text-align:center!important}.fullscreen-scanner .mb-4{margin-bottom:1rem!important}.fullscreen-scanner .mb-6{margin-bottom:1.5rem!important}.fullscreen-scanner .mt-2{margin-top:.5rem!important}.fullscreen-scanner .pt-20{padding-top:5rem!important}.fullscreen-scanner .inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.fullscreen-scanner .top-0{top:0!important}.fullscreen-scanner .right-0{right:0!important}.fullscreen-scanner .left-0{left:0!important}.fullscreen-scanner .z-10{z-index:10!important}.fullscreen-scanner .z-20{z-index:20!important}.fullscreen-scanner .w-full{width:100%!important}.fullscreen-scanner .h-full{height:100%!important}.fullscreen-scanner .object-cover{object-fit:cover!important}.fullscreen-scanner .pointer-events-none{pointer-events:none!important}.fullscreen-scanner .opacity-50{opacity:.5!important}.fullscreen-scanner .opacity-75{opacity:.75!important}.fullscreen-scanner .border-4{border-width:4px!important}.fullscreen-scanner .border-green-500{border-color:#10b981!important}.fullscreen-scanner .border-dashed{border-style:dashed!important}.fullscreen-scanner .bg-white\/90{background-color:#ffffffe6!important}.fullscreen-scanner .bg-white\/80{background-color:#fffc!important}.fullscreen-scanner .bg-red-50{background-color:#fef2f2!important}.fullscreen-scanner .bg-gray-200{background-color:#e5e7eb!important}.fullscreen-scanner .bg-blue-600{background-color:#2563eb!important}.fullscreen-scanner .bg-green-600{background-color:#16a34a!important}.fullscreen-scanner .bg-purple-600{background-color:#9333ea!important}.fullscreen-scanner .bg-orange-500{background-color:#f97316!important}.fullscreen-scanner .bg-gray-400{background-color:#9ca3af!important}.fullscreen-scanner .text-white{color:#fff!important}.fullscreen-scanner .text-gray-700{color:#374151!important}.fullscreen-scanner .text-gray-800{color:#1f2937!important}.fullscreen-scanner .text-red-800{color:#991b1b!important}.fullscreen-scanner .text-red-600{color:#dc2626!important}.fullscreen-scanner .text-gray-600{color:#4b5563!important}.fullscreen-scanner .text-gray-200{color:#e5e7eb!important}.fullscreen-scanner .hover\:bg-blue-700:hover{background-color:#1d4ed8!important}.fullscreen-scanner .hover\:bg-green-700:hover{background-color:#15803d!important}.fullscreen-scanner .hover\:bg-purple-700:hover{background-color:#7c3aed!important}.fullscreen-scanner .hover\:bg-orange-600:hover{background-color:#ea580c!important}.fullscreen-scanner .hover\:bg-gray-300:hover{background-color:#d1d5db!important}.fullscreen-scanner .hover\:bg-gray-100:hover{background-color:#f3f4f6!important}.fullscreen-scanner .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.fullscreen-scanner .font-medium{font-weight:500!important}.fullscreen-scanner .font-semibold{font-weight:600!important}.fullscreen-scanner .cursor-not-allowed{cursor:not-allowed!important}.fullscreen-scanner .backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.fullscreen-scanner .border-b{border-bottom-width:1px!important}.fullscreen-scanner .border-gray-200{border-color:#e5e7eb!important}}@media (max-width: 480px){.fullscreen-scanner .compact-content{max-height:calc(100vh - 5rem)!important;max-height:calc(100dvh - 5rem)!important}.fullscreen-scanner .compact-list{max-height:35vh!important;max-height:35dvh!important}.fullscreen-scanner .compact-text{font-size:.75rem!important;line-height:1rem!important;margin-bottom:.25rem!important}.fullscreen-scanner .compact-button{padding:.25rem .5rem!important;font-size:.75rem!important;margin:.125rem!important}.fullscreen-scanner .pt-20{padding-top:3.5rem!important}.fullscreen-scanner .pb-20{padding-bottom:3.5rem!important}.fullscreen-scanner .max-w-sm{max-width:18rem!important}.fullscreen-scanner .p-2{padding:.25rem!important}.fullscreen-scanner .p-3{padding:.375rem!important}.fullscreen-scanner .gap-3{gap:.375rem!important}.fullscreen-scanner .text-base{font-size:.75rem!important;line-height:1rem!important}.fullscreen-scanner .text-sm{font-size:.625rem!important;line-height:.875rem!important}.fullscreen-scanner .screen-header{max-height:3.5rem!important}.fullscreen-scanner .gap-1{gap:.125rem!important}.fullscreen-scanner .gap-2{gap:.25rem!important}.fullscreen-scanner .text-base{font-size:.8rem!important}.fullscreen-scanner .text-xs{font-size:.6rem!important}.fullscreen-scanner .px-3{padding-left:.375rem!important;padding-right:.375rem!important}.fullscreen-scanner .py-2{padding-top:.25rem!important;padding-bottom:.25rem!important}.fullscreen-scanner .p-4{padding:.75rem!important}.fullscreen-scanner .p-6{padding:1rem!important}.fullscreen-scanner .px-4{padding-left:.75rem!important;padding-right:.75rem!important}.fullscreen-scanner .py-3{padding-top:.5rem!important;padding-bottom:.5rem!important}.fullscreen-scanner .text-sm{font-size:.8rem!important}.fullscreen-scanner .text-lg{font-size:1rem!important}.fullscreen-scanner .text-xl{font-size:1.125rem!important}.fullscreen-scanner .gap-2{gap:.375rem!important}.fullscreen-scanner .gap-3{gap:.5rem!important}.fullscreen-scanner .mb-4{margin-bottom:.75rem!important}.fullscreen-scanner .mb-6{margin-bottom:1rem!important}.fullscreen-scanner .pt-20{padding-top:4rem!important}.fullscreen-scanner .max-w-md{max-width:24rem!important}}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}@media (max-width: 375px){.fullscreen-scanner .compact-content{max-height:calc(100vh - 4rem)!important;max-height:calc(100dvh - 4rem)!important}.fullscreen-scanner .compact-list{max-height:30vh!important;max-height:30dvh!important}.fullscreen-scanner .compact-text{font-size:.7rem!important;line-height:.875rem!important;margin-bottom:.125rem!important}.fullscreen-scanner .compact-button{padding:.25rem .375rem!important;font-size:.7rem!important;margin:.125rem!important}.fullscreen-scanner .pt-20{padding-top:3rem!important}.fullscreen-scanner .pb-20{padding-bottom:3rem!important}.fullscreen-scanner .max-w-sm{max-width:16rem!important}.fullscreen-scanner .p-2{padding:.125rem!important}.fullscreen-scanner .p-3{padding:.25rem!important}.fullscreen-scanner .gap-2{gap:.125rem!important}.fullscreen-scanner .gap-3{gap:.25rem!important}.fullscreen-scanner .text-base{font-size:.625rem!important;line-height:.875rem!important}.fullscreen-scanner .text-sm{font-size:.5rem!important;line-height:.75rem!important}.fullscreen-scanner .screen-header{max-height:3rem!important}.fullscreen-scanner .gap-1{gap:.125rem!important}.fullscreen-scanner .text-base{font-size:.75rem!important}.fullscreen-scanner .text-xs{font-size:.55rem!important}.fullscreen-scanner .px-3{padding-left:.25rem!important;padding-right:.25rem!important}.fullscreen-scanner .py-2{padding-top:.25rem!important;padding-bottom:.25rem!important}.fullscreen-scanner .p-4{padding:.5rem!important}.fullscreen-scanner .p-6{padding:.75rem!important}.fullscreen-scanner .px-4{padding-left:.5rem!important;padding-right:.5rem!important}.fullscreen-scanner .py-3{padding-top:.375rem!important;padding-bottom:.375rem!important}.fullscreen-scanner .text-sm{font-size:.75rem!important}.fullscreen-scanner .text-lg{font-size:.875rem!important}.fullscreen-scanner .text-xl{font-size:1rem!important}.fullscreen-scanner .gap-2{gap:.25rem!important}.fullscreen-scanner .gap-3{gap:.375rem!important}.fullscreen-scanner .mb-4{margin-bottom:.5rem!important}.fullscreen-scanner .mb-6{margin-bottom:.75rem!important}.fullscreen-scanner .pt-20{padding-top:3.5rem!important}.fullscreen-scanner .max-w-md{max-width:20rem!important}}