.spinner-container[data-v-118f516e]{display:flex;align-items:center;justify-content:center;gap:8px}.btn-spinner[data-v-118f516e]{width:18px;height:18px;animation:rotate-118f516e 2s linear infinite}.btn-spinner .path[data-v-118f516e]{stroke:#fff;stroke-linecap:round;animation:dash-118f516e 1.5s ease-in-out infinite}@keyframes rotate-118f516e{to{transform:rotate(360deg)}}@keyframes dash-118f516e{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.card-footer[data-v-903a9148]{padding:12px 20px;border-top:1px solid var(--border-card)}.dashboard-page[data-v-038eeb52]{animation:fadeIn-038eeb52 .3s ease}.order-summary-row[data-v-038eeb52]{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-card)}.order-summary-row[data-v-038eeb52]:last-child{border-bottom:none}.quick-action-btn[data-v-038eeb52]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 20px;border-radius:12px;cursor:pointer;background:var(--bg-input);border:1px solid var(--border-color);transition:all .18s;flex:1;min-width:130px;text-align:center}.quick-action-btn[data-v-038eeb52]:hover{background:var(--bg-hover, rgba(59,130,246,.08));border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61f}.quick-action-icon[data-v-038eeb52]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.quick-action-label[data-v-038eeb52]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.activity-item[data-v-038eeb52]{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-card)}.activity-item[data-v-038eeb52]:last-child{border-bottom:none}@keyframes fadeIn-038eeb52{0%{opacity:0}to{opacity:1}}@media (max-width: 1200px){.grid-3[data-v-038eeb52]{grid-template-columns:1fr 1fr}}@media (max-width: 768px){#stat-grid[data-v-038eeb52]{grid-template-columns:1fr 1fr}.grid-2[data-v-038eeb52],.grid-3[data-v-038eeb52]{grid-template-columns:1fr}}.empty-row[data-v-0c27a76d]{text-align:center;padding:40px!important;color:var(--text-faint)}.search-box[data-v-b69cb3f2]{width:100%;max-width:none}.users-page[data-v-f60976c8]{animation:fadeIn-f60976c8 .3s ease}@keyframes fadeIn-f60976c8{0%{opacity:0}to{opacity:1}}.user-avatar-small[data-v-f60976c8]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.user-avatar-large[data-v-f60976c8]{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.action-btn[data-v-f60976c8]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-f60976c8]{background:#eff6ff;color:#3b82f6}.act-edit[data-v-f60976c8]{background:#f0fdf4;color:#16a34a}.act-block[data-v-f60976c8]{background:#fff1f2;color:#e11d48}.act-approve[data-v-f60976c8]{background:#f0fdf4;color:#16a34a}.drawer-overlay[data-v-f60976c8]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s}.drawer-overlay.open[data-v-f60976c8]{opacity:1;visibility:visible}.drawer[data-v-f60976c8]{position:absolute;top:0;right:-400px;width:400px;height:100%;background:#fff;box-shadow:-4px 0 20px #0000001a;transition:all .3s;display:flex;flex-direction:column}.drawer-overlay.open .drawer[data-v-f60976c8]{right:0}.drawer-header[data-v-f60976c8]{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.drawer-body[data-v-f60976c8]{flex:1;padding:24px;overflow-y:auto}.drawer-footer[data-v-f60976c8]{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px}.info-group[data-v-f60976c8]{margin-bottom:20px}.info-label[data-v-f60976c8]{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:6px;font-weight:600}.info-value[data-v-f60976c8]{font-weight:600;color:var(--text-primary)}.text-accent[data-v-f60976c8]{color:var(--accent)}.vehicles-page[data-v-dc22610b]{animation:fadeIn-dc22610b .3s ease}@keyframes fadeIn-dc22610b{0%{opacity:0}to{opacity:1}}.action-btn[data-v-dc22610b]{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-dc22610b]{background:#eff6ff;color:#3b82f6}.act-edit[data-v-dc22610b]{background:#f0fdf4;color:#16a34a}.act-block[data-v-dc22610b]{background:#fff1f2;color:#e11d48}.act-view[data-v-dc22610b]:hover{background:#dbeafe}.act-edit[data-v-dc22610b]:hover{background:#dcfce7}.act-block[data-v-dc22610b]:hover{background:#ffe4e6}.section-label[data-v-dc22610b]{font-size:.82rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.detail-pill[data-v-dc22610b]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px;gap:12px}.pill-label[data-v-dc22610b]{font-size:.82rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.pill-value[data-v-dc22610b]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.contact-box[data-v-dc22610b]{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px}.contact-avatar[data-v-dc22610b]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.contact-name[data-v-dc22610b]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:0}.contact-sub[data-v-dc22610b]{font-size:.75rem;color:var(--text-dim);font-weight:400}.wizard-steps[data-v-dc22610b]{display:flex;align-items:center;gap:0;margin-bottom:20px;padding:0 2px}.wizard-step[data-v-dc22610b]{display:flex;align-items:center;gap:6px;flex:0 0 auto}.wizard-step-circle[data-v-dc22610b]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-dim);transition:all .2s}.wizard-step.active .wizard-step-circle[data-v-dc22610b]{background:var(--accent);color:#fff;border-color:var(--accent)}.wizard-step.done .wizard-step-circle[data-v-dc22610b]{background:#10b981;color:#fff;border-color:#10b981}.wizard-step-label[data-v-dc22610b]{font-size:.82rem;font-weight:600;color:var(--text-dim);transition:color .2s}.wizard-step.active .wizard-step-label[data-v-dc22610b],.wizard-step.done .wizard-step-label[data-v-dc22610b]{color:var(--text-primary)}.wizard-connector[data-v-dc22610b]{flex:1;height:2px;background:var(--border-color);margin:0 10px;border-radius:2px;transition:background .2s}.wizard-connector.active[data-v-dc22610b]{background:var(--accent)}.wizard-connector.done[data-v-dc22610b]{background:#10b981}.orders-page[data-v-8b8faae4]{animation:fadeIn-8b8faae4 .3s ease}@keyframes fadeIn-8b8faae4{0%{opacity:0}to{opacity:1}}.pill-row[data-v-8b8faae4]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px;gap:12px}.pill-label[data-v-8b8faae4]{font-size:.82rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.pill-value[data-v-8b8faae4]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.action-btn[data-v-8b8faae4]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-8b8faae4]{background:#eff6ff;color:#3b82f6}.act-edit[data-v-8b8faae4]{background:#f0fdf4;color:#16a34a}.action-btn[data-v-8b8faae4]:hover{filter:brightness(.95);transform:translateY(-1px)}.products-page[data-v-525588af]{animation:fadeIn-525588af .3s ease}@keyframes fadeIn-525588af{0%{opacity:0}to{opacity:1}}.pill-row[data-v-525588af]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px;gap:12px}.pill-label[data-v-525588af]{font-size:.82rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.pill-value[data-v-525588af]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.sec-title[data-v-525588af]{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px}.action-btn[data-v-525588af]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-525588af]{background:#eff6ff;color:#3b82f6}.act-edit[data-v-525588af]{background:#f0fdf4;color:#16a34a}.act-delete[data-v-525588af]{background:#fff1f2;color:#e11d48}.action-btn[data-v-525588af]:hover{filter:brightness(.95);transform:translateY(-1px)}.btn-delete-row[data-v-525588af]{flex-shrink:0;width:30px;height:34px;border:none;border-radius:7px;background:#fee2e2;color:#b91c1c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete-row[data-v-525588af]:hover{background:#fecaca}@keyframes fadeIn-cd67c07f{0%{opacity:0}to{opacity:1}}.chat-container[data-v-cd67c07f]{display:flex;flex:1;min-height:0}.chat-sidebar[data-v-cd67c07f]{width:260px;border-right:1px solid var(--border-color);overflow:hidden;flex-shrink:0;background:var(--bg-card);display:flex;flex-direction:column}.chat-user-item[data-v-cd67c07f]{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-card);transition:background var(--transition-fast)}.chat-user-item[data-v-cd67c07f]:hover{background:var(--bg-row-hover)}.chat-user-item.active[data-v-cd67c07f]{background:#eff6ff;border-left:3px solid var(--accent)}.chat-user-name[data-v-cd67c07f]{font-weight:600;font-size:.875rem;color:var(--text-primary)}.chat-user-preview[data-v-cd67c07f]{font-size:.76rem;color:var(--text-faint);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main[data-v-cd67c07f]{flex:1;display:flex;flex-direction:column;background:var(--bg-card);min-height:0;min-width:0}.chat-messages[data-v-cd67c07f]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}.msg-bubble[data-v-cd67c07f]{max-width:68%;padding:9px 13px;border-radius:12px;font-size:.875rem;line-height:1.45}.msg-in[data-v-cd67c07f]{background:var(--bg-input);color:var(--text-secondary);border-radius:12px 12px 12px 4px;align-self:flex-start}.msg-out[data-v-cd67c07f]{background:var(--accent);color:#fff;border-radius:12px 12px 4px;align-self:flex-end}.chat-input-bar[data-v-cd67c07f]{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;gap:8px;flex-shrink:0}.chat-input[data-v-cd67c07f]{flex:1;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;font-family:var(--font-regular);font-size:.875rem;color:var(--text-secondary);background:var(--bg-input);outline:none;transition:border-color var(--transition-base)}.chat-input[data-v-cd67c07f]:focus{border-color:var(--accent)}body.dark-mode{background:#1a2e4a;border-left-color:var(--accent)}body.dark-mode{background:var(--bg-input);color:var(--text-secondary);border-color:var(--border-color)}body.dark-mode{color:var(--text-faint)}body.dark-mode{border-color:var(--accent)}@media (max-width: 768px){.chat-container[data-v-cd67c07f]{flex-direction:column;height:auto;min-height:0}.chat-sidebar[data-v-cd67c07f]{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:auto}}.scan-logs-page[data-v-0fadd86f]{animation:fadeIn-0fadd86f .3s ease}@keyframes fadeIn-0fadd86f{0%{opacity:0}to{opacity:1}}.action-btn-text[data-v-0fadd86f]{background:transparent;border:none;font-size:.75rem;font-weight:600;cursor:pointer;padding:0;transition:opacity .2s}.action-btn-text[data-v-0fadd86f]:hover{opacity:.7}.act-view[data-v-0fadd86f]{color:#3b82f6}.act-delete[data-v-0fadd86f]{color:#ef4444}.action-btn[data-v-0fadd86f]{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-0fadd86f]{background:#eff6ff;color:#3b82f6}.act-delete[data-v-0fadd86f]{background:#fee2e2;color:#ef4444}.act-attach[data-v-0fadd86f]{background:var(--bg-input);color:var(--text-dim)}.act-attach.attached[data-v-0fadd86f]{background:#f0fdf4;color:#16a34a}.act-view[data-v-0fadd86f]:hover{background:#dbeafe}.act-delete[data-v-0fadd86f]:hover{background:#fecaca}.grid-4[data-v-0fadd86f]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.grid-4[data-v-0fadd86f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-4[data-v-0fadd86f]{grid-template-columns:1fr}}.stat-card[data-v-0fadd86f]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:22px 20px;position:relative;display:flex;flex-direction:column}.stat-icon-wrap[data-v-0fadd86f]{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrap.blue[data-v-0fadd86f]{background:#eff6ff;color:#3b82f6}.stat-icon-wrap.green[data-v-0fadd86f]{background:#ecfdf5;color:#10b981}.stat-icon-wrap.purple[data-v-0fadd86f]{background:#f5f3ff;color:#8b5cf6}.stat-icon-wrap.orange[data-v-0fadd86f]{background:#fff7ed;color:#f59e0b}.stat-label[data-v-0fadd86f]{font-size:.8rem;color:var(--text-dim);font-weight:400;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value[data-v-0fadd86f]{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:6px}.stat-change[data-v-0fadd86f]{font-size:.8rem;font-weight:500;color:var(--text-dim)}.pill-row[data-v-0fadd86f]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px}.pill-label[data-v-0fadd86f]{font-size:.82rem;font-weight:600;color:var(--text-dim)}.pill-value[data-v-0fadd86f]{font-size:.875rem;font-weight:600;color:var(--text-primary)}.empty-state[data-v-0fadd86f]{text-align:center;padding:32px 20px;color:var(--text-dim)}.digital-cards-page[data-v-6f909b0d]{animation:fadeIn-6f909b0d .3s ease}@keyframes fadeIn-6f909b0d{0%{opacity:0}to{opacity:1}}.action-btn[data-v-6f909b0d]{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-6f909b0d]{background:#eff6ff;color:#3b82f6}.act-edit[data-v-6f909b0d]{background:#f0fdf4;color:#16a34a}.act-delete[data-v-6f909b0d]{background:#fff1f2;color:#e11d48}.act-view[data-v-6f909b0d]:hover{background:#dbeafe}.act-edit[data-v-6f909b0d]:hover{background:#dcfce7}.act-delete[data-v-6f909b0d]:hover{background:#ffe4e6}.wizard-steps[data-v-6f909b0d]{display:flex;align-items:center;gap:0;margin-bottom:20px;padding:0 2px}.wizard-step[data-v-6f909b0d]{display:flex;align-items:center;gap:6px;flex:0 0 auto}.wizard-step-circle[data-v-6f909b0d]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-dim);transition:all .2s}.wizard-step.active .wizard-step-circle[data-v-6f909b0d]{background:var(--accent);color:#fff;border-color:var(--accent)}.wizard-step.done .wizard-step-circle[data-v-6f909b0d]{background:#10b981;color:#fff;border-color:#10b981}.wizard-step-label[data-v-6f909b0d]{font-size:.82rem;font-weight:600;color:var(--text-dim);transition:color .2s}.wizard-step.active .wizard-step-label[data-v-6f909b0d],.wizard-step.done .wizard-step-label[data-v-6f909b0d]{color:var(--text-primary)}.wizard-connector[data-v-6f909b0d]{flex:1;height:2px;background:var(--border-color);margin:0 10px;border-radius:2px;transition:background .2s}.wizard-connector.active[data-v-6f909b0d]{background:var(--accent)}.wizard-connector.done[data-v-6f909b0d]{background:#10b981}.ec-photo-preview[data-v-6f909b0d]{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;margin:0 auto 10px;overflow:hidden;border:3px solid var(--border-color);cursor:pointer}.ec-photo-preview img[data-v-6f909b0d]{width:100%;height:100%;object-fit:cover;border-radius:50%}.view-section-title[data-v-6f909b0d]{font-size:.82rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px}.view-row[data-v-6f909b0d]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px;gap:12px}.view-row-full[data-v-6f909b0d]{padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px}.view-label[data-v-6f909b0d]{font-size:.82rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.view-value[data-v-6f909b0d]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.view-label-full[data-v-6f909b0d]{font-size:.82rem;font-weight:600;color:var(--text-dim);margin-bottom:5px}.view-value-full[data-v-6f909b0d]{font-size:.875rem;color:var(--text-primary);line-height:1.6}.social-pill[data-v-6f909b0d]{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-input);border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none;margin:3px}.social-pill[data-v-6f909b0d]:hover{filter:brightness(.9)}.documents-page[data-v-de3d1b8c]{animation:fadeIn-de3d1b8c .3s ease}@keyframes fadeIn-de3d1b8c{0%{opacity:0}to{opacity:1}}.action-btn[data-v-de3d1b8c]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-de3d1b8c]{background:#eff6ff;color:#3b82f6}.act-edit[data-v-de3d1b8c]{background:#f0fdf4;color:#16a34a}.act-delete[data-v-de3d1b8c]{background:#fef2f2;color:#dc2626}.act-approve[data-v-de3d1b8c]{background:#f0fdf4;color:#16a34a}.act-reject[data-v-de3d1b8c]{background:#fef2f2;color:#dc2626}.action-btn[data-v-de3d1b8c]:hover{filter:brightness(.95);transform:translateY(-1px)}.pill-row[data-v-de3d1b8c]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px;gap:12px}.pill-label[data-v-de3d1b8c]{font-size:.82rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.pill-value[data-v-de3d1b8c]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.qr-mini-stat[data-v-e7787b4c]{padding:16px;display:flex;align-items:center;gap:14px}.qr-management-page[data-v-e7787b4c]{animation:fadeIn-e7787b4c .3s ease}@keyframes fadeIn-e7787b4c{0%{opacity:0}to{opacity:1}}.qr-mini-stat[data-v-45691ee1]{padding:16px;display:flex;align-items:center;gap:14px}.qr-batch-detail-page[data-v-45691ee1]{animation:fadeIn-45691ee1 .3s ease}@keyframes fadeIn-45691ee1{0%{opacity:0}to{opacity:1}}.qr-id-text[data-v-45691ee1]{font-family:monospace;font-weight:600;color:var(--accent)}.qr-canvas-wrap[data-v-45691ee1]{padding:16px;background:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.qr-canvas-wrap img[data-v-45691ee1]{max-width:100%;height:auto}.qr-detail-grid[data-v-45691ee1]{display:grid;grid-template-columns:240px 1fr;gap:24px}.qr-detail-download-btn[data-v-45691ee1]{width:100%}.qr-detail-field[data-v-45691ee1]{margin-bottom:12px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.qr-detail-key[data-v-45691ee1]{display:block;font-size:.75rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.qr-detail-val[data-v-45691ee1]{font-size:.95rem;font-weight:600;color:var(--text-primary)}.qr-detail-val.mono[data-v-45691ee1]{font-family:monospace;color:var(--accent)}.coupons-page[data-v-55cfb987]{animation:fadeIn-55cfb987 .3s ease}@keyframes fadeIn-55cfb987{0%{opacity:0}to{opacity:1}}.action-btn[data-v-55cfb987]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-view[data-v-55cfb987]{background:#eff6ff;color:#3b82f6}.act-edit[data-v-55cfb987]{background:#f0fdf4;color:#16a34a}.act-block[data-v-55cfb987]{background:#fff7ed;color:#c2410c}.act-approve[data-v-55cfb987]{background:#f0fdf4;color:#16a34a}.act-delete[data-v-55cfb987]{background:#fef2f2;color:#dc2626}.action-btn[data-v-55cfb987]:hover{filter:brightness(.95);transform:translateY(-1px)}.pill-row[data-v-55cfb987]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px;gap:12px}.pill-label[data-v-55cfb987]{font-size:.82rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.pill-value[data-v-55cfb987]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}@keyframes fadeIn-23268185{0%{opacity:0}to{opacity:1}}.notifications-page[data-v-23268185]{animation:fadeIn-23268185 .3s ease}.action-btn[data-v-23268185]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.badge[data-v-23268185]{padding:2px 6px;border-radius:4px;font-weight:600;display:inline-block;font-size:.75rem}.badge-active[data-v-23268185]{background:#f0fdf4;color:#16a34a}.badge-digital[data-v-23268185]{background:#eff6ff;color:#3b82f6}.badge-shipped[data-v-23268185]{background:#fffbeb;color:#b45309}.faq-q-link[data-v-c808c7eb]:hover{color:var(--accent)!important;text-decoration:underline}.action-btn[data-v-c808c7eb]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;font-family:var(--font-bold);transition:filter .15s}.act-edit[data-v-c808c7eb]{background:#f0fdf4;color:#16a34a}.act-delete[data-v-c808c7eb]{background:#fef2f2;color:#dc2626}.act-edit[data-v-c808c7eb]:hover,.act-delete[data-v-c808c7eb]:hover{filter:brightness(.93)}.faq-detail-row[data-v-c808c7eb]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px}.faq-detail-block[data-v-c808c7eb]{padding:12px;background:var(--bg-input);border-radius:8px}.faq-detail-label[data-v-c808c7eb]{font-size:.82rem;font-weight:600;color:var(--text-dim);margin-bottom:6px}.badge-vehicle[data-v-c808c7eb]{background:#e0e7ff;color:#4338ca}.badge-digital[data-v-c808c7eb]{background:#eff6ff;color:#3b82f6}.badge-approved[data-v-c808c7eb]{background:#dcfce7;color:#166534}.badge-packing[data-v-c808c7eb]{background:#fef9c3;color:#854d0e}.badge-pending[data-v-c808c7eb]{background:#f1f5f9;color:#64748b}.form-control.error[data-v-c808c7eb]{border-color:#ef4444!important;outline-color:#ef4444}.reasons-page[data-v-e92e7e29]{animation:fadeIn-e92e7e29 .3s ease}@keyframes fadeIn-e92e7e29{0%{opacity:0}to{opacity:1}}.action-btn[data-v-e92e7e29]{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.act-edit[data-v-e92e7e29]{background:#f0fdf4;color:#16a34a}.act-delete[data-v-e92e7e29]{background:#fef2f2;color:#dc2626}.action-btn[data-v-e92e7e29]:hover{filter:brightness(.95);transform:translateY(-1px)}.clickable-row[data-v-5828326e]{cursor:pointer;transition:background-color .15s ease}.clickable-row[data-v-5828326e]:hover{background-color:var(--bg-hover, rgba(59, 130, 246, .04))!important}.log-modal-header[data-v-5828326e]{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-input);border-left:4px solid;border-radius:6px;margin-bottom:20px}.log-modal-icon-wrapper[data-v-5828326e]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-modal-title-action[data-v-5828326e]{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.log-modal-subtitle[data-v-5828326e]{font-size:.8rem;color:var(--text-dim);font-weight:500}.details-grid[data-v-5828326e]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.detail-row[data-v-5828326e]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;gap:16px}.detail-label[data-v-5828326e]{font-size:.82rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.detail-value[data-v-5828326e]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right;word-break:break-all}.text-mono[data-v-5828326e]{font-family:monospace,Courier,sans-serif;font-size:.8rem;background:var(--bg-card);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color)}.log-target-container[data-v-5828326e]{padding:14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px}.log-target-label[data-v-5828326e]{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:8px}.log-target-text[data-v-5828326e]{font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.settings-layout[data-v-d0042ee8]{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}.settings-left[data-v-d0042ee8]{height:fit-content}.settings-right[data-v-d0042ee8]{min-width:0}.avatar-block[data-v-d0042ee8]{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-input);border-radius:10px;margin-bottom:20px}.avatar-circle[data-v-d0042ee8]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:600;flex-shrink:0}.avatar-name[data-v-d0042ee8]{font-weight:600;font-size:1rem}.avatar-email[data-v-d0042ee8]{font-size:.82rem;color:var(--text-dim)}.req[data-v-d0042ee8]{color:#ef4444}.toggle[data-v-d0042ee8]{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle input[data-v-d0042ee8]{opacity:0;width:0;height:0}.toggle-slider[data-v-d0042ee8]{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:22px;transition:.3s}.toggle-slider[data-v-d0042ee8]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.3s}.toggle input:checked+.toggle-slider[data-v-d0042ee8]{background:var(--accent)}.toggle input:checked+.toggle-slider[data-v-d0042ee8]:before{transform:translate(18px)}.toggle-row[data-v-d0042ee8]{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-input);border-radius:8px}.pw-wrap[data-v-d0042ee8]{position:relative}.pw-eye[data-v-d0042ee8]{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-faint);display:flex;align-items:center}.form-group[data-v-d0042ee8]{margin-bottom:16px}.md-layout[data-v-a95fdfa1]{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:stretch;flex:1;min-height:0}.md-left[data-v-a95fdfa1]{height:fit-content}.md-right[data-v-a95fdfa1]{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.action-btn[data-v-a95fdfa1]{padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;border:none;transition:background .15s;font-family:var(--font-bold)}.act-edit[data-v-a95fdfa1]{background:#f0fdf4;color:#16a34a}.act-block[data-v-a95fdfa1]{background:#fff7ed;color:#c2410c}.act-enable[data-v-a95fdfa1]{background:#f0fdf4;color:#0d9488}.act-delete[data-v-a95fdfa1]{background:#fef2f2;color:#dc2626}.act-edit[data-v-a95fdfa1]:hover,.act-block[data-v-a95fdfa1]:hover,.act-enable[data-v-a95fdfa1]:hover,.act-delete[data-v-a95fdfa1]:hover{filter:brightness(.93)}.pc-grid[data-v-e114ac31]{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:stretch;flex:1;min-height:0}.pc-cat-list[data-v-e114ac31]{padding:0;height:fit-content}.pc-cat-list[data-v-e114ac31] .settings-nav-item{padding:8px 12px;margin-bottom:2px}.pc-cat-list[data-v-e114ac31] .settings-nav-item:last-child{margin-bottom:0}.pc-editor-card[data-v-e114ac31]{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:0}.pc-editor-header[data-v-e114ac31]{padding:14px 18px;border-bottom:1px solid var(--border-card);font-weight:600;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.pc-toolbar[data-v-e114ac31]{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:10px 14px;background:var(--bg-input);border-bottom:1px solid var(--border-card);flex-shrink:0}.pc-tb-btn[data-v-e114ac31]{background:transparent;border:none;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;padding:0;flex-shrink:0}.pc-tb-btn[data-v-e114ac31]:hover{background:var(--bg-card);color:var(--text-primary)}.pc-tb-btn.active[data-v-e114ac31]{background:var(--accent-glow);color:var(--accent)}.pc-tb-btn svg[data-v-e114ac31]{width:16px;height:16px}.pc-tb-sep[data-v-e114ac31]{width:1px;height:22px;background:var(--border-color);margin:0 6px;flex-shrink:0}.pc-tb-select[data-v-e114ac31]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-regular);font-size:.82rem;padding:5px 8px;cursor:pointer;height:32px;outline:none;transition:border-color .15s}.pc-tb-select[data-v-e114ac31]:hover,.pc-tb-select[data-v-e114ac31]:focus{border-color:var(--accent)}.pc-tb-color[data-v-e114ac31]{position:relative;display:inline-flex;align-items:center;height:32px}.pc-tb-color-btn[data-v-e114ac31]{background:transparent;border:none;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:background .15s;padding:0 4px 0 6px;gap:2px}.pc-tb-color-btn[data-v-e114ac31]:hover{background:var(--bg-card)}.pc-tb-color-btn .pc-color-icon[data-v-e114ac31]{display:flex;flex-direction:column;align-items:center;line-height:1}.pc-tb-color-btn .pc-color-icon span[data-v-e114ac31]{font-weight:700;font-size:.9rem;color:var(--text-primary)}.pc-tb-color-btn .pc-color-bar[data-v-e114ac31]{display:block;width:16px;height:3px;border-radius:1px;margin-top:1px}.pc-tb-color-btn .pc-color-caret[data-v-e114ac31]{width:10px;height:10px;color:var(--text-faint)}.pc-color-popover[data-v-e114ac31]{position:absolute;top:36px;left:0;z-index:30;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:8px;box-shadow:0 6px 20px #0000001f;display:none}.pc-color-popover.open[data-v-e114ac31]{display:block}.pc-color-grid[data-v-e114ac31]{display:grid;grid-template-columns:repeat(8,18px);gap:4px}.pc-color-swatch[data-v-e114ac31]{width:18px;height:18px;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;padding:0}.pc-color-swatch[data-v-e114ac31]:hover{transform:scale(1.12)}.pc-color-clear[data-v-e114ac31]{margin-top:6px;width:100%;padding:5px;border:1px solid var(--border-color);background:transparent;border-radius:6px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;font-family:var(--font-regular)}.pc-color-clear[data-v-e114ac31]:hover{background:var(--bg-input);color:var(--text-primary)}.pc-editor-area[data-v-e114ac31]{flex:1;min-height:320px;overflow-y:auto;padding:18px 22px;background:var(--bg-card);color:var(--text-primary);font-family:var(--font-regular);font-size:.95rem;line-height:1.65;outline:none}.pc-editor-area[data-v-e114ac31]:empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}[data-v-e114ac31] .pc-editor-area h1{font-size:1.6rem;font-weight:700;margin:14px 0 8px;font-family:var(--font-bold)}[data-v-e114ac31] .pc-editor-area h2{font-size:1.3rem;font-weight:700;margin:12px 0 6px;font-family:var(--font-bold)}[data-v-e114ac31] .pc-editor-area h3{font-size:1.1rem;font-weight:600;margin:10px 0 6px;font-family:var(--font-bold)}[data-v-e114ac31] .pc-editor-area h4{font-size:.98rem;font-weight:600;margin:10px 0 4px;font-family:var(--font-bold);color:var(--text-secondary)}[data-v-e114ac31] .pc-editor-area p{margin:6px 0}[data-v-e114ac31] .pc-editor-area ul,[data-v-e114ac31] .pc-editor-area ol{margin:6px 0 6px 22px}[data-v-e114ac31] .pc-editor-area li{margin:3px 0}[data-v-e114ac31] .pc-editor-area a{color:var(--accent);text-decoration:underline}[data-v-e114ac31] .pc-editor-area img{max-width:100%;height:auto;border-radius:6px;margin:6px 0}[data-v-e114ac31] .pc-editor-area blockquote{border-left:3px solid var(--accent);padding:4px 12px;margin:8px 0;color:var(--text-secondary);background:var(--bg-input);border-radius:0 6px 6px 0}.pc-editor-footer[data-v-e114ac31]{padding:14px 18px;border-top:1px solid var(--border-card);display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg-card);flex-shrink:0}.pc-autosave-status[data-v-e114ac31]{margin-left:auto;font-size:.75rem;color:var(--text-faint);display:flex;align-items:center;gap:5px}.pc-autosave-status .pc-dot[data-v-e114ac31]{width:7px;height:7px;border-radius:50%;background:var(--text-faint);transition:background .25s}.pc-autosave-status.saving .pc-dot[data-v-e114ac31]{background:#f59e0b}.pc-autosave-status.saved .pc-dot[data-v-e114ac31]{background:#10b981}body.dark-mode .pc-editor-area[data-v-e114ac31]{background:var(--bg-card);color:var(--text-primary)}body.dark-mode .pc-tb-btn[data-v-e114ac31]:hover{background:var(--bg-input)}body.dark-mode .pc-tb-select[data-v-e114ac31]{background:var(--bg-input);color:var(--text-secondary);border-color:var(--border-color)}body.dark-mode .pc-color-popover[data-v-e114ac31]{box-shadow:0 6px 24px #00000080}body.dark-mode .pc-color-clear[data-v-e114ac31]{background:var(--bg-input);color:var(--text-secondary)}.sidebar-logo-inner[data-v-e49cdfda]{display:flex;align-items:center;gap:10px}#topbar[data-v-7de0ed4b]{display:flex}.dropdown-menu[data-v-7de0ed4b]{top:46px;right:0}.modal-overlay[data-v-83afb1d3]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn-83afb1d3 .2s ease}.modal[data-v-83afb1d3]{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000026;animation:slideUp-83afb1d3 .3s ease}@keyframes fadeIn-83afb1d3{0%{opacity:0}to{opacity:1}}@keyframes slideUp-83afb1d3{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}html{background:var(--bg-body)}:root{--font-regular: "Poppins", sans-serif;--font-bold: "Poppins", sans-serif;--sidebar-bg: #0d1117;--sidebar-hover: #1a2332;--sidebar-active: #1e3a5f;--accent: #3b82f6;--accent-light: #60a5fa;--accent-glow: rgba(59, 130, 246, .15);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg-body: #f1f5f9;--bg-card: #ffffff;--bg-topbar: #ffffff;--bg-input: #f8fafc;--bg-hover: rgba(59, 130, 246, .07);--bg-table-head: #f8fafc;--bg-row-hover: #f8fafc;--bg-filter: #f8fafc;--text-primary: #000000;--text-secondary: #1a1a1a;--text-dim: #3d3d3d;--text-faint: #6b6b6b;--border-color: #e2e8f0;--border-card: #f1f5f9;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .04);--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .15);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--transition-fast: .12s ease;--transition-base: .18s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-regular);font-weight:400;background:var(--bg-body);overflow-x:hidden;transition:background .3s,color .3s;color:var(--text-primary);line-height:1.6;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.font-bold,.card-title,.stat-value,.modal-title,.sidebar-logo span,#page-title{font-family:var(--font-bold);font-weight:600}#sidebar{width:240px;height:100vh;background:var(--sidebar-bg);position:fixed;left:0;top:0;z-index:50;display:flex;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;align-items:center;gap:10px}.sidebar-logo span{font-size:1.15rem;font-weight:600;color:#fff;letter-spacing:-.5px}.sidebar-logo span em{color:var(--accent-light);font-style:normal}.sidebar-section-label{font-size:.63rem;font-weight:600;color:#94a3b899;text-transform:uppercase;letter-spacing:1.4px;padding:18px 20px 5px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;cursor:pointer;color:#94a3b8;font-size:.82rem;font-weight:500;transition:background var(--transition-base,.18s),color var(--transition-base,.18s);position:relative;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--sidebar-hover);color:#cbd5e1}.nav-item.active{background:var(--sidebar-active);color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.8}.nav-item.active svg{opacity:1}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:999px;min-width:18px;text-align:center;line-height:1.4}.sidebar-bottom{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}#topbar{position:fixed;top:0;left:240px;right:0;height:58px;background:var(--bg-topbar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px;z-index:40;gap:14px;transition:background .3s,border-color .3s,left .3s}#page-title{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.search-box{flex:1;max-width:360px;display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;gap:8px;transition:background .3s,border-color .3s}.search-box input{border:none;background:transparent;outline:none;font-family:var(--font-regular);font-size:.875rem;color:var(--text-secondary);width:100%}.search-box svg{color:#94a3b8;width:15px;height:15px;flex-shrink:0}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-dim);transition:all .15s;border:none;background:transparent}.icon-btn:hover{background:var(--bg-input);color:var(--text-secondary)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-topbar)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer}.dropdown-menu{position:absolute;top:46px;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;width:170px;box-shadow:0 8px 24px #00000026;z-index:100;overflow:hidden;display:none}.dropdown-menu.open{display:block}.dropdown-item{padding:9px 14px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-regular)}.dropdown-item:hover{background:var(--bg-input)}.dropdown-item.danger{color:#ef4444}#hamburger{display:none;width:36px;height:36px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);border:none;background:transparent;flex-shrink:0}#hamburger:hover{background:var(--bg-input)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#main{margin-left:240px;padding-top:58px;min-height:100vh;transition:margin-left .3s}.page-content{padding:24px}.page-container{display:block}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.mb-4{margin-bottom:16px}.card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--border-card);transition:background .3s,border-color .3s;overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-card);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.card-body{padding:20px}.stat-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-card);border:1px solid var(--border-card);position:relative;overflow:hidden;transition:background .3s,border-color .3s}.stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.08}.stat-card.blue:after{background:#3b82f6}.stat-card.green:after{background:#10b981}.stat-card.purple:after{background:#8b5cf6}.stat-card.orange:after{background:#f59e0b}.stat-label{font-size:.8rem;color:var(--text-dim);font-weight:400;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:600;color:var(--text-primary);line-height:1;margin:8px 0 4px}.stat-change{font-size:.78rem;font-weight:600}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.stat-icon{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.blue{background:#eff6ff;color:#3b82f6}.stat-icon.green{background:#ecfdf5;color:#10b981}.stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.stat-icon.orange{background:#fffbeb;color:#f59e0b}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{background:var(--bg-table-head);padding:10px 14px;text-align:left;font-weight:600;color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}tbody tr{border-bottom:1px solid var(--border-card);transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-row-hover)}td{padding:11px 14px;color:var(--text-secondary);vertical-align:middle}.text-xs{font-size:.75rem}.text-sm{font-size:.82rem}.text-muted{color:var(--text-dim)}.font-semibold{font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize}.badge-active{background:#dcfce7;color:#15803d}.badge-blocked{background:#fee2e2;color:#b91c1c}.badge-pending{background:#fef9c3;color:#854d0e}.badge-approved{background:#dcfce7;color:#15803d}.badge-rejected{background:#fee2e2;color:#b91c1c}.badge-shipped{background:#e0f2fe;color:#0369a1}.badge-packing{background:#f5f3ff;color:#7c3aed}.badge-shipping{background:#e0f2fe;color:#0369a1}.badge-arriving{background:#fff7ed;color:#c2410c}.badge-failed{background:#fee2e2;color:#b91c1c}.badge-delivered{background:#dcfce7;color:#15803d}.badge-deactivated{background:#f1f5f9;color:#64748b}.badge-vehicle{background:#ede9fe;color:#6d28d9}.badge-digital{background:#e0f2fe;color:#0369a1}.badge-open{background:#fef9c3;color:#854d0e}.badge-closed{background:#f1f5f9;color:#64748b}.badge-enabled{background:#dcfce7;color:#15803d}.badge-disabled{background:#f1f5f9;color:#64748b}.badge-lost{background:#fee2e2;color:#b91c1c}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:var(--font-bold)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-danger:hover{background:#fecaca}.btn-purple{background:#ede9fe;color:#6d28d9}.btn-unlink{background:#fff7ed;color:#c2410c}.btn-unlink:hover{background:#ffedd5}.btn-purple:hover{background:#ddd6fe}.btn-success{background:#dcfce7;color:#15803d}.btn-success:hover{background:#bbf7d0}.btn-warning{background:#fef9c3;color:#854d0e}.btn-warning:hover{background:#fde68a}.btn-sm{padding:5px 10px;font-size:.78rem}.action-btn{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;font-family:var(--font-bold);transition:all .12s}.act-view{background:#eff6ff;color:#2563eb}.act-view:hover{background:#dbeafe}.act-edit{background:#f0fdf4;color:#16a34a}.act-edit:hover{background:#dcfce7}.act-block{background:#fff7ed;color:#c2410c}.act-block:hover{background:#ffedd5}.act-delete{background:#fef2f2;color:#dc2626}.act-delete:hover{background:#fee2e2}.act-approve{background:#f0fdf4;color:#16a34a}.act-approve:hover{background:#dcfce7}.act-reject{background:#fff7ed;color:#c2410c}.btn-doc-reject{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.act-reject:hover{background:#ffedd5}.act-enable{background:#f0fdf4;color:#0d9488}.act-enable:hover{background:#ccfbf1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.filter-bar{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-filter);border-bottom:1px solid var(--border-color);flex-wrap:wrap;transition:background .3s}.filter-input{border:1px solid var(--border-color);border-radius:7px;padding:7px 12px;font-size:.85rem;font-family:var(--font-regular);color:var(--text-secondary);background:var(--bg-card);outline:none;transition:all .2s}.filter-input:focus{border-color:var(--accent)}select.filter-input{cursor:pointer}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color)}.tab-btn{padding:10px 18px;font-size:.85rem;font-weight:600;color:var(--text-dim);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--font-bold);transition:all .15s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.open{display:flex}.modal-card{background:var(--bg-card);border-radius:14px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-card);animation:modalIn .2s ease}.modal-lg{max-width:640px}@keyframes modalIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.close-btn{cursor:pointer;color:#94a3b8;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;font-size:1.1rem}.close-btn:hover{background:var(--bg-input);color:var(--text-secondary)}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-card);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-dim);margin-bottom:5px}.form-control{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:.875rem;font-family:var(--font-regular);color:var(--text-secondary);background:var(--bg-card);outline:none;transition:border-color .15s,background .3s,color .3s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-control.error{border-color:#ef4444!important;outline-color:#ef4444}textarea.form-control{resize:vertical;min-height:80px}select.form-control{cursor:pointer}.pagination-bar{padding:12px 20px;border-top:1px solid var(--border-card);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.card-footer .pagination-bar{border-top:none!important;padding:0!important}.pagination{display:flex;gap:4px;align-items:center}.page-link{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-dim);border:1px solid var(--border-color);background:var(--bg-card);transition:all .12s;-webkit-user-select:none;user-select:none;text-decoration:none}.page-link:hover{background:var(--bg-input);color:var(--text-primary)}.page-link.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-link:disabled{opacity:.4;cursor:not-allowed}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;font-size:.84rem;margin-bottom:16px;line-height:1.5}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}body.dark-mode .alert-info{background:#0c2a4a;color:#93c5fd;border-color:#1d4ed8}body.dark-mode .alert-warning{background:#422006;color:#fcd34d;border-color:#d97706}.page-sticky-layout{height:calc(100vh - 58px);display:flex;flex-direction:column;overflow:hidden}.page-sticky-layout>.grid-4,.page-sticky-layout>.grid-3,.page-sticky-layout>.grid-2,.page-sticky-layout>.alert{flex-shrink:0}.page-sticky-layout>.card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-sticky-layout .card-body{flex:1;min-height:0;display:flex;flex-direction:column}.page-sticky-layout .card-body>.filter-bar,.page-sticky-layout .card-body>.pagination-bar{flex-shrink:0}.page-sticky-layout .card-body>.table-wrap{flex:1;min-height:0;overflow-y:auto}#toastContainer{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:10px;font-family:var(--font-regular);font-size:.875rem;font-weight:500;box-shadow:0 8px 24px #00000040;pointer-events:all;min-width:280px;max-width:360px;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);transition:opacity .3s,transform .3s}.toast.hiding{opacity:0;transform:translate(20px)}.toast-success{background:#0f1f18;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.toast-error{background:#1e1a1a;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.toast-info{background:#0c1a2e;border:1px solid rgba(59,130,246,.4);color:#93c5fd}@keyframes toastIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}#loginScreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0d1117;display:flex;align-items:center;justify-content:center;transition:opacity .5s}#loginScreen.hidden{opacity:0;pointer-events:none}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.login-bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)}.login-card{position:relative;z-index:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:44px 44px 36px;width:100%;max-width:420px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 32px 80px #0009;display:flex;flex-direction:column;align-items:center}.login-heading{font-size:1.45rem;color:#f1f5f9;margin-bottom:8px;text-align:center;font-weight:400;line-height:1.3;font-family:var(--font-regular);white-space:nowrap}.login-heading strong{font-weight:600;font-family:var(--font-bold)}.login-sub{font-size:.9rem;color:#64748b;margin-bottom:32px;text-align:center}.login-label{display:block;font-size:.8rem;font-weight:600;color:#94a3b8;margin-bottom:6px;letter-spacing:.3px;font-family:var(--font-bold)}.login-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 14px;font-size:.9rem;font-family:var(--font-regular);color:#f1f5f9;outline:none;transition:all .2s;margin-bottom:18px}.login-input:focus{border-color:#3b82f6;background:#3b82f614;box-shadow:0 0 0 3px #3b82f626}.login-input::placeholder{color:#475569}.login-btn{width:100%;padding:13px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-family:var(--font-bold);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.3px;margin-top:4px}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #3b82f666}.login-demo{text-align:center;margin-top:12px;font-size:.78rem;color:#475569}.login-demo code{background:#ffffff0f;padding:2px 6px;border-radius:4px;font-size:.76rem;color:#94a3b8}.password-wrap{position:relative;width:100%}.toggle-pw{position:absolute;right:14px;top:11px;cursor:pointer;color:#475569}.login-footer{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:16px;font-size:.75rem;color:#475569;border-top:1px solid rgba(255,255,255,.04)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width:768px){#sidebar{transform:translate(-100%)}#sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}#topbar{left:0!important}#main{margin-left:0!important}#hamburger{display:flex}.search-box{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:16px}}.modal-sm{max-width:380px}.confirm-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-icon.danger{background:#fee2e2;color:#ef4444}.confirm-icon.warning{background:#fef9c3;color:#f59e0b}.confirm-icon.success{background:#dcfce7;color:#10b981}.confirm-icon.purple{background:#f5f3ff;color:#8b5cf6}.settings-nav-item{padding:9px 14px;border-radius:8px;cursor:pointer;font-size:.84rem;color:var(--text-secondary);transition:background .15s,color .15s;margin-bottom:2px;font-family:var(--font-regular)}.settings-nav-item:hover{background:var(--bg-input)}.settings-nav-item.active{background:var(--accent-glow);color:var(--accent);font-weight:600}body.dark-mode .settings-nav-item.active{background:#3b82f62e;color:var(--accent-light)}body.dark-mode .act-enable{background:#042f2e;color:#2dd4bf}body.dark-mode .act-enable:hover{background:#053f3d}.icon-green{background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;border-radius:12px}.icon-blue{background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;border-radius:12px}.icon-sky{background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;border-radius:10px}.icon-yellow{background:#fef9c3;color:#ca8a04;display:flex;align-items:center;justify-content:center;border-radius:10px}.icon-orange{background:#fff7ed;color:#ea580c;display:flex;align-items:center;justify-content:center;border-radius:10px}.icon-indigo{background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center;border-radius:10px}.icon-purple{background:#f5f3ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;border-radius:10px}.qr-batch-num{font-family:Poppins,sans-serif;font-weight:600;color:var(--accent);font-size:.84rem;letter-spacing:.1px}.qr-id-text{font-family:Poppins,sans-serif;font-weight:600;color:var(--accent);font-size:.75rem;word-break:break-all;line-height:1.4;display:inline-block}body.dark-mode .icon-green{background:#052e16;color:#34d399}body.dark-mode .icon-blue,body.dark-mode .icon-sky{background:#1e2e4a;color:#60a5fa}body.dark-mode .icon-yellow{background:#422006;color:#fbbf24}body.dark-mode .icon-orange{background:#431407;color:#fb923c}body.dark-mode .icon-indigo{background:#1e1b4b;color:#818cf8}body.dark-mode .icon-purple{background:#1e1a3d;color:#a78bfa}.batch-detail-filterbar{flex-shrink:0;margin-bottom:0;border-bottom:1px solid var(--border-color)}.batch-detail-scroll{flex:1 1 auto;min-height:160px;overflow-y:auto;overflow-x:auto}.batch-detail-scroll table{width:100%;border-collapse:collapse}.batch-detail-scroll table thead th{position:sticky;top:0;z-index:2;background:var(--bg-table-head);box-shadow:inset 0 -1px 0 var(--border-color)}body.dark-mode .batch-detail-scroll table thead th{background:var(--bg-table-head)}.batch-detail-pagination{flex-shrink:0}.qr-detail-grid{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}.qr-detail-left{display:flex;flex-direction:column;gap:10px}.qr-canvas-wrap{width:240px;height:240px;background:#fff;border:1px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.qr-canvas-wrap canvas,.qr-canvas-wrap img{max-width:100%;height:auto;display:block}.qr-detail-download-btn{width:240px;text-align:center;display:flex;align-items:center;justify-content:center}.qr-detail-right{min-width:0}.qr-detail-field{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-input);border-radius:8px;margin-bottom:8px;gap:12px}.qr-detail-field .qr-detail-key{font-size:.78rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.qr-detail-field .qr-detail-val{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:right;word-break:break-all;flex:1;min-width:0}.qr-detail-field .qr-detail-val.mono{font-family:Poppins,sans-serif;color:var(--accent);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-batch-mini{padding:10px 12px;background:var(--bg-input);border-radius:8px}.qr-batch-mini .qr-batch-mini-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:3px}.qr-batch-mini .qr-batch-mini-val{font-size:.95rem;font-weight:600;color:var(--text-primary)}.act-download{background:#eef2ff;color:#4338ca}.act-download:hover{background:#e0e7ff}body.dark-mode .act-download{background:#1e1b4b;color:#818cf8}body.dark-mode .act-download:hover{background:#1e1b5e}.batch-detail-modal{max-width:1100px}.batch-detail-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding-bottom:0}.batch-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;flex-shrink:0}@media (max-width: 900px){.batch-detail-meta{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 720px){.batch-detail-meta{grid-template-columns:repeat(2,1fr)!important}}.act-assign{background:#f5f3ff;color:#7c3aed}.act-assign:hover{background:#ede9fe}body.dark-mode .act-view{background:#1e2e4a;color:#60a5fa}body.dark-mode .act-view:hover{background:#243b5a}body.dark-mode .act-edit{background:#052e16;color:#34d399}body.dark-mode .act-edit:hover{background:#073d1c}body.dark-mode .act-block{background:#431407;color:#fb923c}body.dark-mode .act-block:hover{background:#4a1a08}body.dark-mode .act-delete{background:#3c0a0a;color:#f87171}body.dark-mode .act-delete:hover{background:#4c0a0a}body.dark-mode .act-assign{background:#1e1a3d;color:#a78bfa}body.dark-mode .act-assign:hover{background:#2e1065}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:var(--skeleton-bg, #e8ecf1);border-radius:6px;position:relative;overflow:hidden;pointer-events:none}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--skeleton-shimmer, rgba(255,255,255,.55)) 50%,transparent 100%);animation:skeletonShimmer 1.6s ease-in-out infinite}.skeleton-text{height:14px;width:100%}.skeleton-text-sm{height:11px;width:70%}.skeleton-text-lg{height:18px;width:60%}.skeleton-heading{height:28px;width:45%;margin-bottom:4px}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-badge{height:22px;width:64px;border-radius:999px}.skeleton-chart{height:220px;width:100%;border-radius:10px}.skeleton-icon{border-radius:10px;flex-shrink:0}.skeleton-stat-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-card);border:1px solid var(--border-card);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}.skeleton-quick-action{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 20px;border-radius:12px;background:var(--bg-input);border:1px solid var(--border-color);flex:1;min-width:130px}.skeleton-list-row{padding:10px 20px;border-bottom:1px solid var(--border-card);display:flex;align-items:center;gap:12px}.skeleton-list-row:last-child{border-bottom:none}.skeleton-activity-row{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-card)}.skeleton-activity-row:last-child{border-bottom:none}.skeleton-summary-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-card)}.skeleton-summary-row:last-child{border-bottom:none}.skeleton-fade-enter-active,.skeleton-fade-leave-active{transition:opacity .35s ease}.skeleton-fade-enter-from,.skeleton-fade-leave-to{opacity:0}body.dark-mode .skeleton{--skeleton-bg: #1e293b;--skeleton-shimmer: rgba(255,255,255,.06)}
