.login-page{align-items:center;background:radial-gradient(ellipse at top,#1e1e32 0,#0f0f1a 50%,#0a0a14 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#6366f114 0,#0000 50%),radial-gradient(circle at 70% 70%,#10b9810d 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(2%,2%) rotate(5deg)}}.login-card{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32cc;border:1px solid #94a3b81a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:420px;padding:48px;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:40px;text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#818cf8 100%);border-radius:16px;box-shadow:0 8px 24px #6366f166;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.login-icon svg{color:#fff}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:15px}.login-form .input-group{margin-bottom:24px}.login-form .input-group label{font-size:14px;font-weight:500;margin-bottom:10px}.login-form .input{border-radius:12px;font-size:15px;height:50px;padding:0 18px}.login-form .input:focus{box-shadow:0 0 0 4px var(--primary-light)}.login-submit{border-radius:12px;font-size:16px;height:52px;margin-top:8px;width:100%}.login-footer{color:var(--text-muted);font-size:13px;margin-top:32px;text-align:center}.editor-page{background:linear-gradient(135deg,var(--bg-dark) 0,#141428 100%);display:flex;flex-direction:column;height:calc(100vh - 65px)}.editor-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.editor-header h1{font-size:20px;font-weight:700;letter-spacing:-.02em}.editor-layout{display:flex;flex:1 1;overflow:hidden}.editor-canvas{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:24px}.editor-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.editor-image-scroll{align-items:flex-start;background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1 1;justify-content:center;overflow:auto}.editor-instructions{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;flex:1 1;font-size:14px;gap:10px;padding:14px 18px}.editor-instructions:before{content:"💡"}.zoom-controls{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;padding:10px 16px}.zoom-controls .btn-sm{align-items:center;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;padding:0;width:36px}.image-container{cursor:crosshair;display:inline-block;line-height:0;margin:20px;position:relative;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.image-container img{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:block;height:auto;max-width:100%}.region-box{align-items:center;background:var(--highlight);border:3px solid var(--primary);border-radius:8px;cursor:move;display:flex;justify-content:center;transition:all var(--transition-fast)}.region-box:hover{background:#818cf859;border-color:#818cf8}.region-box.selected{background:#22c55e40;border-color:#22c55e;border-width:3px;box-shadow:0 0 0 4px #22c55e33}.region-box.dragging{background:#f59e0b59;border-color:#f59e0b;box-shadow:0 8px 24px #0006;z-index:100}.region-box.no-sku{background:#f59e0b33;border-color:var(--warning);border-style:dashed}.region-box.drawing{background:#6366f126;border-style:dashed;pointer-events:none}.region-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;border-radius:6px;box-shadow:0 4px 12px #0006;color:#fff;font-size:13px;font-weight:600;max-width:95%;overflow:hidden;padding:6px 14px;text-overflow:ellipsis;white-space:nowrap}.editor-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border-left:1px solid var(--border);overflow-y:auto;padding:24px;width:360px}.editor-sidebar .card{background:var(--bg-input)}.region-list{max-height:280px;overflow-y:auto}.region-list-item{background:var(--bg-dark);border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;margin-bottom:8px;padding:12px 14px;transition:all var(--transition-fast)}.region-list-item:hover{background:var(--bg-hover);border-color:var(--border)}.region-list-item.active{background:var(--primary);border-color:var(--primary)}.region-list-item span{font-size:14px;font-weight:600}.region-list-item small{color:var(--text-muted);font-size:12px;margin-top:4px}.region-list-item.active small{color:#fffc}.picking-page{background:linear-gradient(135deg,var(--bg-dark) 0,#141428 100%);display:flex;flex-direction:column;height:calc(100vh - 65px)}.picking-page.fullscreen{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:100}.picking-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.picking-header-left{align-items:center;display:flex;gap:20px}.picking-header-left h2{font-size:20px;font-weight:700;letter-spacing:-.02em}.picking-header-right{display:flex;gap:12px}.picking-content{display:flex;flex:1 1;overflow:hidden}.picking-image-container{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:24px}.picking-image-scroll{align-items:flex-start;background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex:1 1;justify-content:center;overflow:auto}.picking-zoom-controls{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:16px;padding:10px 16px}.picking-zoom-controls .btn-sm{align-items:center;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;padding:0;width:36px}.zoom-level{background:var(--bg-input);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center;transition:all var(--transition-fast)}.zoom-level:hover{background:var(--primary-light);color:var(--primary)}.picking-image-wrapper{cursor:default;display:inline-block;line-height:0;margin:20px;position:relative;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.picking-image-wrapper img{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:block;height:auto;max-width:100%}.picking-region{align-items:center;animation:pulse-green 2s infinite;background:#22c55e33;border:3px solid #22c55e;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;position:absolute;transition:all .2s}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 0 10px #22c55e00}}.picking-region:hover{background:#22c55e59;border-color:#4ade80;transform:scale(1.02)}.picking-region.selected{animation:pulse-yellow 1s infinite;background:#fbbf244d;border-color:#fbbf24;z-index:10}@keyframes pulse-yellow{0%,to{box-shadow:0 0 0 0 #fbbf24b3}50%{box-shadow:0 0 0 14px #fbbf2400}}.region-quantity-badge{align-items:center;background:linear-gradient(135deg,#f43f5e,#e11d48);border-radius:13px;box-shadow:0 2px 10px #f43f5e80;color:#fff;display:flex;font-size:13px;font-weight:700;height:26px;justify-content:center;min-width:26px;padding:0 8px;position:absolute;right:-12px;top:-12px;z-index:1}.region-sku-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;border-radius:6px;box-shadow:0 4px 12px #0006;color:#fff;font-size:13px;font-weight:600;max-width:95%;overflow:hidden;padding:6px 14px;text-overflow:ellipsis;white-space:nowrap}.no-storage{color:var(--text-secondary);padding:80px;text-align:center}.no-storage h3{color:var(--text-primary);font-size:18px;margin-bottom:12px}.no-storage p{font-size:14px;margin:0 auto;max-width:300px}.picking-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border-left:1px solid var(--border);display:flex;flex-direction:column;width:380px}.picking-sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.picking-sidebar-header h3{font-size:16px;font-weight:700;letter-spacing:-.02em}.picking-sidebar-header span{background:var(--bg-input);border-radius:12px;color:var(--text-secondary);font-size:13px;padding:4px 10px}.picking-items-list{flex:1 1;overflow-y:auto;padding:16px}.picking-item{align-items:center;background:var(--bg-input);border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:14px;transition:all var(--transition-fast)}.picking-item:hover{background:var(--bg-hover);border-color:var(--border)}.picking-item.selected{background:#fbbf241a;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2426}.picking-item.no-region{opacity:.5}.picking-item-image{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;height:56px;overflow:hidden;width:56px}.picking-item-image img{height:100%;object-fit:cover;width:100%}.picking-item-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-input) 100%);display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.picking-item-info{flex:1 1;min-width:0}.picking-item-name{font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picking-item-sku{background:var(--bg-dark);border-radius:4px;color:var(--text-muted);display:inline-block;font-family:SF Mono,Fira Code,monospace;font-size:12px;padding:2px 6px}.picking-item-warning{align-items:center;color:var(--warning);display:flex;font-size:11px;gap:4px;margin-top:6px}.picking-item-qty{background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);font-size:18px;font-weight:700;min-width:50px;padding:8px 16px;text-align:center}.picking-summary{background:var(--bg-dark);border-top:1px solid var(--border);padding:20px 24px}.picking-summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.picking-summary-row:last-child{margin-bottom:0}.picking-summary-row span{color:var(--text-secondary)}.picking-summary-row strong{font-weight:600}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f126;--danger:#f43f5e;--danger-hover:#e11d48;--danger-light:#f43f5e26;--success:#10b981;--success-hover:#059669;--success-light:#10b98126;--warning:#f59e0b;--warning-light:#f59e0b26;--bg-dark:#0f0f1a;--bg-card:#1e1e32cc;--bg-card-solid:#1e1e32;--bg-input:#0f0f1ecc;--bg-hover:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#94a3b81a;--border-hover:#94a3b833;--highlight:#6366f133;--highlight-border:#6366f1;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 30px #00000059;--shadow-glow:0 0 20px #6366f14d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f1a,#141428 50%,#0f0f1a);background:linear-gradient(135deg,var(--bg-dark) 0,#141428 50%,#0f0f1a 100%);background-attachment:fixed;color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;min-height:100vh}::selection{background-color:#6366f1;background-color:var(--primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f0f1a;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#94a3b833;background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn:before{background:linear-gradient(180deg,#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .15s ease;transition:opacity var(--transition-fast);width:100%}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);box-shadow:0 2px 8px #6366f159;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);background:linear-gradient(135deg,#818cf8 0,var(--primary) 100%);box-shadow:0 4px 16px #6366f173;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);background:linear-gradient(135deg,var(--danger) 0,#e11d48 100%);box-shadow:0 2px 8px #f43f5e59;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,#f43f5e);background:linear-gradient(135deg,#fb7185 0,var(--danger) 100%);box-shadow:0 4px 16px #f43f5e73;transform:translateY(-1px)}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#94a3b81a;border:1px solid #94a3b81a;border:1px solid var(--border);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#94a3b833;border-color:#94a3b833;border-color:var(--border-hover)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);box-shadow:0 2px 8px #10b98159;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);background:linear-gradient(135deg,#34d399 0,var(--success) 100%);box-shadow:0 4px 16px #10b98173;transform:translateY(-1px)}.btn-ghost{background:#0000;color:#94a3b8;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{background:#ffffff0d;background:var(--bg-hover);color:#f8fafc;color:var(--text-primary)}.btn-sm{border-radius:6px;font-size:13px;padding:8px 16px}.btn-icon{border-radius:8px;border-radius:var(--radius-sm);height:40px;padding:0;width:40px}.btn-icon.btn-sm{height:32px;width:32px}.input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f1ecc;background:var(--bg-input);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input:hover{border-color:#94a3b833;border-color:var(--border-hover)}.input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--primary-light);outline:none}.input::placeholder{color:#64748b;color:var(--text-muted)}.input-group{margin-bottom:20px}.input-group label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;letter-spacing:.02em;margin-bottom:8px}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32cc;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);overflow:hidden;padding:24px;position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card:hover{border-color:#94a3b833;border-color:var(--border-hover);box-shadow:0 4px 12px #00000040;box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:0 8px 30px #00000059;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.container{margin:0 auto;max-width:1440px;padding:32px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#94a3b8);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.02em}.grid{grid-gap:24px;display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:20px}.page-title{font-size:24px}}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 12px;text-transform:capitalize}.badge-pending{background:#f59e0b26;background:var(--warning-light);box-shadow:0 0 12px #f59e0b33;color:#f59e0b;color:var(--warning)}.badge-picking{background:#6366f126;background:var(--primary-light);box-shadow:0 0 12px #6366f133;color:#6366f1;color:var(--primary)}.badge-completed{background:#10b98126;background:var(--success-light);box-shadow:0 0 12px #10b98133;color:#10b981;color:var(--success)}.badge-cancelled{background:#f43f5e26;background:var(--danger-light);box-shadow:0 0 12px #f43f5e33;color:#f43f5e;color:var(--danger)}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav,.nav-brand{align-items:center;display:flex}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--primary) 0,#818cf8 100%);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;gap:10px;letter-spacing:-.02em;padding:20px 0}.nav-links{display:flex;gap:4px}.nav-link{align-items:center;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;padding:20px;position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.nav-link:hover{background:#ffffff0d;background:var(--bg-hover);color:#f8fafc;color:var(--text-primary)}.nav-link.active{border-bottom-color:#6366f1;border-bottom-color:var(--primary);color:#6366f1;color:var(--primary)}.nav-link.active:after{background:linear-gradient(90deg,#0000,#6366f1,#0000);background:linear-gradient(90deg,#0000,var(--primary),#0000);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.nav-actions{gap:16px}.nav-actions,.nav-user{align-items:center;display:flex}.nav-user{background:#ffffff0d;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);gap:12px;padding:8px 16px}.nav-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--primary) 0,#818cf8 100%);border-radius:50%;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.nav-user-email{color:#94a3b8;color:var(--text-secondary);font-size:13px}.table{border-collapse:initial;border-spacing:0;width:100%}.table td,.table th{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border);padding:16px 20px;text-align:left}.table th{background:#0003;color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table th:first-child{border-top-left-radius:8px;border-top-left-radius:var(--radius-sm)}.table th:last-child{border-top-right-radius:8px;border-top-right-radius:var(--radius-sm)}.table tbody tr{transition:all .15s ease;transition:all var(--transition-fast)}.table tbody tr:hover{background:#ffffff0d;background:var(--bg-hover)}.table-clickable tbody tr{cursor:pointer}.table-clickable tbody tr:hover{background:#6366f10d}.message{align-items:center;animation:slideIn .3s ease;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:14px 18px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-error{background:#f43f5e26;background:var(--danger-light);border:1px solid #f43f5e4d;color:#fda4af}.message-success{background:#10b98126;background:var(--success-light);border:1px solid #10b9814d;color:#6ee7b7}.empty-state{color:#94a3b8;color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#f8fafc;color:var(--text-primary);font-weight:600;margin-bottom:8px}.empty-state p{font-size:14px;margin:0 auto;max-width:300px}.loading{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.loading:before{animation:spin .8s linear infinite;border:3px solid #94a3b81a;border-top-color:#6366f1;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);content:"";height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#0f0f1ecc 25%,#ffffff0d 50%,#0f0f1ecc 75%);background:linear-gradient(90deg,var(--bg-input) 25%,var(--bg-hover) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlide .3s ease;background:#1e1e32;background:var(--bg-card-solid);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000059;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:20px;font-weight:700;letter-spacing:-.02em}.modal-close{align-items:center;background:#ffffff0d;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:36px}.modal-close:hover{background:#94a3b81a;background:var(--border);color:#f8fafc;color:var(--text-primary)}.modal-actions{border-top:1px solid #94a3b81a;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px}.stat-card{overflow:hidden;position:relative}.stat-card:after{border-radius:50%;content:"";height:100px;opacity:.1;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.stat-card.warning:after{background:#f59e0b;background:var(--warning)}.stat-card.primary:after{background:#6366f1;background:var(--primary)}.stat-card.success:after{background:#10b981;background:var(--success)}.stat-label{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.stat-value{font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-value.warning{color:#f59e0b;color:var(--warning)}.stat-value.primary{color:#6366f1;color:var(--primary)}.stat-value.success{color:#10b981;color:var(--success)}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#0000;border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:20px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.filter-btn:hover{border-color:#94a3b833;border-color:var(--border-hover);color:#f8fafc;color:var(--text-primary)}.filter-btn.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.tooltip{position:relative}.tooltip:after{background:#1e1e32;background:var(--bg-card-solid);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:6px;bottom:100%;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:6px 12px;position:absolute;transform:translateX(-50%) translateY(-4px);transition:all .15s ease;transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:100}.tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(-8px);visibility:visible}.divider{background:#94a3b81a;background:var(--border);height:1px;margin:24px 0}.section-title{color:#f8fafc;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.btn:focus-visible,.input:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary);outline-offset:2px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease}@media (max-width:900px){.nav{flex-wrap:wrap;padding:0 16px}.nav-links{border-top:1px solid #94a3b81a;border-top:1px solid var(--border);justify-content:center;margin-top:8px;order:3;padding-top:8px;width:100%}.nav-link{font-size:13px;padding:12px}.nav-user{display:none}.picking-sidebar{width:300px}}@media (max-width:600px){.picking-content{flex-direction:column}.picking-sidebar{max-height:50vh;width:100%}.picking-image-container{min-height:40vh}}
/*# sourceMappingURL=main.e926abb2.css.map*/