@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap);@keyframes checkboxPop{0%,to{transform:scale(1)}40%{transform:scale(1.2)}}@keyframes messageIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 6px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@keyframes voicePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes waveAnim{0%{height:8px}to{height:28px}}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkboxPopElite{0%{transform:scale(.95)}50%{transform:scale(1.15);box-shadow:0 0 20px rgba(99,102,241,.6)}to{transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-primary:#080b1a;--bg-secondary:#0d1128;--bg-card:rgba(255, 255, 255, 0.04);--bg-card-hover:rgba(255, 255, 255, 0.07);--bg-glass:rgba(13, 17, 40, 0.8);--bg-glass-light:rgba(255, 255, 255, 0.03);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent:#6366f1;--accent-light:#818cf8;--accent-dark:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--accent-gradient-2:linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);--accent-glow:0 0 20px rgba(99, 102, 241, 0.3);--success:#10b981;--success-light:#34d399;--success-bg:rgba(16, 185, 129, 0.15);--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:rgba(245, 158, 11, 0.15);--danger:#ef4444;--danger-light:#f87171;--danger-bg:rgba(239, 68, 68, 0.15);--info:#3b82f6;--info-light:#60a5fa;--info-bg:rgba(59, 130, 246, 0.15);--purple:#8b5cf6;--purple-light:#a78bfa;--purple-bg:rgba(139, 92, 246, 0.15);--border-color:rgba(255, 255, 255, 0.08);--border-light:rgba(255, 255, 255, 0.04);--border-accent:rgba(99, 102, 241, 0.3);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.25);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.35);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.5);--shadow-glow:0 4px 20px rgba(99, 102, 241, 0.25);--glass-shadow:0 4px 30px rgba(0, 0, 0, 0.3);--glass-blur:blur(16px);--glass-blur-strong:blur(24px);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--font-sans:'Inter', system-ui, -apple-system, sans-serif;--font-display:'Outfit', 'Inter', system-ui, sans-serif;--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-base:0.25s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.4s cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:0.35s cubic-bezier(0.34, 1.56, 0.64, 1);--z-dropdown:1000;--z-modal:10000;--z-toast:12000;--modal-bg:rgba(8, 11, 26, 0.92);--modal-border:rgba(255, 255, 255, 0.08)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:20px;background-image:radial-gradient(ellipse at 20%0,rgba(99,102,241,.08)0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.06)0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.03)0,transparent 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#fff}img{max-width:100%;height:auto}::selection{background:rgba(99,102,241,.3);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.container{max-width:1440px;margin:0 auto;padding:10px}@media (min-width:768px){.container{padding:24px}}.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.header::-webkit-scrollbar{display:none}.header h1,.page-header-text h1{font-family:var(--font-display);letter-spacing:-.5px;margin:0}.header h1{font-size:20px;font-weight:700;white-space:nowrap;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header .action-group{display:flex;flex-wrap:nowrap;gap:8px;width:auto;align-items:center}@media (min-width:992px){.header{margin-bottom:32px;overflow-x:visible}}.page-header{justify-content:space-between;margin-bottom:28px;padding:16px 24px;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.page-header:hover{border-color:rgba(255,255,255,.12);box-shadow:var(--glass-shadow),0 0 30px rgba(99,102,241,.05)}.page-header,.page-header-left{display:flex;align-items:center;gap:16px}.page-header-icon{width:46px;height:46px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);flex-shrink:0;position:relative;overflow:hidden}.btn::before,.page-header-icon::after{content:"";position:absolute;inset:0;pointer-events:none}.page-header-icon::after{background:linear-gradient(135deg,rgba(255,255,255,.2)0,transparent 50%)}.page-header-icon i{color:#fff;width:22px;height:22px;position:relative;z-index:1}.page-header-text h1{font-size:22px;font-weight:800;line-height:1.2}.page-header-text span{color:var(--text-secondary);font-weight:500}.action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-group .btn{padding:8px 14px;font-size:11px}.btn,.page-header-text span{font-size:12px;letter-spacing:.3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:var(--radius-md);background:var(--accent);color:#fff;text-decoration:none;font-weight:600;border:0;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap}.btn::before{background:linear-gradient(135deg,rgba(255,255,255,.15)0,transparent 50%)}.btn:hover{background:var(--accent-dark);box-shadow:var(--shadow-glow)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-success{background:var(--success)}.btn-success:hover{background:#059669;box-shadow:0 4px 20px rgba(16,185,129,.3)}.btn-warning{background:var(--warning);color:#1e293b}.btn-warning:hover{background:#d97706;box-shadow:0 4px 20px rgba(245,158,11,.3)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 20px rgba(239,68,68,.3)}.btn-info{background:var(--info)}.btn-info:hover{background:#2563eb;box-shadow:0 4px 20px rgba(59,130,246,.3)}.btn-outline{border:1px solid var(--border-color)}.btn-ghost::before,.btn-outline::before{display:none}.btn-outline:hover{border-color:rgba(255,255,255,.2);box-shadow:var(--shadow-md)}.btn-ghost,.btn-outline{background:0 0;color:var(--text-secondary);box-shadow:none}.btn-ghost:hover,.btn-outline:hover{background:var(--bg-card);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:11px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 24px;font-size:14px;border-radius:var(--radius-lg)}.btn-icon,.card{transition:all var(--transition-base)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;flex-shrink:0}.btn-icon i,.btn-icon svg{width:16px;height:16px}.btn-icon:hover{filter:brightness(1.3);transform:scale(1.08)}.btn-icon:active{transform:scale(.95)}.btn-icon.blue{background:rgba(59,130,246,.12);color:#60a5fa}.btn-icon.amber{background:rgba(245,158,11,.12);color:#fbbf24}.btn-icon.red{background:rgba(239,68,68,.12);color:#f87171}.btn-icon.green{background:rgba(16,185,129,.12);color:#34d399}.btn-icon.purple{background:rgba(139,92,246,.12);color:#a78bfa}.card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--glass-shadow);margin-bottom:24px}.card:hover{border-color:rgba(255,255,255,.12);box-shadow:var(--shadow-lg)}.card-title,.profile-info h3,.settings-card h3{font-family:var(--font-display);font-size:16px;font-weight:700}.card-title{margin-bottom:16px;color:var(--text-primary)}.kpi-section{margin-bottom:28px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.kpi-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px 24px;position:relative;overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--transition-base)}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.kpi-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg)0 0}.kpi-card::after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.04)0,transparent 70%);pointer-events:none}.kpi-card.kpi-total::before{background:var(--accent-gradient-2)}.kpi-card.kpi-prod::before{background:linear-gradient(90deg,var(--warning),var(--warning-light))}.kpi-card.kpi-ship::before{background:linear-gradient(90deg,var(--purple),var(--purple-light))}.kpi-card.kpi-done::before{background:linear-gradient(90deg,var(--success),var(--success-light))}.kpi-card.kpi-money::before{background:linear-gradient(90deg,var(--danger),var(--danger-light))}.kpi-card-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kpi-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-total .kpi-card-icon{background:var(--info-bg);color:var(--info-light)}.kpi-prod .kpi-card-icon{background:var(--warning-bg);color:var(--warning-light)}.kpi-ship .kpi-card-icon{background:var(--purple-bg);color:var(--purple-light)}.kpi-done .kpi-card-icon{background:var(--success-bg);color:var(--success-light)}.kpi-money .kpi-card-icon{background:var(--danger-bg);color:var(--danger-light)}.kpi-card-icon i{width:18px;height:18px}.kpi-card-body{flex:1;min-width:0}.kpi-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:6px}.kpi-value{font-family:var(--font-display);font-size:30px;font-weight:900;line-height:1;color:#fff;letter-spacing:-1px}.kpi-sub{font-size:11px;color:var(--text-muted);margin-top:6px}.profile-avatar,.profile-card{display:flex;align-items:center}.profile-card{gap:20px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.profile-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--accent-gradient);justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:800;color:#fff;box-shadow:var(--shadow-glow);flex-shrink:0}.profile-info h3,.settings-card h3{margin-bottom:4px}.profile-info span{font-size:12px;color:var(--text-secondary)}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:28px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);margin-bottom:24px}.settings-card h3{font-size:18px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.buttons-row,.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.filters-section{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:24px;box-shadow:var(--glass-shadow)}.filters-inner,.status-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-tabs{gap:2px;margin-top:6px;padding:0 0 4px;flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;-webkit-overflow-scrolling:touch}.status-tabs::-webkit-scrollbar{height:4px}.status-tabs::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-full)}.status-tab{padding:4px 10px;font-size:10px;font-weight:700;color:var(--text-secondary);text-decoration:none;background:var(--bg-glass-light);border:1px solid rgba(255,255,255,.06);border-radius:999px;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px;transition:all var(--transition-base)}.status-tab:hover{color:var(--text-primary);background:var(--bg-card);border-color:rgba(255,255,255,.15);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-tab.active{color:#fff;background:var(--accent-gradient);border-color:transparent;box-shadow:var(--shadow-glow)}.status-tab.active:hover{box-shadow:0 4px 25px rgba(99,102,241,.4)}.status-tab-count{font-size:10px;font-weight:700;background:rgba(255,255,255,.1);padding:3px 10px;border-radius:4px;color:inherit;min-width:24px;text-align:center}.status-tab-items{font-size:10px;opacity:.6;font-weight:600}.status-tab.active .status-tab-count{background:rgba(255,255,255,.2)}.search-wrapper{display:flex;align-items:center;gap:8px;flex-shrink:0}.search-wrapper form{display:flex;align-items:center;margin:0}.search-wrapper input[type=text]{width:160px;padding:6px 10px;font-size:12px;border-radius:var(--radius-md)0 0 var(--radius-md);border:1px solid var(--border-color);border-right:none;background:rgba(255,255,255,.03);color:var(--text-primary);outline:0;transition:border-color var(--transition-fast)}.search-wrapper input[type=text]:focus{border-color:var(--accent);background:rgba(255,255,255,.06)}.search-wrapper .btn-search{border-radius:0 var(--radius-sm) var(--radius-sm)0;padding:6px 10px;background:var(--bg-glass-light);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:all var(--transition-fast)}.search-wrapper .btn-search:hover{background:var(--bg-card);color:var(--text-primary)}.form-group label,.search-clear{font-weight:600;color:var(--text-secondary)}.search-clear{margin-left:8px;text-decoration:none;font-size:12px;white-space:nowrap}.search-clear:hover{color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:13px;letter-spacing:.2px}.form-control{width:100%;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:all var(--transition-fast);line-height:1.5}.form-control:focus{outline:0;border-color:var(--accent);background:rgba(255,255,255,.06)}.form-control::placeholder{color:var(--text-muted)}input[type=date].form-control,select.form-control{background-repeat:no-repeat;background-position:right 12px center}select.form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");padding-right:36px;cursor:pointer}.bulk-control-group select optgroup,.bulk-control-group select option,select option,select.form-control option{background:var(--bg-secondary);color:var(--text-primary)}textarea.form-control{min-height:100px;resize:vertical}input[type=date].form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-size:20px;padding-right:40px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.form-check{display:flex;align-items:center;gap:10px;cursor:pointer}.form-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.form-text{font-size:11px;color:var(--text-muted);margin-top:4px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.order-form-page .form-control{padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;line-height:1.5;min-height:47px}.order-form-page .form-control:focus{outline:0;border-color:var(--accent);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.size-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.size-grid::-webkit-scrollbar{height:4px}.size-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-full)}.size-grid>div{flex:0 0 72px;text-align:center}.order-form-page .size-grid>div{flex:1 0 72px}.variants-container{display:flex;flex-direction:column;gap:8px}.variant-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.02);padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:border-color var(--transition-fast)}.variant-row:hover{border-color:rgba(255,255,255,.15)}.variant-color-wrap{flex:0 0 120px;min-width:120px}.variant-color-input{font-size:13px!important;padding:8px!important;background:rgba(0,0,0,.3)!important;border-color:var(--border-color)!important}.variant-remove-btn{flex:0 0 32px!important;padding:4px 8px!important;font-size:16px!important;line-height:1;background:var(--danger-bg)!important;color:var(--danger-light)!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:var(--radius-sm)!important;cursor:pointer;transition:all var(--transition-fast)}.variant-remove-btn:hover{background:rgba(239,68,68,.25)!important}.variant-row .size-grid{flex:1;overflow-x:auto}.variant-row .size-grid>div{flex:0 0 58px;text-align:center}.variant-size-input{padding:6px 2px!important;text-align:center!important;font-size:13px!important}.add-variant-btn{align-self:flex-end;margin-top:4px}.ck{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:0;vertical-align:middle}.ck input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ck .ck-check{width:22px;height:22px;border:2px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.02);transition:all var(--transition-bounce);flex-shrink:0;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.05);display:inline-block}.ck:hover .ck-check{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06);box-shadow:0 2px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);transform:scale(1.08)}.ck input:checked+.ck-check{background:var(--accent-gradient);border-color:transparent;box-shadow:0 4px 16px rgba(99,102,241,.45),inset 0 1px 0 rgba(255,255,255,.2);animation:checkboxPop .35s var(--transition-bounce)}.ck input:checked+.ck-check::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-60%) rotate(45deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.ck input:active+.ck-check{transform:scale(.92)}#selectAll:checked+.ck-check{background:linear-gradient(145deg,#34d399,#10b981);box-shadow:0 4px 16px rgba(16,185,129,.45),inset 0 1px 0 rgba(255,255,255,.2)}tr:has(.order-check:checked){background:rgba(99,102,241,.06)!important;border-left:3px solid var(--accent)}.table-responsive{overflow-x:auto}.card.table-responsive{overflow:hidden;padding:0}table{width:100%;border-collapse:separate;border-spacing:0}td,th,thead th{padding:12px 8px;text-align:left}thead th{background:rgba(255,255,255,.02);font-size:10px;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700;color:var(--text-secondary)}td,th{vertical-align:middle;border-bottom:1px solid var(--border-light)}td{font-size:13px}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:rgba(255,255,255,.03)}tbody tr:last-child td{border-bottom:none}td.actions,th.col-actions{text-align:center}td.actions{vertical-align:middle;white-space:nowrap;padding:10px 16px}td.actions .actions{gap:6px;justify-content:center}.actions{gap:8px;align-items:center}.action-btn,.badge,td.actions .actions{display:inline-flex;align-items:center}.action-btn{justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:rgba(255,255,255,.04);border:1px solid var(--border-color);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.action-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);color:var(--text-primary);border-color:rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.action-btn.btn-view:hover{background:var(--info-bg);color:var(--info-light);border-color:var(--info-light)}.action-btn.btn-edit:hover{background:var(--warning-bg);color:var(--warning-light);border-color:var(--warning-light)}.action-btn.btn-delete:hover{background:var(--danger-bg);color:var(--danger-light);border-color:var(--danger-light)}.action-btn.has-notification{position:relative}.action-btn i{width:16px;height:16px}.badge{gap:5px;padding:4px 10px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.badge.status-new{background:var(--info-bg);color:var(--info-light)}.badge.status-production{background:var(--warning-bg);color:var(--warning-light)}.badge.status-dispatched{background:var(--purple-bg);color:var(--purple-light)}.badge.status-partially-delivered{background:rgba(245,158,11,.2);color:var(--warning-light);border:1px solid rgba(245,158,11,.2)}.badge.status-delivered{background:var(--success-bg);color:var(--success-light)}.badge.status-pending{background:var(--warning-bg);color:var(--warning-light)}.badge.status-cancelled{background:var(--danger-bg);color:var(--danger-light)}.badge.status-paid{background:var(--success-bg);color:var(--success-light)}.badge.status-unpaid{background:var(--warning-bg);color:var(--warning-light)}.bulk-actions-bar{margin:0 0 20px;padding:16px 20px;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(13,17,40,.5));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);display:flex;gap:16px;align-items:center;flex-wrap:wrap;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.bulk-actions-icon{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bulk-actions-icon.packing{background:var(--success-bg);color:var(--success)}.bulk-actions-icon.invoice{background:var(--info-bg);color:var(--info)}.bulk-actions-info{margin-right:auto}.bulk-actions-info .title{font-weight:700;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.5px}.bulk-actions-info .subtitle{font-size:10px;color:var(--text-secondary);margin-top:2px}.bulk-control-group,.user-context{align-items:center;gap:8px;background:rgba(255,255,255,.03);border-radius:var(--radius-md)}.bulk-control-group{border:1px solid rgba(255,255,255,.08);padding:6px 14px;display:flex;transition:border-color var(--transition-fast)}.bulk-control-group:hover{border-color:rgba(255,255,255,.15)}.bulk-control-group input,.bulk-control-group select{background:0 0;border:0;color:#fff;font-size:12px;font-weight:600;outline:0;cursor:pointer}.bulk-control-group input{width:140px}.user-context{position:relative;display:inline-flex;border:1px solid var(--border-color);padding:7px 14px;cursor:pointer;white-space:nowrap;margin-left:4px;transition:all var(--transition-fast)}.user-context:hover{background:var(--bg-card);border-color:rgba(255,255,255,.2)}.user-role-badge{font-size:9px;background:var(--info-bg);color:var(--info-light);padding:2px 7px;border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.user-name{color:#fff;font-size:12px;font-weight:600}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:12px;background:var(--bg-glass);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--modal-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);overflow:hidden}.user-context:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:13px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.03);transition:background var(--transition-fast)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:rgba(99,102,241,.1);color:var(--accent-light)}.dropdown-item i{width:16px;height:16px;opacity:.7}.g-custom-select{position:relative;width:100%}.g-custom-select-trigger{cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;-webkit-user-select:none;background-image:none!important}.g-custom-select-trigger::after{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform var(--transition-base)}.g-custom-select.open .g-custom-select-trigger{border-color:var(--accent);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.g-custom-select.open .g-custom-select-trigger::after{transform:rotate(180deg)}.g-custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg-glass);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--modal-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);z-index:var(--z-dropdown);max-height:260px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.g-custom-select-dropdown::-webkit-scrollbar{width:6px}.g-custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-full)}.g-custom-select.open .g-custom-select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.g-custom-select-item{padding:12px 16px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.g-custom-select-item:hover{background:rgba(99,102,241,.1);color:var(--text-primary)}.g-custom-select-item.selected{background:var(--accent);color:#fff;font-weight:600}.g-modal,.g-modal-overlay{transition:var(--transition-slow)}.g-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;padding:20px;overflow-y:auto}.g-modal-overlay.active{opacity:1;visibility:visible}.g-modal{background:var(--modal-bg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--modal-border);border-radius:var(--radius-xl);padding:32px;width:90%;max-width:440px;box-shadow:var(--shadow-xl);transform:scale(.9) translateY(20px)}.g-modal-overlay.active .g-modal{transform:scale(1) translateY(0)}.g-modal-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.3px}.g-modal-body{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:28px}.g-modal-actions{display:flex;gap:12px;justify-content:flex-end}.g-toast-container{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:10px;z-index:var(--z-toast)}.g-toast{background:var(--bg-glass);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--modal-border);color:#fff;border-radius:var(--radius-lg);padding:16px 24px;box-shadow:var(--shadow-xl);font-size:13px;font-weight:600;display:flex;align-items:center;gap:12px;transform:translateX(120%);transition:var(--transition-slow);min-width:280px;max-width:420px}.g-toast.active{transform:translateX(0)}.g-toast.success{border-left:4px solid var(--success)}.g-toast.error{border-left:4px solid var(--danger)}.g-toast.info{border-left:4px solid var(--accent)}.g-toast.warning{border-left:4px solid var(--warning)}.chat-container,.chat-messages{display:flex;flex-direction:column}.chat-container{height:550px;max-height:70vh;background:rgba(8,11,26,.3);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:visible;position:relative}.chat-messages{flex:1;overflow-y:auto;padding:20px;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.chat-message{max-width:85%;padding:12px 18px;border-radius:20px;font-size:13.5px;line-height:1.6;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:messageIn .4s var(--transition-base)}.chat-message.sent{align-self:flex-end;background:linear-gradient(135deg,#075e54,#0b7a6b);color:#fff;font-weight:500;font-size:14px;border-bottom-right-radius:4px;border:1px solid rgba(255,255,255,.08)}.chat-message.received{align-self:flex-start;background:rgba(255,255,255,.05);backdrop-filter:blur(5px);color:#fff;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.1)}.message-meta{font-size:10px;opacity:.5;margin-top:6px;display:flex;justify-content:flex-end;align-items:center;gap:6px;font-weight:500}.message-status{font-weight:900;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.message-status.read{color:var(--success-light);text-shadow:0 0 10px rgba(52,211,153,.3)}.message-status.sent{color:var(--warning-light)}.chat-input-area{padding:20px;background:rgba(8,11,26,.4);border-top:1px solid rgba(255,255,255,.05);display:flex;gap:12px;align-items:center}.chat-input{flex:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:12px 18px;color:#fff;font-size:14px;outline:0;font-family:var(--font-sans);transition:all var(--transition-fast)}.chat-input:focus{border-color:var(--accent);background:rgba(255,255,255,.06);box-shadow:0 0 20px rgba(99,102,241,.1)}.btn-chat-send,.notification-badge{color:#fff;display:flex;align-items:center;justify-content:center}.btn-chat-send{background:var(--accent-gradient);border:0;border-radius:var(--radius-lg);width:46px;height:46px;cursor:pointer;box-shadow:0 4px 15px rgba(99,102,241,.3);transition:all var(--transition-base)}.btn-chat-send:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.1)}.btn-chat-send:active{transform:scale(.95)}.notification-badge{position:absolute;top:-6px;right:-6px;background:var(--danger);font-size:10px;font-weight:900;padding:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:0 2px 8px rgba(239,68,68,.4);animation:badgePulse 2s infinite;z-index:1}.chat-image{max-width:100%;max-height:250px;border-radius:var(--radius-md);margin-top:8px;cursor:pointer;display:block;background:rgba(255,255,255,.05);transition:all var(--transition-fast)}.chat-image:hover{transform:scale(1.02);filter:brightness(1.1)}.chat-message.sent .chat-image{border:1px solid rgba(255,255,255,.2)}.chat-file-attachment,.chat-message.received .chat-image{border:1px solid var(--border-color)}.chat-file-attachment{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);padding:10px 14px;border-radius:var(--radius-lg);margin-top:4px;text-decoration:none;color:inherit;transition:all var(--transition-fast)}.chat-file-attachment:hover{background:rgba(255,255,255,.08);border-color:var(--accent);transform:translateY(-1px)}.chat-file-icon{width:36px;height:36px;background:var(--accent);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-file-info{flex:1;min-width:0}.chat-file-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.chat-file-meta{font-size:10px;opacity:.6;text-transform:uppercase}.chat-file-download{color:var(--accent-light);opacity:.8}.chat-upload-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);border-radius:var(--radius-lg);width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chat-upload-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:var(--accent);transform:translateY(-2px)}#voice-rec-btn{overflow:hidden}#voice-rec-btn.hidden-smooth{width:0;opacity:0;transform:scale(.5);margin:0;padding:0;border-width:0;pointer-events:none}.chat-image-preview-container{padding:10px 15px;background:rgba(99,102,241,.08);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px;animation:slideUp .3s ease}.chat-image-preview{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--accent)}.chat-image-preview-info{font-size:11px;color:var(--accent-light);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-image-preview-remove{cursor:pointer;color:var(--danger);font-size:16px;padding:0 5px}.chat-reply-quote{background:rgba(255,255,255,.05);border-left:3px solid var(--accent);padding:6px 10px;border-radius:4px;margin-bottom:8px;font-size:11px;cursor:pointer}.chat-reply-quote-user{font-weight:800;color:var(--accent-light);margin-bottom:2px}.chat-reply-quote-content{display:flex;gap:10px;align-items:center}.chat-reply-quote-text{flex:1;min-width:0;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-quote-thumb{width:32px;height:32px;object-fit:cover;border-radius:4px;background:rgba(0,0,0,.2)}.reply-preview-bar{padding:8px 15px;background:rgba(99,102,241,.08);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px;animation:slideUp .3s ease}.reply-preview-content{flex:1;min-width:0}.reply-preview-thumb{width:36px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--accent)}.reply-preview-user{font-size:10px;font-weight:800;color:var(--accent-light);text-transform:uppercase}.reply-preview-text{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-message-reply{opacity:0;cursor:pointer;color:var(--text-secondary);position:absolute;top:50%;right:-30px;transform:translateY(-50%);transition:opacity var(--transition-fast)}.chat-message:hover .btn-message-reply{opacity:1}.chat-message.sent .btn-message-reply{right:auto;left:-30px}.online-user-pill{display:flex;align-items:center;gap:6px;background:var(--success-bg);border:1px solid rgba(16,185,129,.2);padding:2px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:700;color:var(--success);text-transform:uppercase;letter-spacing:.02em}.online-user-dot{width:6px;height:6px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}.voice-recording-bar{padding:16px 20px;background:rgba(239,68,68,.06);border-top:1px solid rgba(239,68,68,.15);display:flex;align-items:center;gap:16px;animation:slideUp .3s ease}.voice-recording-indicator{display:flex;align-items:center;gap:8px;color:var(--danger);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.voice-rec-dot{width:10px;height:10px;background:var(--danger);border-radius:50%;animation:voicePulse 1s infinite}.voice-wave-bar{width:3px;height:16px;background:rgba(239,68,68,.5);border-radius:4px;animation:waveAnim .8s ease-in-out infinite alternate}.voice-wave-bar:nth-child(2){animation-delay:.1s;height:22px}.voice-wave-bar:nth-child(3){animation-delay:.2s;height:12px}.voice-wave-bar:nth-child(4){animation-delay:.3s;height:28px}.voice-wave-bar:nth-child(5){animation-delay:.4s;height:18px}.voice-wave-bar:nth-child(6){animation-delay:.5s;height:24px}.voice-wave-bar:nth-child(7){animation-delay:.6s;height:14px}.voice-cancel-btn,.voice-send-btn{background:0 0;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:var(--radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.voice-cancel-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.voice-send-btn{background:#075e54;border-color:#075e54}.voice-send-btn:hover{transform:scale(1.05);filter:brightness(1.2)}.chat-voice-player{display:flex;align-items:center;gap:12px;padding:8px 4px;min-width:200px}.emoji-grid span,.voice-play-btn{cursor:pointer;transition:all var(--transition-fast)}.voice-play-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);border:0;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-play-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}.voice-progress-wrap{flex:1;display:flex;flex-direction:column;gap:4px}.voice-progress-bar{height:4px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden}.voice-progress-fill{height:100%;width:0%;background:#fff;border-radius:4px}.voice-duration{font-size:10px;font-weight:600;opacity:.7;font-variant-numeric:tabular-nums}.emoji-picker-panel{position:absolute;bottom:50px;left:0;right:0;background:rgba(8,11,26,.97);backdrop-filter:var(--glass-blur-strong);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-xl);z-index:100;max-height:200px;overflow-y:auto}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.emoji-grid span{font-size:20px;padding:5px;text-align:center;border-radius:var(--radius-md);line-height:1}.emoji-grid span:hover{background:rgba(255,255,255,.1);transform:scale(1.2)}.chat-modal-z{z-index:var(--z-modal)}.image-modal-z{z-index:calc(var(--z-modal) + 1000)}.toast-z{z-index:var(--z-toast)}.btn-message-action,.message-actions-overlay{display:flex;transition:all var(--transition-fast)}.message-actions-overlay{position:absolute;top:-12px;right:12px;background:var(--bg-glass);backdrop-filter:var(--glass-blur-strong);border:1px solid var(--modal-border);border-radius:var(--radius-md);padding:4px;gap:4px;opacity:0;visibility:hidden;box-shadow:var(--shadow-lg);z-index:10}.chat-message:hover .message-actions-overlay{opacity:1;visibility:visible;top:-18px}.chat-message.sent .message-actions-overlay{right:auto;left:12px}.btn-message-action{width:28px;height:28px;border-radius:var(--radius-sm);align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.6)}.btn-message-action:hover{background:rgba(255,255,255,.1);color:var(--accent-light)}.btn-delete-msg:hover{color:var(--danger)}.edited-tag{font-size:10px;opacity:.4;font-style:italic;margin-left:6px}.deleted-message{background:rgba(255,255,255,.02)!important;border:1px dashed rgba(255,255,255,.1)!important}.chat-header-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-header-btn:hover{background:rgba(255,255,255,.1);border-color:var(--accent);color:var(--accent-light)}.chat-search-bar{padding:10px 20px;background:rgba(8,11,26,.4);border-bottom:1px solid rgba(255,255,255,.05);animation:slideDown .3s ease}.chat-close-btn,.chat-search-inner{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);display:flex;align-items:center}.chat-search-inner{background:rgba(0,0,0,.2);padding:6px 12px;gap:10px}#chat-search-input{background:0 0;border:0;color:#fff;font-size:13px;flex:1;outline:0}.chat-close-btn{background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);cursor:pointer;width:34px;height:34px;justify-content:center;backdrop-filter:blur(4px);transition:all var(--transition-base)}.chat-close-btn:hover{background:var(--danger-bg);border-color:rgba(239,68,68,.4);color:var(--danger);transform:rotate(90deg) scale(1.05);box-shadow:0 0 15px rgba(239,68,68,.2)}.urgent-badge{animation:pulse-red 2s infinite;background:var(--danger);color:#fff;display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;margin-left:8px}tr{animation:fadeIn .3s ease-out forwards}.invoice-wrapper,.packing-wrapper,.receipt-wrapper{background:#fff;color:#1e293b;padding:40px;border-radius:var(--radius-lg);max-width:800px;margin:0 auto;box-shadow:var(--shadow-lg)}.invoice-wrapper table,.packing-wrapper table,.receipt-wrapper table{border-collapse:collapse}.invoice-wrapper th,.packing-wrapper th,.receipt-wrapper th{background:#f8fafc;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:2px solid #e2e8f0}.invoice-wrapper td,.packing-wrapper td,.receipt-wrapper td{padding:12px 16px;border-bottom:1px solid #e2e8f0;color:#334155}.order-status-tracker{display:flex;align-items:center;gap:0;margin:20px 0}.order-status-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.order-status-step .step-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.2);z-index:1}.order-status-step.active .step-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px rgba(99,102,241,.5)}.order-status-step.completed .step-dot{background:var(--success);border-color:var(--success)}.order-status-step .step-label{font-size:9px;margin-top:6px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.3px}.order-status-step.active .step-label{color:var(--accent-light)}.order-status-step.completed .step-label{color:var(--success-light)}.order-status-step::after{content:"";position:absolute;top:6px;left:50%;width:100%;height:2px;background:rgba(255,255,255,.1)}.order-status-step:last-child::after{display:none}.order-status-step.completed::after{background:var(--success)}.order-status-step.active::after{background:linear-gradient(90deg,var(--success),var(--accent))}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.order-detail-item{display:flex;flex-direction:column;gap:4px}.auth-card .form-group label,.order-detail-item .label{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.order-detail-item .label{font-size:10px;color:var(--text-muted)}.order-detail-item .value{font-size:15px;font-weight:600;color:var(--text-primary)}.image-preview{margin-top:20px;border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:20px;background:rgba(0,0,0,.2);text-align:center}.image-preview img{max-width:100%;max-height:500px;border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform var(--transition-base);cursor:pointer}.image-preview img:hover{transform:scale(1.02)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.gallery-item{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.gallery-item:hover{transform:scale(1.05);border-color:var(--accent);box-shadow:var(--shadow-glow)}.box-label{background:#fff;color:#000;padding:20px;border-radius:4px;font-family:"Courier New",monospace;font-size:12px;line-height:1.4}.box-label .header{border-bottom:2px solid #000;margin-bottom:12px;padding-bottom:8px;display:flex;justify-content:space-between}.box-label .brand{font-size:18px;font-weight:900;text-transform:uppercase}.box-label .order-id{font-size:14px;font-weight:700}.box-label .details{margin-bottom:8px}.box-label .details .row{display:flex;justify-content:space-between;padding:2px 0}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.1)0,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(168,85,247,.08)0,transparent 50%);padding:20px}.auth-card{width:100%;max-width:420px;background:var(--bg-glass);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--modal-border);border-radius:var(--radius-2xl);padding:40px;box-shadow:var(--shadow-xl)}.auth-card .logo{text-align:center;margin-bottom:32px}.auth-card .logo h1{font-family:var(--font-display);font-size:28px;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card .logo p{font-size:13px;color:var(--text-secondary);margin-top:4px}.auth-card .form-group{margin-bottom:20px}.auth-card .form-group label{font-size:12px}.auth-card .btn{width:100%;padding:14px;font-size:14px;font-weight:700;margin-top:8px}.auth-card .error-message,.auth-card .success-message{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;margin-bottom:20px;text-align:center}.auth-card .error-message{background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);color:var(--danger-light)}.auth-card .success-message{background:var(--success-bg);border:1px solid rgba(16,185,129,.3);color:var(--success-light)}@media print{a,body{color:#000!important}.container,body{padding:0!important}body{background:#fff!important;margin:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.container{max-width:100%!important}.action-group,.btn,.bulk-actions-bar,.filters-section,.g-modal-overlay,.g-toast-container,.header,.page-header,.search-wrapper,.user-context{display:none!important}.card{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #e2e8f0!important;box-shadow:none!important;border-radius:4px!important;padding:16px!important;break-inside:avoid}table{border-collapse:collapse!important}th{background:#f8fafc!important;color:#475569!important;border-bottom:2px solid #e2e8f0!important}td{color:#334155!important;border-bottom:1px solid #e2e8f0!important}.invoice-wrapper,.packing-wrapper,.receipt-wrapper{background:#fff!important;color:#000!important;box-shadow:none!important;padding:20px!important;border-radius:0!important}.box-label{border:1px solid #000!important}.kpi-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;box-shadow:none!important}.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{text-decoration:underline!important}}@media (max-width:991px){.page-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.page-header-left{width:100%}.action-group{width:100%;justify-content:flex-start}.order-details-grid{grid-template-columns:1fr}}@media (max-width:767px){body{padding:12px}.page-header{flex-direction:column;align-items:flex-start;padding:14px 16px}.page-header-text h1{font-size:18px}.page-header-left{width:100%}.action-group{width:100%;justify-content:flex-start}.action-group .btn{font-size:10px;padding:6px 10px}.filters-inner{flex-direction:column;align-items:stretch}.search-wrapper,.search-wrapper input[type=text]{width:100%}.bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-actions-info{margin-right:0}.kpi-row{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:24px}.card{padding:16px}.auth-card{padding:28px}.header h1{font-size:16px}.g-modal{padding:24px}.invoice-wrapper,.packing-wrapper,.receipt-wrapper{padding:20px}}@media (max-width:480px){.kpi-row{grid-template-columns:1fr}.header{flex-direction:column;align-items:stretch}.header .action-group{justify-content:stretch}.header .action-group .btn{flex:1;text-align:center}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-accent{color:var(--accent-light)}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-none{display:none}.d-block{display:block}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-column{flex-direction:column}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center,input[type=checkbox]{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.m-0{margin:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.w-100{width:100%}.h-100{height:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}.border-bottom{border-bottom:1px solid var(--border-color)}.bg-card{background:var(--bg-card)}.bg-glass{background:var(--bg-glass)}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.fs-10{font-size:10px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.ttu{text-transform:uppercase}.tdn{text-decoration:none}.ls-1{letter-spacing:.5px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.position-relative{position:relative}.position-absolute{position:absolute}.op-6{opacity:.6}.op-8{opacity:.8}.white-space-nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}.user-select-none{user-select:none}.btn{transition:all .2s ease-in-out}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}table tbody tr{transition:background-color .2s ease;animation:slideInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}table tbody tr:hover{background-color:rgba(255,255,255,.05)}.card,.modal-content{animation:fadeIn .4s ease-out}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.03);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:inline-flex;align-items:center;cursor:pointer;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);vertical-align:middle;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}input[type=checkbox]::after{content:"";position:absolute;width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0) translate(-1px,-2px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--accent, #6366f1),var(--purple, #8b5cf6));border-color:transparent;animation:checkboxPopElite .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px rgba(99,102,241,.45),inset 0 1px 1px rgba(255,255,255,.2)}input[type=checkbox]:checked::after{transform:rotate(45deg) scale(1) translate(-1px,-2px);opacity:1}input[type=checkbox]:hover:not(:checked){border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);transform:scale(1.05)}input[type=checkbox]:active{transform:scale(.95)}table tbody tr:nth-child(1){animation-delay:.05s}table tbody tr:nth-child(2){animation-delay:.1s}table tbody tr:nth-child(3){animation-delay:.15s}table tbody tr:nth-child(4){animation-delay:.2s}table tbody tr:nth-child(5){animation-delay:.25s}table tbody tr:nth-child(6){animation-delay:.3s}table tbody tr:nth-child(7){animation-delay:.35s}table tbody tr:nth-child(8){animation-delay:.4s}table tbody tr:nth-child(9){animation-delay:.45s}table tbody tr:nth-child(10){animation-delay:.5s}table tbody tr:nth-child(n+11){animation-delay:.55s}.form-control:focus,.search-wrapper input[type=text]:focus{box-shadow:0 0 0 3px rgba(99,102,241,.2),0 4px 15px rgba(99,102,241,.1)!important}.kpi-card{background:linear-gradient(180deg,rgba(255,255,255,.1)0,rgba(255,255,255,.03) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01))!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 0 20px rgba(255,255,255,.02),var(--glass-shadow)!important}.card{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 120px,rgba(255,255,255,0) 121px,rgba(255,255,255,0) 100%),var(--bg-card)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.15),var(--glass-shadow)!important}.kpi-card:hover{background:linear-gradient(180deg,rgba(255,255,255,.15)0,rgba(255,255,255,.05) 49%,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 100%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;border-color:rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 8px 30px rgba(99,102,241,.2)!important;transform:translateY(-4px) scale(1.02)}