.unattended-alert-overlay{position:fixed;inset:0;background:rgba(8,5,5,.45);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:12000;padding:20px}.unattended-alert-modal{width:100%;max-width:520px;background:rgba(26,20,20,.85);border:1px solid rgba(239,68,68,.35);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),0 0 40px rgba(239,68,68,.15);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;color:#f4f4f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;max-height:calc(100vh - 40px)}.alert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.alert-badge-group{display:flex;align-items:center;gap:10px}.premium-danger-badge{font-size:.72rem;font-weight:850;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;padding:4px 10px;border-radius:6px;letter-spacing:.08em;box-shadow:0 0 10px rgba(239,68,68,.4)}.pulse-circle-ring{width:16px;height:16px;border-radius:50%;background:rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center}.pulse-core{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:st-alarm-pulse 1.4s ease-in-out infinite}@keyframes st-alarm-pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 12px #ef4444}to{transform:scale(.9);opacity:.8}}.sound-toggle-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#a1a1aa;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sound-toggle-btn:hover{background:rgba(255,255,255,.12);color:#fff;transform:scale(1.05)}.alert-banner-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 28px 16px}.danger-shield-icon{width:64px;height:64px;border-radius:20px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#f87171;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:inset 0 0 15px rgba(239,68,68,.1);animation:st-shake 1.8s ease-in-out infinite}@keyframes st-shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-3deg)}20%,40%,60%,80%{transform:rotate(3deg)}}.alert-banner-content h2{font-size:1.35rem;font-weight:850;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.alert-banner-content p{font-size:.85rem;color:#a1a1aa;margin:0;line-height:1.5}.alert-banner-content p b{color:#f87171}.unattended-list-scrollable{flex:1;overflow-y:auto;padding:12px 24px;display:flex;flex-direction:column;gap:12px;max-height:280px}.unattended-card-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.unattended-card-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);box-shadow:0 4px 12px rgba(0,0,0,.15)}.unattended-card-item.expanded{background:rgba(259,68,68,.04);border-color:rgba(239,68,68,.2)}.card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-order-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.order-title-id{display:flex;align-items:center;gap:8px}.order-id-hash{font-family:monospace;font-size:.85rem;font-weight:750;color:#f87171}.customer-name-bold{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-meta-info-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-info-pill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:#a1a1aa;background:rgba(255,255,255,.04);padding:3px 8px;border-radius:6px}.product-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.order-elapsed-timer{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:800;color:#f87171;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.2);padding:4px 8px;border-radius:8px;flex-shrink:0}.order-elapsed-timer.animate-timer{animation:timer-pulse 1s infinite alternate}@keyframes timer-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.card-actions-wrapper{margin-top:4px}.quick-resolve-trigger-btn{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.quick-resolve-trigger-btn:hover{background:var(--st-accent,#6366f1);border-color:transparent;transform:translateY(-1px)}.quick-actions-form{display:flex;flex-direction:column;gap:10px;animation:action-slide .2s ease-out}@keyframes action-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quick-action-subhead{font-size:.75rem;font-weight:700;color:#a1a1aa;margin:0}.quick-action-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qa-option-btn{padding:10px 6px;border-radius:10px;border:1px solid transparent;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .18s;color:#fff;font-family:inherit}.qa-option-btn.busy{background:rgba(234,179,8,.12);border-color:rgba(234,179,8,.2);color:#facc15}.qa-option-btn.nopick{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.2);color:#f87171}.qa-option-btn.hold{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.2);color:#818cf8}.qa-option-btn:hover{transform:translateY(-1.5px);filter:brightness(1.2);box-shadow:0 4px 10px rgba(0,0,0,.1)}.quick-note-input-wrap{position:relative}.quick-note-field{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);color:#fff;font-size:.78rem;outline:none;font-family:inherit;box-sizing:border-box}.quick-note-field:focus{border-color:rgba(255,255,255,.2)}.quick-action-cancel-row{display:flex;justify-content:flex-end}.quick-action-back-btn{background:transparent;border:none;color:#71717a;font-size:.75rem;font-weight:600;cursor:pointer}.quick-action-back-btn:hover{color:#a1a1aa}.alert-modal-footer{display:flex;justify-content:center;padding:16px 24px 24px;border-top:1px solid rgba(255,255,255,.05)}.snooze-action-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#a1a1aa;padding:10px 24px;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.snooze-action-btn:hover{background:rgba(255,255,255,.1);color:#fff}.order-history-section{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border-color)}.history-header{justify-content:space-between;margin-bottom:var(--sp-4)}.history-header,.history-title{display:flex;align-items:center}.history-title{gap:10px;font-size:16px;font-weight:800;color:var(--text-primary)}.sla-audit-summary{display:flex;gap:12px}.audit-badge{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.audit-badge.highlight{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.1);color:#7c3aed}.timeline-container{gap:0;margin-top:20px;padding-left:10px}.timeline-item{padding-left:30px;padding-bottom:24px;border-left:2px solid #f1f5f9}.timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.timeline-dot{position:absolute;left:-7px;top:0;width:12px;height:12px;border-radius:50%;background:white;border:2px solid #cbd5e1;z-index:2}.timeline-item.status-change .timeline-dot{border-color:#3b82f6;background:#3b82f6}.timeline-item.call-log .timeline-dot{border-color:#f59e0b;background:#f59e0b}.timeline-item.create .timeline-dot{border-color:#10b981;background:#10b981}.timeline-content{gap:4px}.timeline-time{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase}.timeline-desc{font-size:14px;font-weight:600;color:var(--text-secondary)}.timeline-user{font-size:12px;font-weight:500;color:#64748b;display:flex;align-items:center;gap:6px}.timeline-user .user-avatar-mini{width:18px;height:18px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:#475569}.loading-logs{padding:40px;display:flex;justify-content:center;color:#94a3b8}.empty-logs{padding:20px;text-align:center;color:#94a3b8;font-size:14px}[data-theme=dark] .order-history-section{border-top-color:rgba(255,255,255,.05)}[data-theme=dark] .audit-badge{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);color:var(--text-tertiary)}[data-theme=dark] .audit-badge.highlight{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.2);color:#c084fc}[data-theme=dark] .timeline-item{border-left-color:rgba(255,255,255,.05)}[data-theme=dark] .timeline-dot{background:var(--bg-main);border-color:rgba(255,255,255,.1)}[data-theme=dark] .timeline-user .user-avatar-mini{background:rgba(255,255,255,.05);color:#e2e8f0}[data-theme=dark] .timeline-time,[data-theme=dark] .timeline-user{color:var(--text-tertiary)}.export-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:em-fade-in .2s ease}@keyframes em-fade-in{0%{opacity:0}to{opacity:1}}.export-modal{background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.18),0 0 0 1px rgba(99,102,241,.1);width:100%;max-width:640px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:em-slide-up .25s ease}@keyframes em-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color,#e2e8f0);flex-shrink:0}.export-modal-title{display:flex;align-items:center;gap:10px}.export-modal-title-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.export-modal-title h2{font-size:1.05rem;font-weight:700;color:var(--text-primary,#0f172a);margin:0}.export-modal-title p{font-size:.78rem;color:var(--text-secondary,#64748b);margin:2px 0 0}.export-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color,#e2e8f0);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#64748b);transition:all .15s;flex-shrink:0}.export-modal-close:hover{background:var(--border-color,#f1f5f9);color:var(--text-primary,#0f172a)}.export-modal-body{overflow-y:auto;padding:20px 24px;flex:1;display:flex;flex-direction:column;gap:18px}.last-export-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);border-radius:10px;font-size:.82rem;color:var(--text-secondary,#64748b)}.last-export-bar strong{color:#6366f1}.export-section-title{font-size:.78rem;font-weight:700;color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.export-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-mode-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;background:transparent;text-align:left;transition:all .18s}.export-mode-card:hover{border-color:#6366f1;background:rgba(99,102,241,.04)}.export-mode-card.selected{border-color:#6366f1;background:rgba(99,102,241,.07)}.export-mode-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-mode-icon.purple{background:rgba(99,102,241,.12);color:#6366f1}.export-mode-icon.blue{background:rgba(14,165,233,.12);color:#0ea5e9}.export-mode-icon.green{background:rgba(16,185,129,.12);color:#10b981}.export-mode-icon.orange{background:rgba(245,158,11,.12);color:#f59e0b}.export-mode-text strong{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary,#0f172a);margin-bottom:2px}.export-mode-text span{font-size:.75rem;color:var(--text-secondary,#94a3b8)}.status-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.status-chip-checkbox{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color,#e2e8f0);border-radius:99px;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-secondary,#64748b);background:transparent;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-chip-checkbox.checked,.status-chip-checkbox:hover{border-color:#6366f1;color:#6366f1}.status-chip-checkbox.checked{background:rgba(99,102,241,.1);font-weight:600}.status-chip-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.export-date-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-date-field{display:flex;flex-direction:column;gap:4px}.export-date-field label{font-size:.78rem;font-weight:600;color:var(--text-secondary,#64748b)}.export-date-input{padding:9px 12px;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;font-size:.85rem;color:var(--text-primary,#0f172a);background:var(--input-bg,#f8fafc);outline:none;transition:border-color .18s;font-family:inherit}.export-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.export-product-select{width:100%;padding:9px 12px;border:1px solid var(--border-color,#e2e8f0);border-radius:9px;font-size:.85rem;color:var(--text-primary,#0f172a);background:var(--input-bg,#f8fafc);outline:none;cursor:pointer;font-family:inherit}.export-product-select:focus{border-color:#6366f1}.column-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.column-toggle{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;font-size:.8rem;color:var(--text-primary,#0f172a);background:transparent;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.column-toggle:hover{border-color:#6366f1}.column-toggle.checked{border-color:#6366f1;background:rgba(99,102,241,.06)}.column-toggle-check{width:16px;height:16px;border-radius:4px;border:2px solid var(--border-color,#cbd5e1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.column-toggle.checked .column-toggle-check{background:#6366f1;border-color:#6366f1;color:#fff}.export-selection-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:10px;font-size:.82rem;color:var(--text-primary,#0f172a)}.export-selection-info strong{color:#10b981;font-weight:700}.export-zero-warning{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.25);color:#92400e}.export-preview-count{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary,#64748b);padding:8px 12px;background:var(--border-color,#f8fafc);border-radius:8px}.export-preview-count strong{color:#6366f1;font-size:1rem;font-weight:700}.export-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color,#e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.export-footer-left{font-size:.8rem;color:var(--text-secondary,#94a3b8)}.export-footer-actions{display:flex;gap:10px}.export-cancel-btn{padding:10px 20px;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;background:transparent;font-size:.875rem;font-weight:600;color:var(--text-secondary,#64748b);cursor:pointer;transition:all .15s}.export-cancel-btn:hover{border-color:#6366f1;color:#6366f1}.export-run-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px rgba(99,102,241,.35)}.export-run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px rgba(99,102,241,.45)}.export-run-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.export-run-btn.exporting{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 3px 10px rgba(14,165,233,.35)}.export-success-toast{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border:1px solid rgba(16,185,129,.3);border-left:4px solid #10b981;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);animation:em-toast-in .3s ease;max-width:360px}@keyframes em-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.export-success-toast svg{color:#10b981;flex-shrink:0}.export-toast-text{flex:1}.export-toast-text strong{display:block;font-size:.875rem;font-weight:700;color:#0f172a}.export-toast-text span{font-size:.78rem;color:#64748b}.export-btn-light{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;font-weight:600;color:#374151;cursor:pointer;transition:all .18s;box-shadow:0 1px 3px rgba(0,0,0,.06)}.export-btn-light:hover{border-color:#6366f1;color:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.15)}[data-theme=dark] .export-modal{background:#1c1c1e;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 64px rgba(0,0,0,.6)}[data-theme=dark] .export-mode-card{background:#141414;border-color:rgba(255,255,255,.06)}[data-theme=dark] .export-mode-card.selected{border-color:#818cf8;background:rgba(129,140,248,.12)}[data-theme=dark] .column-toggle,[data-theme=dark] .export-date-input,[data-theme=dark] .export-product-select,[data-theme=dark] .status-chip-checkbox{background:#141414;border-color:rgba(255,255,255,.06);color:#f4f4f5}[data-theme=dark] .export-btn-light{background:#242424;border-color:rgba(255,255,255,.06);color:#f4f4f5}[data-theme=dark] .export-success-toast{background:#1c1c1e;border-color:rgba(16,185,129,.3)}[data-theme=dark] .export-toast-text strong{color:#f4f4f5}.ppm-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);display:flex;align-items:center;justify-content:center;padding:16px;animation:ppm-overlay-in .2s ease}@keyframes ppm-overlay-in{0%{opacity:0}to{opacity:1}}.ppm-modal{width:100%;max-width:1100px;height:min(90vh,820px);background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated),0 0 0 1px var(--accent-stroke);display:flex;flex-direction:column;overflow:hidden;animation:ppm-modal-in .28s cubic-bezier(.16,1,.3,1)}@keyframes ppm-modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ppm-header{justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--glass-border);background:var(--bg-elevated);flex-shrink:0}.ppm-header,.ppm-header-left{display:flex;align-items:center}.ppm-header-left{gap:13px}.ppm-header-icon{width:38px;height:38px;border-radius:var(--radius-xs);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:white;box-shadow:var(--accent-glow-sm);flex-shrink:0}.ppm-header-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;margin:0}.ppm-header-sub{font-size:12px;color:var(--text-secondary);margin:1px 0 0}.ppm-header-actions{display:flex;align-items:center;gap:10px}.ppm-shortcut-hint{display:flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xs);padding:4px 8px;cursor:default;font-size:11px;color:var(--text-tertiary);font-family:inherit}.ppm-shortcut-hint kbd{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:4px;padding:1px 5px;font-size:10px;font-family:Courier New,monospace;color:var(--text-secondary)}.ppm-close-btn{width:32px;height:32px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--anim-fast) ease}.ppm-close-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.ppm-body{display:grid;grid-template-columns:300px 1fr;flex:1;overflow:hidden;min-height:0}.ppm-settings-panel{border-right:1px solid var(--glass-border);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:4px;background:var(--bg-surface);scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.ppm-settings-panel::-webkit-scrollbar{width:4px}.ppm-settings-panel::-webkit-scrollbar-track{background:transparent}.ppm-settings-panel::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.ppm-section{padding:11px 12px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);margin-bottom:6px;transition:border-color var(--anim-fast) ease}.ppm-section:hover{border-color:var(--accent-stroke)}.ppm-section-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px}.ppm-template-grid{display:flex;flex-direction:column;gap:6px}.ppm-template-card{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:var(--bg-surface);cursor:pointer;text-align:left;transition:all var(--anim-fast) ease;position:relative;width:100%}.ppm-template-card:hover{border-color:var(--accent-stroke);background:var(--accent-muted)}.ppm-template-card.active{border-color:var(--accent);background:var(--accent-muted);box-shadow:0 0 0 1px var(--accent-stroke),var(--shadow-xs)}.ppm-tpl-icon{width:32px;height:32px;border-radius:var(--radius-xs);background:var(--tpl-bg,var(--accent-muted));color:var(--tpl-color,var(--accent));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--anim-fast) ease}.ppm-template-card.active .ppm-tpl-icon,.ppm-template-card:hover .ppm-tpl-icon{transform:scale(1.08)}.ppm-tpl-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ppm-tpl-label{font-size:12.5px;font-weight:700;color:var(--text-primary)}.ppm-tpl-desc{font-size:10px;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppm-tpl-check{width:17px;height:17px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--accent-glow-sm)}.ppm-pill-group{display:flex;gap:6px;flex-wrap:wrap}.ppm-pill-group.compact{gap:4px}.ppm-pill{padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-secondary);font-size:11.5px;font-weight:600;cursor:pointer;transition:all var(--anim-fast) ease;font-family:inherit}.ppm-pill:hover{border-color:var(--accent-stroke);color:var(--accent);background:var(--accent-muted)}.ppm-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--accent-glow-sm)}.ppm-option-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--glass-border);gap:8px}.ppm-option-row:last-child{border-bottom:none}.ppm-option-label{display:flex;flex-direction:column;gap:1px;flex:1}.ppm-option-label>span:first-child{font-size:12.5px;font-weight:600;color:var(--text-primary)}.ppm-option-hint{font-size:10.5px;color:var(--text-tertiary)}.ppm-toggle{width:36px;height:20px;border-radius:var(--radius-pill);border:none;cursor:pointer;position:relative;flex-shrink:0;transition:background var(--anim-fast) ease;padding:0}.ppm-toggle.on{background:var(--accent);box-shadow:var(--accent-glow-sm)}.ppm-toggle.off{background:var(--bg-hover)}.ppm-toggle-knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:var(--shadow-xs);transition:left var(--anim-fast) var(--ease-out)}.ppm-toggle.on .ppm-toggle-knob{left:18px}.ppm-toggle.off .ppm-toggle-knob{left:2px}.ppm-copies-control{display:flex;align-items:center;gap:8px;flex-shrink:0}.ppm-copies-btn{width:26px;height:26px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-primary);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--anim-fast) ease;line-height:1;font-family:inherit}.ppm-copies-btn:hover:not(:disabled){background:var(--accent-muted);border-color:var(--accent-stroke);color:var(--accent)}.ppm-copies-btn:disabled{opacity:.35;cursor:not-allowed}.ppm-copies-value{font-size:14px;font-weight:800;color:var(--text-primary);min-width:18px;text-align:center}.ppm-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0;color:var(--text-secondary);font-family:inherit;transition:color var(--anim-fast) ease}.ppm-collapsible-header:hover{color:var(--text-primary)}.ppm-branding-fields{display:flex;flex-direction:column;gap:8px;margin-top:10px;animation:slide-down .18s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ppm-brand-field{display:flex;flex-direction:column;gap:4px}.ppm-brand-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase}.ppm-brand-input{width:100%;padding:6px 10px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color var(--anim-fast) ease,box-shadow var(--anim-fast) ease}.ppm-brand-input::-moz-placeholder{color:var(--text-tertiary)}.ppm-brand-input::placeholder{color:var(--text-tertiary)}.ppm-brand-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.ppm-nav-control{display:flex;align-items:center;gap:8px}.ppm-nav-btn{padding:5px 10px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--anim-fast) ease;flex-shrink:0;font-family:inherit}.ppm-nav-btn:hover:not(:disabled){background:var(--accent-muted);border-color:var(--accent-stroke);color:var(--accent)}.ppm-nav-btn:disabled{opacity:.3;cursor:not-allowed}.ppm-nav-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden}.ppm-nav-name{font-size:11.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ppm-nav-id{font-size:10px;color:var(--text-tertiary);font-family:Courier New,monospace}.ppm-preview-area{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-main)}.ppm-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid var(--glass-border);background:var(--bg-elevated);flex-shrink:0}.ppm-preview-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.ppm-preview-sub{font-size:10.5px;color:var(--text-tertiary);margin-left:4px;padding:2px 8px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-pill)}.ppm-preview-frame-wrap{flex:1;overflow:auto;padding:20px;display:flex;justify-content:center;background:var(--bg-main);scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.ppm-preview-iframe{width:100%;max-width:740px;min-height:560px;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated),0 0 0 1px var(--glass-border);background:white;flex-shrink:0}.ppm-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--text-secondary);font-size:13px}.ppm-preview-spinner{width:26px;height:26px;border:2.5px solid var(--accent-muted);border-top-color:var(--accent);border-radius:50%;animation:ppm-spin .7s linear infinite}@keyframes ppm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ppm-footer{justify-content:space-between;padding:13px 22px;border-top:1px solid var(--glass-border);background:var(--bg-elevated);flex-shrink:0;gap:12px}.ppm-footer,.ppm-footer-info{display:flex;align-items:center}.ppm-footer-info{gap:6px;font-size:12px;color:var(--text-secondary)}.ppm-footer-actions{display:flex;align-items:center;gap:10px}.ppm-cancel-btn{padding:8px 18px;border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--anim-fast) ease;font-family:inherit}.ppm-cancel-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-hover)}.ppm-print-btn{display:flex;align-items:center;gap:8px;padding:9px 22px;border-radius:var(--radius-xs);border:none;background:var(--accent-gradient);color:white;font-size:13px;font-weight:700;cursor:pointer;box-shadow:var(--accent-glow-sm);transition:all var(--anim-smooth) var(--ease-out);letter-spacing:.1px;font-family:inherit}.ppm-print-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--accent-glow);filter:brightness(1.06)}.ppm-print-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--accent-glow-sm)}.ppm-print-btn:disabled{opacity:.45;cursor:not-allowed;filter:none}@media (max-width:768px){.ppm-overlay{padding:0;align-items:flex-end}.ppm-modal{max-width:100%;height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ppm-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ppm-settings-panel{border-right:none;border-bottom:1px solid var(--glass-border);max-height:45vh;overflow-y:auto}.ppm-preview-area{min-height:300px}.ppm-shortcut-hint{display:none}}.inventory-page-root{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;padding:0 0 calc(72px + env(safe-area-inset-bottom, 16px) + 20px);color:var(--text-primary);font-family:inherit;box-sizing:border-box;overflow-x:hidden}@media (min-width:768px){.inventory-page-root{gap:16px;padding-bottom:60px}}.inv-topbar{display:flex;flex-direction:column;gap:10px;width:100%}.inv-topbar-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.inv-topbar-title-wrap{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.inv-page-heading{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.inv-item-count-badge{font-size:.72rem;font-weight:600;padding:2px 8px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-secondary);white-space:nowrap}.inv-topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.inv-btn-ai-sync-icon{width:38px;height:38px;min-width:38px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.inv-btn-ai-sync-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.inv-btn-add-product{width:38px;height:38px;min-width:38px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent);border:none;color:#FFFFFF;font-size:0;cursor:pointer;transition:all .15s ease}@media (min-width:640px){.inv-btn-ai-sync-icon{width:auto;padding:0 14px;gap:6px}.inv-btn-add-product{width:auto;padding:0 16px;gap:6px;font-size:.85rem;font-weight:600}}.inv-btn-add-product:hover{filter:brightness(1.08)}.inv-tab-pills{background:var(--bg-elevated);padding:3px;border-radius:8px;border:1px solid var(--glass-border);gap:4px;width:100%;max-width:340px}.inv-tab-pill,.inv-tab-pills{display:flex;align-items:center}.inv-tab-pill{flex:1;min-height:32px;height:32px;font-size:11px;font-weight:600;border-radius:6px;padding:0 10px;justify-content:center;gap:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease;touch-action:manipulation}.inv-tab-pill.active{background:var(--accent);color:#FFFFFF;font-weight:700;box-shadow:0 2px 6px rgba(99,102,241,.25)}.inv-toast-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:.82rem;font-weight:600}.inv-toast-banner.success{background:var(--color-success-bg,rgba(34,197,94,.1));border:1px solid var(--color-success-border,rgba(34,197,94,.25));color:var(--color-success,#22c55e)}.toast-dismiss{margin-left:auto;background:transparent;border:none;color:inherit;cursor:pointer;opacity:.7}.inv-summary-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.summary-compact-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-sizing:border-box;cursor:pointer;transition:all .15s ease}.summary-compact-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}.summary-compact-label{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.summary-compact-val{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.inv-toolbar-card{display:flex;flex-direction:column;gap:8px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;width:100%;box-sizing:border-box}.inv-search-box,.inv-search-row{width:100%;display:flex;align-items:center}.inv-search-box{position:relative}.inv-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.inv-search-input{width:100%;height:38px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;padding:0 32px;font-size:12.5px;color:var(--text-primary);outline:none;box-sizing:border-box;transition:all .15s ease}.inv-search-input:focus{border-color:var(--accent);background:var(--bg-surface)}.inv-search-clear-btn{position:absolute;right:8px;width:20px;height:20px;border-radius:999px;background:var(--bg-hover);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.inv-filter-btn-row{width:100%}.inv-filter-btn-row,.inv-tool-btn{display:flex;align-items:center;gap:6px}.inv-tool-btn{flex:1;height:34px;min-height:34px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;font-size:11.5px;font-weight:600;color:var(--text-secondary);justify-content:center;cursor:pointer;transition:all .15s ease;touch-action:manipulation}.inv-tool-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.inv-tool-btn.tool-active{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.tool-count-dot{background:var(--accent);color:#FFFFFF;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center}.inv-category-scroll-stream{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:2px;width:100%}.inv-category-scroll-stream::-webkit-scrollbar{display:none}.inv-category-pill{flex-shrink:0;height:28px;padding:0 11px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--glass-border);font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.inv-category-pill:hover{background:var(--bg-hover);color:var(--text-primary)}.inv-category-pill.active{background:var(--accent);color:#FFFFFF;border-color:var(--accent);font-weight:700}.inv-active-chips-banner{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 10px;background:var(--accent-muted);border:1px solid var(--accent-stroke);border-radius:8px;font-size:.75rem}.active-chips-label{color:var(--text-secondary);font-weight:600}.chips-list{display:flex;flex-wrap:wrap}.chips-list,.filter-chip{align-items:center;gap:4px}.filter-chip{display:inline-flex;padding:2px 8px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-primary);font-size:.7rem;font-weight:600}.filter-chip button{color:var(--text-tertiary);padding:0;display:flex;align-items:center}.btn-clear-all-chips,.filter-chip button{background:transparent;border:none;cursor:pointer}.btn-clear-all-chips{color:var(--accent);font-size:.7rem;font-weight:700;text-decoration:underline}.inv-content-layout{width:100%}.inv-mobile-list-view{display:flex;flex-direction:column;gap:8px;width:100%}.inv-desktop-table-view{display:none}@media (min-width:1024px){.inv-mobile-list-view{display:none}.inv-desktop-table-view{display:block}}.mobile-inv-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease;box-sizing:border-box;position:relative;min-width:0}.mobile-inv-card:hover{border-color:var(--border-strong)}.mobile-inv-card.out-of-stock{border-left:2.5px solid var(--color-danger,#ef4444)}.mobile-inv-card.low-stock{border-left:2.5px solid var(--color-warning,#f59e0b)}.mobile-inv-card-select-col{display:flex;align-items:center;justify-content:center}.mobile-inv-checkbox{width:18px;height:18px;border-radius:4px;accent-color:var(--accent);cursor:pointer}.mobile-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.mobile-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.mobile-card-icon-title-group{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.mobile-card-prod-icon{width:34px;height:34px;min-width:34px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-card-title-sku{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.mobile-card-title{font-size:13px;font-weight:600;line-height:18px;color:var(--text-primary);margin:0}.mobile-card-sku,.mobile-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-sku{font-size:10px;color:var(--text-tertiary)}.mobile-status-badge{font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.02em;flex-shrink:0;text-transform:uppercase}.mobile-status-badge.in-stock{background:var(--color-success-bg,rgba(34,197,94,.1));color:var(--color-success,#22c55e)}.mobile-status-badge.low-stock{background:var(--color-warning-bg,rgba(245,158,11,.1));color:var(--color-warning,#f59e0b)}.mobile-status-badge.out-of-stock{background:var(--color-danger-bg,rgba(239,68,68,.1));color:var(--color-danger,#ef4444)}.mobile-card-bottom-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:6px;border-top:1px solid var(--glass-border)}.mobile-card-price{display:flex;align-items:baseline;gap:2px}.mobile-card-currency{font-size:12px;font-weight:700;color:var(--text-secondary)}.mobile-card-price-num{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.compact-stepper-wrap{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:999px;width:84px;overflow:hidden}.compact-stepper-btn,.compact-stepper-wrap{display:flex;align-items:center;height:30px}.compact-stepper-btn{width:27px;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;touch-action:manipulation}.compact-stepper-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.compact-stepper-btn:disabled{opacity:.3;cursor:not-allowed}.compact-stepper-val{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--text-primary)}.inv-serial-summary-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;min-height:72px;box-sizing:border-box}.serial-summary-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.serial-summary-icon{width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.serial-summary-text{display:flex;flex-direction:column;gap:1px;min-width:0}.serial-summary-title{font-size:13px;font-weight:700;color:var(--text-primary);margin:0}.serial-summary-count{font-size:10.5px;font-weight:600;color:var(--accent)}.serial-summary-desc{font-size:10px;color:var(--text-tertiary);margin:1px 0 0}.btn-view-serials{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--glass-border);font-size:11.5px;font-weight:600;color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.btn-view-serials:hover{background:var(--bg-hover)}.serial-inventory-sheet{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--bg-surface);border-radius:16px 16px 0 0;border-top:1px solid var(--border-strong);z-index:1000;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated)}@media (min-width:768px){.serial-inventory-sheet{top:50%;left:50%;transform:translate(-50%,-50%)!important;bottom:auto;right:auto;width:90%;max-width:540px;max-height:80vh;border-radius:16px;border:1px solid var(--glass-border)}}.serial-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--glass-border)}.serial-sheet-title-wrap{display:flex;align-items:center;gap:10px}.serial-sheet-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-muted);display:flex;align-items:center;justify-content:center}.serial-sheet-title{font-size:1.05rem;font-weight:800;margin:0;color:var(--text-primary)}.serial-sheet-subtitle{font-size:.72rem;color:var(--text-secondary)}.serial-sheet-header-actions{display:flex;align-items:center;gap:8px}.serial-sheet-toolbar{padding:10px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--glass-border)}.serial-search-box{position:relative;display:flex;align-items:center}.serial-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.serial-search-input{width:100%;height:36px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;padding:0 28px 0 30px;font-size:12px;color:var(--text-primary);outline:none;box-sizing:border-box}.serial-search-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer}.serial-product-tabs{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.serial-tab-pill{flex-shrink:0;height:26px;padding:0 10px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--glass-border);font-size:10.5px;font-weight:600;color:var(--text-secondary);cursor:pointer}.serial-tab-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.serial-sheet-body{flex:1;overflow-y:auto;padding:8px 16px 20px}.serial-list-container{display:flex;flex-direction:column}.serial-row-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--glass-border);height:42px;box-sizing:border-box}.serial-row-left{display:flex;align-items:center;gap:8px}.serial-num-tag{font-weight:700;font-size:12px;color:var(--accent);background:var(--accent-muted);padding:2px 6px;border-radius:4px}.serial-row-prod-name{font-size:12px;color:var(--text-primary);font-weight:500}.serial-qty-input-wrap{display:flex;align-items:center;gap:4px}.serial-direct-input{width:44px;height:28px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:6px;text-align:center;font-weight:700;font-size:12px;color:var(--text-primary)}.serial-pcs-label{font-size:10px;color:var(--text-tertiary)}.serial-empty-box{text-align:center;padding:30px 10px;font-size:12px;color:var(--text-tertiary)}.desktop-inv-table-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.desktop-table-scroll-wrap{width:100%;overflow-x:auto}.desktop-inv-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.desktop-inv-table th{background:var(--bg-elevated);padding:10px 14px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);white-space:nowrap}.desktop-inv-table td{padding:12px 14px;border-bottom:1px solid var(--glass-border);color:var(--text-primary);vertical-align:middle}.desktop-inv-row{transition:background .15s ease;cursor:pointer}.desktop-inv-row:hover{background:var(--bg-hover)}.table-col-checkbox{width:36px;text-align:center}.table-checkbox{width:16px;height:16px;border-radius:4px;accent-color:var(--accent);cursor:pointer}.table-product-cell{display:flex;align-items:center;gap:10px}.table-prod-icon-box{width:32px;height:32px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.table-prod-info{display:flex;flex-direction:column;gap:1px}.table-prod-name{font-weight:700;font-size:.85rem;color:var(--text-primary)}.table-prod-sku{font-size:.7rem;color:var(--text-tertiary)}.table-category-pill{font-size:.72rem;font-weight:600;padding:2px 8px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-secondary)}.table-margin-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:999px}.table-margin-badge.green{background:var(--color-success-bg);color:var(--color-success)}.table-margin-badge.red{background:var(--color-danger-bg);color:var(--color-danger)}.table-stock-bar-track{width:100%;height:4px;background:var(--bg-elevated);border-radius:999px;overflow:hidden;margin-top:4px}.table-stock-bar-fill{height:100%;border-radius:999px}.table-stock-bar-fill.healthy{background:var(--color-success)}.table-stock-bar-fill.low{background:var(--color-warning)}.table-stock-bar-fill.out{background:var(--color-danger)}.table-row-actions{display:flex;align-items:center;gap:4px}.table-icon-btn{width:28px;height:28px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.table-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:999}.product-detail-drawer{position:fixed;background:var(--bg-surface);z-index:1000;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated)}@media (max-width:767px){.product-detail-drawer{bottom:0;left:0;right:0;height:85vh;border-radius:16px 16px 0 0;border-top:1px solid var(--border-strong)}}@media (min-width:768px){.product-detail-drawer{top:0;bottom:0;right:0;width:420px;border-left:1px solid var(--glass-border)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.drawer-header-left{display:flex;align-items:center;gap:10px}.drawer-icon-wrap{width:36px;height:36px;border-radius:8px;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;color:var(--accent)}.drawer-title{font-size:1.05rem;font-weight:800;margin:0;color:var(--text-primary)}.drawer-sku-row{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-tertiary)}.drawer-close-btn{width:32px;height:32px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.drawer-body-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.drawer-stock-kpi-card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.kpi-main-row{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.kpi-number{font-size:1.8rem;font-weight:800;letter-spacing:-.03em}.drawer-adjust-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.preset-btn{height:34px;border-radius:8px;border:1px solid var(--glass-border);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease}.preset-btn.plus{background:var(--color-success-bg);color:var(--color-success)}.preset-btn.minus{background:var(--color-danger-bg);color:var(--color-danger)}.economics-grid-card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.econ-item{display:flex;flex-direction:column;gap:2px}.econ-item .label{font-size:.68rem;color:var(--text-secondary)}.econ-item .value{font-size:.95rem;font-weight:800}.timeline-container{display:flex;flex-direction:column;gap:10px}.timeline-item{display:flex;align-items:flex-start;gap:10px;position:relative;padding-bottom:10px}.timeline-icon-dot{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700}.timeline-icon-dot.plus{background:var(--color-success-bg);color:var(--color-success)}.timeline-icon-dot.minus{background:var(--color-danger-bg);color:var(--color-danger)}.timeline-content{flex:1;display:flex;flex-direction:column;gap:1px}.timeline-row-top{display:flex;align-items:center;justify-content:space-between}.timeline-qty{font-weight:700;font-size:.85rem}.timeline-qty.plus{color:var(--color-success)}.timeline-qty.minus{color:var(--color-danger)}.timeline-date{font-size:.7rem;color:var(--text-tertiary)}.timeline-note{font-size:.75rem;color:var(--text-secondary)}.drawer-footer-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--glass-border);background:var(--bg-surface)}.drawer-footer-actions button{flex:1;height:38px}.bulk-action-bar-container{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom, 16px) + 8px);left:50%;transform:translateX(-50%);z-index:900;width:calc(100% - 24px);max-width:520px}.bulk-action-bar{justify-content:space-between;background:var(--bg-surface);border:1px solid var(--accent);border-radius:16px;padding:6px 12px;box-shadow:var(--shadow-elevated)}.bulk-action-bar,.bulk-info-badge{display:flex;align-items:center;gap:6px}.bulk-info-badge{font-size:.8rem;font-weight:700;color:var(--text-primary)}.bulk-count-pill{background:var(--accent);color:#FFFFFF;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:999px}.bulk-action-btn,.bulk-btn-group{display:flex;align-items:center;gap:4px}.bulk-action-btn{height:32px;padding:0 10px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;border:none}.bulk-action-btn.restock{background:var(--color-success);color:#FFFFFF}.bulk-action-btn.deduct{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.bulk-clear-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:999}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--bg-surface);border-radius:16px 16px 0 0;border-top:1px solid var(--border-strong);z-index:1000;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated)}.bottom-sheet-handle{width:32px;height:4px;background:var(--glass-border);border-radius:999px;margin:8px auto 2px}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px;border-bottom:1px solid var(--glass-border)}.bottom-sheet-title{font-size:1.05rem;font-weight:800;margin:0;color:var(--text-primary)}.bottom-sheet-body{flex:1;overflow-y:auto;padding:16px;gap:16px}.bottom-sheet-body,.sheet-section{display:flex;flex-direction:column}.sheet-section{gap:8px}.sheet-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.sheet-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.sheet-option-pill{padding:8px 10px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left}.sheet-option-pill.active{background:var(--accent);color:#FFFFFF;border-color:var(--accent)}.bottom-sheet-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--glass-border)}.bottom-sheet-footer button{flex:1;height:38px}.inv-production-view{display:flex;flex-direction:column;gap:12px;width:100%}@media (min-width:768px){.inv-production-view{gap:16px}}.prod-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}@media (min-width:1024px){.prod-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.prod-stat-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;min-height:66px;display:flex;flex-direction:column;justify-content:center;gap:4px;box-sizing:border-box;transition:all .15s ease}.prod-stat-card.clickable{cursor:pointer}.prod-stat-card.clickable:hover{border-color:var(--border-strong);background:var(--bg-hover)}.prod-stat-label{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.prod-stat-num{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.prod-stat-num.text-success{color:var(--color-success,#22c55e)}.prod-stat-num.text-danger{color:var(--color-danger,#ef4444)}.production-grid-layout{display:grid;grid-template-columns:1fr;gap:12px;width:100%}@media (min-width:1100px){.production-grid-layout{grid-template-columns:360px 1fr;gap:16px}}.production-sidebar-col{display:flex;flex-direction:column;gap:12px;width:100%}.ledger-card,.product-breakdown-card,.production-form-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;padding:12px;box-sizing:border-box;width:100%}@media (min-width:768px){.ledger-card,.product-breakdown-card,.production-form-card{padding:16px}}.card-head-compact .card-title{font-size:1rem;font-weight:800;margin:0;color:var(--text-primary)}.card-head-compact .card-desc{font-size:.75rem;color:var(--text-secondary);margin:2px 0 10px}.ai-magic-compact-toggle{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:10px;padding:8px 10px;margin-bottom:10px}.ai-toggle-header{display:flex;align-items:center;justify-content:space-between}.ai-toggle-title{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--text-primary)}.ai-toggle-action-btn{background:var(--accent-muted);border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s ease}.ai-magic-expanded-area{margin-top:8px;display:flex;flex-direction:column;gap:6px}.ai-autofill-textarea{width:100%;min-height:64px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:8px;padding:8px;font-size:12px;color:var(--text-primary);box-sizing:border-box;resize:vertical}.btn-ai-submit{align-self:flex-end;display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent);color:#FFFFFF;border:none;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer}.production-form{display:flex;flex-direction:column;gap:10px;width:100%}.form-row-responsive{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:640px){.form-row-responsive{grid-template-columns:1fr 1fr;gap:8px}}.form-group{display:flex;flex-direction:column;gap:5px;width:100%}.form-group label{font-size:10.5px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{height:42px;padding:0 10px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;box-sizing:border-box;width:100%}.form-group textarea{min-height:72px;padding:8px 10px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.payment-status-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.radio-label-pill{display:flex;align-items:center;justify-content:center;height:40px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--glass-border);font-size:11.5px;font-weight:700;cursor:pointer;color:var(--text-secondary);transition:all .15s ease;touch-action:manipulation}.radio-label-pill.active.due{background:var(--color-danger-bg,rgba(239,68,68,.12));color:var(--color-danger,#ef4444);border-color:var(--color-danger,#ef4444)}.radio-label-pill.active.paid{background:var(--color-success-bg,rgba(34,197,94,.12));color:var(--color-success,#22c55e);border-color:var(--color-success,#22c55e)}.btn-save-production{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;background:var(--accent);color:#FFFFFF;border:none;border-radius:10px;font-size:12.5px;font-weight:700;cursor:pointer;margin-top:4px;transition:all .15s ease;touch-action:manipulation}.btn-save-production:hover:not(:disabled){filter:brightness(1.08)}.btn-cancel-edit{display:flex;align-items:center;justify-content:center;height:38px;background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.breakdown-mobile-list{display:flex;flex-direction:column;gap:8px;width:100%}.breakdown-desktop-table-wrap{display:none}@media (min-width:1024px){.breakdown-mobile-list{display:none}.breakdown-desktop-table-wrap{display:block;width:100%;overflow-x:auto}}.breakdown-mobile-item{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.breakdown-item-head{display:flex;align-items:center;justify-content:space-between}.breakdown-item-name{font-size:12.5px;font-weight:700;color:var(--text-primary)}.breakdown-item-qty{font-size:11px;font-weight:600;color:var(--accent)}.breakdown-item-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.breakdown-empty-text{text-align:center;padding:16px;font-size:12px;color:var(--text-tertiary)}.production-main-col{width:100%}.table-search-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;width:100%}@media (min-width:768px){.table-search-bar{flex-direction:row;align-items:center}}.elite-search-wrapper{position:relative;display:flex;align-items:center;flex:1}.elite-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.elite-search-input{width:100%;height:38px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;padding:0 10px 0 32px;font-size:12.5px;color:var(--text-primary);box-sizing:border-box}.filter-actions-group{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.factory-page-size-select{height:38px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;padding:0 8px;font-size:11.5px;color:var(--text-secondary);cursor:pointer}.btn-global-pay-trigger{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 12px;background:var(--color-danger-bg,rgba(239,68,68,.1));color:var(--color-danger,#ef4444);border:1px solid var(--color-danger-border,rgba(239,68,68,.25));border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap}.mobile-log-card-list{display:flex;flex-direction:column;gap:8px;width:100%}.desktop-only-table{display:none}@media (min-width:1024px){.mobile-log-card-list{display:none}.desktop-only-table{display:block;width:100%;overflow-x:auto}}.mobile-log-card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.mobile-log-header{display:flex;align-items:center;justify-content:space-between}.mobile-log-date{font-size:11px;color:var(--text-tertiary);font-weight:600}.payment-status-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:4px;font-size:9.5px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer}.payment-status-pill.due{background:var(--color-danger-bg,rgba(239,68,68,.12));color:var(--color-danger,#ef4444)}.payment-status-pill.paid{background:var(--color-success-bg,rgba(34,197,94,.12));color:var(--color-success,#22c55e)}.mobile-log-title-row{display:flex;align-items:baseline;gap:6px;min-width:0}.mobile-log-prod{font-size:13px;font-weight:700;color:var(--text-primary);margin:0}.mobile-log-prod,.mobile-log-variant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-log-variant{font-size:11px;color:var(--text-secondary)}.mobile-log-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:6px;padding:6px 8px}.mobile-log-stat{display:flex;flex-direction:column;gap:1px;text-align:center}.mobile-log-stat .stat-l{font-size:8.5px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase}.mobile-log-stat .stat-v{font-size:11.5px;font-weight:800;color:var(--text-primary)}.mobile-log-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--glass-border)}.mobile-log-pay-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent);border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.mobile-log-actions-right{display:flex;align-items:center;gap:6px;margin-left:auto}.mobile-log-action-btn{width:28px;height:28px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-log-action-btn.danger{color:var(--color-danger,#ef4444)}.mobile-log-empty,.mobile-log-loading{text-align:center;padding:24px;color:var(--text-tertiary);font-size:12px}.factory-pagination-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--glass-border);margin-top:10px}.factory-pagination-info{font-size:11px;color:var(--text-tertiary)}.factory-pagination-actions{display:flex;align-items:center;gap:6px}.factory-page-btn{width:28px;height:28px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer}.factory-page-btn:disabled{opacity:.35;cursor:not-allowed}.factory-page-compact-indicator{font-size:11.5px;font-weight:700;color:var(--text-secondary);padding:0 4px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hide-on-mobile{display:none}.show-on-mobile-inline{display:inline}@media (min-width:640px){.hide-on-mobile{display:inline}.show-on-mobile-inline{display:none}}