[data-v-3a3f5e29]{box-sizing:border-box;margin:0;padding:0}.app-layout[data-v-3a3f5e29]{background:#f0f2f5;height:100vh;display:flex;overflow:hidden}.sidebar[data-v-3a3f5e29]{z-index:10;background:linear-gradient(#0f0f1a 0%,#1a1a2e 100%);flex-direction:column;width:260px;min-width:260px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:2px 0 12px #00000014}.sidebar.collapsed[data-v-3a3f5e29]{width:80px;min-width:80px}.sidebar-header[data-v-3a3f5e29]{border-bottom:1px solid #ffffff14;margin-bottom:8px;padding:24px 20px}.logo-area[data-v-3a3f5e29]{align-items:center;gap:12px;display:flex;overflow:hidden}.logo-icon-wrapper[data-v-3a3f5e29]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px #667eea4d}.logo-icon[data-v-3a3f5e29]{width:20px;height:20px}.logo-text[data-v-3a3f5e29]{color:#fff;white-space:nowrap;letter-spacing:1px;font-size:16px;font-weight:600}.sidebar-nav[data-v-3a3f5e29]{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav[data-v-3a3f5e29]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-3a3f5e29]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.sidebar-nav[data-v-3a3f5e29]::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.nav-item[data-v-3a3f5e29]{color:#ffffffa6;border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-item[data-v-3a3f5e29]:before{content:"";z-index:-1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.nav-item[data-v-3a3f5e29]:hover{color:#fff;background:#ffffff14}.nav-item.active[data-v-3a3f5e29]{color:#fff;background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%)}.nav-item.active[data-v-3a3f5e29]:before{width:100%}.nav-icon[data-v-3a3f5e29]{text-align:center;flex-shrink:0;width:28px;font-size:20px}.nav-text[data-v-3a3f5e29]{white-space:nowrap;font-size:14px;font-weight:500}.nav-indicator[data-v-3a3f5e29]{background:#667eea;border-radius:50%;width:6px;height:6px;position:absolute;right:12px}.sidebar-footer[data-v-3a3f5e29]{border-top:1px solid #ffffff14;margin-top:auto;padding:16px}.user-mini[data-v-3a3f5e29]{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.user-mini-avatar[data-v-3a3f5e29]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:600;display:flex}.user-mini-info[data-v-3a3f5e29]{flex:1;overflow:hidden}.user-mini-name[data-v-3a3f5e29]{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-mini-phone[data-v-3a3f5e29]{color:#ffffff80;font-size:11px}.collapse-btn[data-v-3a3f5e29]{color:#fff9;cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;transition:all .2s;display:flex}.collapse-btn[data-v-3a3f5e29]:hover{color:#fff;background:#ffffff1a}.collapse-icon[data-v-3a3f5e29]{font-size:14px}.main-content[data-v-3a3f5e29]{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar[data-v-3a3f5e29]{z-index:5;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.breadcrumb-area[data-v-3a3f5e29]{align-items:center;gap:12px;display:flex}.breadcrumb-icon[data-v-3a3f5e29]{opacity:.7;font-size:20px}.breadcrumb-trail[data-v-3a3f5e29]{align-items:center;gap:8px;display:flex}.breadcrumb-current[data-v-3a3f5e29]{color:#1a1a2e;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:600}.user-info[data-v-3a3f5e29]{align-items:center;gap:20px;display:flex}.notification-btn[data-v-3a3f5e29]{cursor:pointer;background:#f5f7fa;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notification-btn[data-v-3a3f5e29]:hover{background:#eef2ff}.notification-icon[data-v-3a3f5e29]{font-size:20px}.notification-dot[data-v-3a3f5e29]{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.user-dropdown[data-v-3a3f5e29]{background:#f5f7fa;border-radius:40px;align-items:center;gap:12px;padding:6px 12px 6px 8px;display:flex}.user-avatar[data-v-3a3f5e29]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.user-details[data-v-3a3f5e29]{flex-direction:column;display:flex}.user-name[data-v-3a3f5e29]{color:#1a1a2e;font-size:14px;font-weight:600}.user-phone[data-v-3a3f5e29]{color:#9ca3af;font-size:11px}.logout-btn[data-v-3a3f5e29]{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.logout-btn[data-v-3a3f5e29]:hover{background:#fee2e2}.logout-icon[data-v-3a3f5e29]{font-size:14px}.content-area[data-v-3a3f5e29]{flex:1;padding:20px 24px;overflow:auto}.page-enter-active[data-v-3a3f5e29],.page-leave-active[data-v-3a3f5e29]{transition:opacity .2s,transform .2s}.page-enter-from[data-v-3a3f5e29]{opacity:0;transform:translateY(8px)}.page-leave-to[data-v-3a3f5e29]{opacity:0;transform:translateY(-8px)}.fade-enter-active[data-v-3a3f5e29],.fade-leave-active[data-v-3a3f5e29]{transition:opacity .2s}.fade-enter-from[data-v-3a3f5e29],.fade-leave-to[data-v-3a3f5e29]{opacity:0}.content-area[data-v-3a3f5e29]::-webkit-scrollbar{width:6px}.content-area[data-v-3a3f5e29]::-webkit-scrollbar-track{background:#e0e6ed;border-radius:3px}.content-area[data-v-3a3f5e29]::-webkit-scrollbar-thumb{background:#c1c9d2;border-radius:3px}.content-area[data-v-3a3f5e29]::-webkit-scrollbar-thumb:hover{background:#a0aab5}@media (width<=768px){.sidebar[data-v-3a3f5e29]{z-index:100;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed[data-v-3a3f5e29]{transform:translate(-100%)}.top-bar[data-v-3a3f5e29]{padding:0 16px}.user-details[data-v-3a3f5e29]{display:none}.user-dropdown[data-v-3a3f5e29]{padding:6px 8px}.content-area[data-v-3a3f5e29]{padding:16px}}[data-v-15056749]{box-sizing:border-box;margin:0;padding:0}.login-container[data-v-15056749]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-card[data-v-15056749]{background:#fff;border-radius:24px;width:460px;padding:48px 40px;box-shadow:0 25px 50px -12px #00000040}.brand-section[data-v-15056749]{text-align:center;margin-bottom:36px}.logo-wrapper[data-v-15056749]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:20px;display:inline-flex}.logo-icon[data-v-15056749]{width:36px;height:36px}.title[data-v-15056749]{color:#1f2937;margin-bottom:8px;font-size:24px;font-weight:600}.subtitle[data-v-15056749]{color:#6b7280;font-size:14px}.form-item[data-v-15056749]{margin-bottom:20px}.input-wrapper[data-v-15056749]{width:100%;position:relative}.input-icon[data-v-15056749]{opacity:.6;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.custom-input[data-v-15056749]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:48px;padding:0 16px 0 44px;font-size:15px;transition:all .3s}.custom-input[data-v-15056749]:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-input[data-v-15056749]::placeholder{color:#9ca3af}.options-row[data-v-15056749]{align-items:center;margin:16px 0 28px;font-size:13px;display:flex}.checkbox-label[data-v-15056749]{cursor:pointer;color:#6b7280;align-items:center;gap:6px;display:flex}.checkbox-label input[data-v-15056749]{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.login-btn[data-v-15056749]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;height:48px;font-size:16px;font-weight:500;transition:all .3s}.login-btn[data-v-15056749]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-btn[data-v-15056749]:disabled{opacity:.7;cursor:not-allowed;transform:none}.register-row[data-v-15056749]{text-align:center;color:#6b7280;margin-top:28px;font-size:14px}.register-link[data-v-15056749]{color:#667eea;cursor:pointer;margin-left:6px;font-weight:500}.register-link[data-v-15056749]:hover{color:#5a67d8;text-decoration:underline}@media (width<=520px){.login-card[data-v-15056749]{width:90%;padding:32px 24px}}[data-v-54b9bffe]{box-sizing:border-box;margin:0;padding:0}.home-container[data-v-54b9bffe]{background:#f0f2f6;min-height:100%;padding:24px 28px}.welcome-banner[data-v-54b9bffe]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;justify-content:space-between;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.banner-content[data-v-54b9bffe]{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.greeting-time[data-v-54b9bffe]{color:#ffffffb3;letter-spacing:1px;font-size:14px}.greeting-name[data-v-54b9bffe]{color:#fff;margin:8px 0 4px;font-size:28px;font-weight:600}.greeting-date[data-v-54b9bffe]{color:#fff9;font-size:13px}.stats-mini[data-v-54b9bffe]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:40px;align-items:center;gap:20px;padding:12px 24px;display:flex}.mini-stat[data-v-54b9bffe]{text-align:center}.mini-stat-value[data-v-54b9bffe]{color:#fff;font-size:28px;font-weight:700;line-height:1}.mini-stat-label[data-v-54b9bffe]{color:#ffffffb3;margin-top:4px;font-size:11px;display:block}.mini-stat-divider[data-v-54b9bffe]{background:#fff3;width:1px;height:30px}.banner-decoration[data-v-54b9bffe]{z-index:1;background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.core-stats[data-v-54b9bffe]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card-primary[data-v-54b9bffe]{background:#fff;border-radius:20px;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-card-primary[data-v-54b9bffe]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.stat-card-icon[data-v-54b9bffe]{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-icon .icon[data-v-54b9bffe]{font-size:24px}.stat-card-info[data-v-54b9bffe]{flex:1}.stat-card-value[data-v-54b9bffe]{color:#1a1a2e;font-size:28px;font-weight:700;line-height:1}.stat-card-label[data-v-54b9bffe]{color:#9ca3af;margin-top:4px;font-size:12px}.two-columns[data-v-54b9bffe]{grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:24px;display:grid}.card[data-v-54b9bffe]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.card-header[data-v-54b9bffe]{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;align-items:baseline;gap:12px;padding:18px 24px;display:flex}.card-title[data-v-54b9bffe]{color:#1a1a2e;font-size:16px;font-weight:600}.card-subtitle[data-v-54b9bffe]{color:#9ca3af;flex:1;font-size:12px}.refresh-btn[data-v-54b9bffe]{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.refresh-btn[data-v-54b9bffe]:hover{background:#f3f4f6;border-color:#667eea}.refresh-icon[data-v-54b9bffe]{color:#6b7280;font-size:14px}.role-distribution[data-v-54b9bffe]{padding:20px 24px}.distribution-chart[data-v-54b9bffe]{flex-direction:column;gap:20px;display:flex}.ring-item[data-v-54b9bffe]{flex-direction:column;gap:8px;display:flex}.ring-bar[data-v-54b9bffe]{border-radius:4px;height:8px;transition:width .5s}.ring-info[data-v-54b9bffe]{align-items:center;gap:12px;display:flex}.ring-name[data-v-54b9bffe]{color:#374151;width:80px;font-size:14px}.ring-value[data-v-54b9bffe]{color:#1a1a2e;font-size:14px;font-weight:600}.ring-percent[data-v-54b9bffe]{color:#9ca3af;font-size:13px}.empty-chart[data-v-54b9bffe]{text-align:center;color:#94a3b8;padding:40px}.activity-list[data-v-54b9bffe]{padding:8px 0}.activity-item[data-v-54b9bffe]{border-bottom:1px solid #f8f9fc;align-items:center;gap:14px;padding:14px 20px;transition:background .2s;display:flex}.activity-item[data-v-54b9bffe]:hover{background:#f8fafc}.activity-avatar[data-v-54b9bffe]{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:flex}.activity-info[data-v-54b9bffe]{flex:1}.activity-name-row[data-v-54b9bffe]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.activity-name[data-v-54b9bffe]{color:#1e293b;font-size:15px;font-weight:600}.activity-role-badge[data-v-54b9bffe]{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:500}.role-company[data-v-54b9bffe]{color:#047857;background:#d1fae5}.role-province[data-v-54b9bffe]{color:#be185d;background:#fce7f3}.role-city[data-v-54b9bffe]{color:#1d4ed8;background:#dbeafe}.role-district[data-v-54b9bffe],.role-pharmacy[data-v-54b9bffe]{color:#b45309;background:#fef3c7}.new-tag[data-v-54b9bffe]{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:10px;padding:2px 6px;font-size:9px;font-weight:500}.activity-meta[data-v-54b9bffe]{color:#94a3b8;gap:16px;font-size:12px;display:flex}.meta-phone[data-v-54b9bffe]:before{content:"📱";margin-right:4px;font-size:11px}.meta-time[data-v-54b9bffe]:before{content:"🕐";margin-right:4px;font-size:11px}.quick-access[data-v-54b9bffe]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.quick-card[data-v-54b9bffe]{cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.quick-card[data-v-54b9bffe]:hover{background:#f8fafc;transform:translate(4px);box-shadow:0 4px 12px #00000014}.quick-icon[data-v-54b9bffe]{background:#f0f2f6;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.quick-info[data-v-54b9bffe]{flex:1}.quick-name[data-v-54b9bffe]{color:#1a1a2e;font-size:15px;font-weight:600}.quick-desc[data-v-54b9bffe]{color:#9ca3af;margin-top:2px;font-size:12px}.quick-arrow[data-v-54b9bffe]{color:#cbd5e1;font-size:18px;transition:transform .2s}.quick-card:hover .quick-arrow[data-v-54b9bffe]{color:#667eea;transform:translate(4px)}.empty-activity[data-v-54b9bffe]{text-align:center;padding:48px 20px}.empty-icon[data-v-54b9bffe]{opacity:.5;font-size:48px}.empty-activity p[data-v-54b9bffe]{color:#94a3b8;margin:12px 0 4px;font-size:14px}.empty-hint[data-v-54b9bffe]{color:#cbd5e1;font-size:12px}@media (width<=1000px){.two-columns[data-v-54b9bffe]{grid-template-columns:1fr;gap:20px}.core-stats[data-v-54b9bffe]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.home-container[data-v-54b9bffe]{padding:16px}.banner-content[data-v-54b9bffe]{flex-direction:column;align-items:flex-start;gap:16px}.stats-mini[data-v-54b9bffe]{justify-content:center;align-self:stretch}.core-stats[data-v-54b9bffe]{grid-template-columns:1fr}.greeting-name[data-v-54b9bffe]{font-size:22px}.quick-access[data-v-54b9bffe]{grid-template-columns:1fr}}[data-v-284475bd]{box-sizing:border-box;margin:0;padding:0}.role-container[data-v-284475bd]{background:linear-gradient(135deg,#f5f7fa 0%,#eef2f6 100%);height:100%;padding:24px;overflow:auto}.role-card[data-v-284475bd]{background:#fff;border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000f}.page-header[data-v-284475bd]{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.header-left[data-v-284475bd]{align-items:center;gap:16px;display:flex}.title-icon[data-v-284475bd]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #667eea4d}.title-info[data-v-284475bd]{flex-direction:column;gap:4px;display:flex}.page-title[data-v-284475bd]{color:#1a1a2e;letter-spacing:-.5px;font-size:22px;font-weight:700}.header-desc[data-v-284475bd]{color:#9ca3af;font-size:13px}.add-btn[data-v-284475bd]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea4d}.add-btn[data-v-284475bd]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.add-icon[data-v-284475bd]{font-size:18px;font-weight:300}.top-bar[data-v-284475bd]{background:#fff;border-bottom:1px solid #eef2f6;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 28px;display:flex}.stats-cards[data-v-284475bd]{gap:16px;display:flex}.stat-card[data-v-284475bd]{background:#f8fafc;border-radius:14px;flex-shrink:0;align-items:center;gap:14px;padding:12px 20px;transition:all .2s;display:flex}.stat-card[data-v-284475bd]:hover{background:#f1f5f9;transform:translateY(-1px)}.stat-icon-wrap[data-v-284475bd]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-number[data-v-284475bd]{color:#1e293b;font-size:28px;font-weight:800;line-height:1}.stat-label[data-v-284475bd]{color:#94a3b8;margin-top:4px;font-size:12px}.search-bar[data-v-284475bd]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;padding:0 16px;transition:all .2s;display:flex}.search-bar[data-v-284475bd]:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon[data-v-284475bd]{color:#94a3b8;flex-shrink:0}.search-input[data-v-284475bd]{background:0 0;border:none;outline:none;flex:1;height:44px;padding:0 12px;font-size:14px}.search-btn[data-v-284475bd]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.search-btn[data-v-284475bd]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.table-wrapper[data-v-284475bd]{flex:1;padding:0;overflow:auto}.role-table[data-v-284475bd]{border-collapse:collapse;width:100%}.role-table th[data-v-284475bd]{text-align:left;color:#64748b;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:13px;font-weight:600;position:sticky;top:0}.role-table td[data-v-284475bd]{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.role-table tbody tr[data-v-284475bd]:hover{background:#f8fafc}.index-num[data-v-284475bd]{color:#94a3b8;font-size:13px}.user-cell[data-v-284475bd]{align-items:center;gap:12px;display:flex}.user-avatar[data-v-284475bd]{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.name-text[data-v-284475bd]{color:#1e293b;font-weight:600}.phone-cell[data-v-284475bd]{color:#475569;font-family:monospace}.time-cell[data-v-284475bd]{color:#64748b;white-space:nowrap;font-size:13px}.action-btns[data-v-284475bd]{gap:10px;display:flex}.action-btn[data-v-284475bd]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:all .2s;display:flex}.edit-btn[data-v-284475bd]{color:#4338ca;background:#eef2ff}.edit-btn[data-v-284475bd]:hover{background:#e0e7ff;transform:translateY(-1px)}.delete-btn[data-v-284475bd]{color:#dc2626;background:#fef2f2}.delete-btn[data-v-284475bd]:hover{background:#fee2e2;transform:translateY(-1px)}.area-tags[data-v-284475bd]{flex-wrap:wrap;gap:6px;display:flex}.area-tag[data-v-284475bd]{color:#4338ca;background:#eef2ff;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.pharmacy-name-tag[data-v-284475bd]{color:#b45309;background:#fef3c7;border-radius:6px;padding:4px 12px;font-size:12px;display:inline-block}.empty-state[data-v-284475bd]{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon[data-v-284475bd]{opacity:.5;margin-bottom:16px;font-size:64px}.empty-state p[data-v-284475bd]{color:#94a3b8;margin-bottom:20px;font-size:14px}.empty-add-btn[data-v-284475bd]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:10px 24px;font-size:14px;transition:all .2s}.empty-add-btn[data-v-284475bd]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.table-footer[data-v-284475bd]{color:#94a3b8;background:#fff;border-top:1px solid #eef2f6;justify-content:space-between;align-items:center;padding:16px 28px;font-size:13px;display:flex}.refresh-btn[data-v-284475bd]{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;transition:all .2s;display:flex}.refresh-btn[data-v-284475bd]:hover{color:#1e293b;background:#e2e8f0}.dialog-overlay[data-v-284475bd]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn-284475bd;display:flex;position:fixed;inset:0}@keyframes fadeIn-284475bd{0%{opacity:0}to{opacity:1}}.dialog-card[data-v-284475bd]{background:#fff;border-radius:24px;flex-direction:column;width:550px;max-width:90vw;max-height:85vh;animation:.3s slideUp-284475bd;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp-284475bd{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dialog-header[data-v-284475bd]{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #eef2f6;flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.dialog-header-icon[data-v-284475bd]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.dialog-title[data-v-284475bd]{color:#1e293b;flex:1;font-size:18px;font-weight:600}.dialog-close[data-v-284475bd]{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.dialog-close[data-v-284475bd]:hover{background:#e2e8f0}.dialog-body[data-v-284475bd]{flex:1;padding:24px;overflow-y:auto}.form-item[data-v-284475bd]{margin-bottom:20px}.form-label[data-v-284475bd]{color:#334155;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.required[data-v-284475bd]{color:#ef4444;margin-left:2px}.form-input[data-v-284475bd]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:all .15s}.form-input[data-v-284475bd]:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-tip[data-v-284475bd]{color:#94a3b8;margin-top:6px;font-size:11px}.dialog-footer[data-v-284475bd]{background:#f8fafc;border-top:1px solid #eef2f6;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.cancel-btn[data-v-284475bd],.confirm-btn[data-v-284475bd]{cursor:pointer;border:none;border-radius:10px;flex:1;height:44px;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn[data-v-284475bd]{color:#475569;background:#fff;border:1px solid #e2e8f0}.cancel-btn[data-v-284475bd]:hover{background:#f1f5f9}.confirm-btn[data-v-284475bd]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;gap:6px;display:flex}.confirm-btn[data-v-284475bd]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.confirm-btn[data-v-284475bd]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner[data-v-284475bd]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin-284475bd}@keyframes spin-284475bd{to{transform:rotate(360deg)}}.multi-select[data-v-284475bd],.single-select[data-v-284475bd]{position:relative}.select-trigger[data-v-284475bd]{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;transition:all .2s;display:flex}.select-trigger[data-v-284475bd]:hover{border-color:#667eea}.selected-tags[data-v-284475bd]{flex-wrap:wrap;flex:1;gap:6px;display:flex}.placeholder[data-v-284475bd]{color:#94a3b8;font-size:14px}.tag[data-v-284475bd]{color:#4338ca;background:#eef2ff;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.tag-close[data-v-284475bd]{cursor:pointer;font-size:14px;font-weight:700}.tag-close[data-v-284475bd]:hover{color:#dc2626}.dropdown-icon[data-v-284475bd]{color:#94a3b8;margin-left:8px;font-size:12px}.dropdown-list[data-v-284475bd]{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;max-height:320px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 25px -5px #0000001a}.search-in-dropdown[data-v-284475bd]{border-bottom:1px solid #eef2f6;padding:12px}.dropdown-search[data-v-284475bd]{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px}.dropdown-search[data-v-284475bd]:focus{border-color:#667eea}.dropdown-options[data-v-284475bd]{flex:1;max-height:200px;padding:8px;overflow-y:auto}.dropdown-option[data-v-284475bd]{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.dropdown-option[data-v-284475bd]:hover{background:#f1f5f9}.dropdown-option.selected[data-v-284475bd]{color:#4338ca;background:#eef2ff}.check-icon[data-v-284475bd]{color:#667eea;font-weight:700}.no-option[data-v-284475bd]{text-align:center;color:#94a3b8;padding:24px;font-size:13px}.dropdown-footer[data-v-284475bd]{background:#fafbfc;border-top:1px solid #eef2f6;gap:8px;padding:12px;display:flex}.clear-btn[data-v-284475bd],.confirm-btn-small[data-v-284475bd]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:12px}.clear-btn[data-v-284475bd]{color:#64748b;background:#fff;border:1px solid #e2e8f0}.clear-btn[data-v-284475bd]:hover{background:#f1f5f9}.confirm-btn-small[data-v-284475bd]{color:#fff;background:#667eea}.confirm-btn-small[data-v-284475bd]:hover{background:#5a67d8}[data-v-a540e9f4]{box-sizing:border-box;margin:0;padding:0}.erweima-container[data-v-a540e9f4]{background:linear-gradient(135deg,#f5f7fa 0%,#eef2f6 100%);min-height:100%;padding:24px}.page-header[data-v-a540e9f4]{margin-bottom:24px}.header-left[data-v-a540e9f4]{align-items:center;gap:16px;display:flex}.title-icon[data-v-a540e9f4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #667eea4d}.title-info[data-v-a540e9f4]{flex-direction:column;gap:4px;display:flex}.page-title[data-v-a540e9f4]{color:#1a1a2e;letter-spacing:-.5px;font-size:24px;font-weight:700}.header-desc[data-v-a540e9f4]{color:#9ca3af;font-size:14px}.form-card[data-v-a540e9f4]{background:#fff;border-radius:20px;margin-bottom:24px;padding:28px;box-shadow:0 4px 20px #0000000f}.form-row[data-v-a540e9f4]{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.form-group[data-v-a540e9f4]{flex-direction:column;gap:8px;display:flex}.form-label[data-v-a540e9f4]{color:#374151;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.label-icon[data-v-a540e9f4]{font-size:16px}.select-wrapper[data-v-a540e9f4]{position:relative}.custom-select[data-v-a540e9f4]{cursor:pointer;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:46px;padding:0 36px 0 16px;font-size:14px;transition:all .2s}.custom-select[data-v-a540e9f4]:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.select-arrow[data-v-a540e9f4]{color:#94a3b8;pointer-events:none;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.number-input[data-v-a540e9f4]{align-items:center;gap:8px;display:flex}.number-btn[data-v-a540e9f4]{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:40px;height:46px;font-size:20px;transition:all .2s}.number-btn[data-v-a540e9f4]:hover:not(:disabled){background:#eef2ff;border-color:#667eea}.number-btn[data-v-a540e9f4]:disabled{opacity:.5;cursor:not-allowed}.number-field[data-v-a540e9f4]{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100px;height:46px;font-size:16px;font-weight:600}.number-field[data-v-a540e9f4]:focus{background:#fff;border-color:#667eea;outline:none}.form-hint[data-v-a540e9f4]{color:#94a3b8;margin-top:4px;font-size:12px}.date-input[data-v-a540e9f4]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:46px;padding:0 16px;font-size:14px;transition:all .2s}.date-input[data-v-a540e9f4]:focus{background:#fff;border-color:#667eea;outline:none}.shelf-life-display[data-v-a540e9f4]{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 16px;display:flex}.shelf-life-value[data-v-a540e9f4]{color:#1e293b;font-size:16px;font-weight:600}.shelf-life-unit[data-v-a540e9f4]{color:#64748b;font-size:14px}.total-display[data-v-a540e9f4]{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 16px;display:flex}.total-value[data-v-a540e9f4]{color:#4338ca;font-size:18px;font-weight:700}.total-unit[data-v-a540e9f4]{color:#6366f1;font-size:13px}.product-info[data-v-a540e9f4]{background:#f8fafc;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;padding:20px;display:grid}.info-item[data-v-a540e9f4]{align-items:baseline;gap:8px;display:flex}.info-label[data-v-a540e9f4]{color:#64748b;font-size:13px}.info-value[data-v-a540e9f4]{color:#1e293b;font-size:14px;font-weight:600}.btn-group[data-v-a540e9f4]{flex-wrap:wrap;gap:16px;display:flex}.btn[data-v-a540e9f4]{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary[data-v-a540e9f4]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex:1}.btn-primary[data-v-a540e9f4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-outline[data-v-a540e9f4]{color:#dc2626;background:#fff;border:1px solid #fee2e2}.btn-outline[data-v-a540e9f4]:hover{background:#fef2f2}.btn[data-v-a540e9f4]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon[data-v-a540e9f4]{font-size:16px}.stats-cards[data-v-a540e9f4]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.stat-card[data-v-a540e9f4]{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-card[data-v-a540e9f4]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.stat-icon[data-v-a540e9f4]{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.stat-icon.blue[data-v-a540e9f4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-icon.green[data-v-a540e9f4]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.stat-icon.purple[data-v-a540e9f4]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-info[data-v-a540e9f4]{flex:1}.stat-number[data-v-a540e9f4]{color:#1e293b;font-size:32px;font-weight:800;line-height:1}.stat-label[data-v-a540e9f4]{color:#94a3b8;margin-top:6px;font-size:13px}.qr-section[data-v-a540e9f4]{margin-bottom:32px}.section-header[data-v-a540e9f4]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title[data-v-a540e9f4]{color:#1a1a2e;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.section-title .title-icon[data-v-a540e9f4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.section-count[data-v-a540e9f4]{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:13px}.qr-grid[data-v-a540e9f4]{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;display:grid}.qr-card[data-v-a540e9f4]{text-align:center;background:#fff;border-radius:16px;padding:16px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.qr-card[data-v-a540e9f4]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.qr-card-header[data-v-a540e9f4]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.qr-type[data-v-a540e9f4]{color:#4338ca;background:#eef2ff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.qr-type.drug[data-v-a540e9f4]{color:#047857;background:#d1fae5}.qr-index[data-v-a540e9f4]{color:#94a3b8;font-size:11px}.qr-canvas[data-v-a540e9f4]{width:160px;height:160px;margin:0 auto;display:block}.qr-code-text[data-v-a540e9f4]{color:#1e293b;word-break:break-all;background:#f8fafc;border-radius:8px;margin-top:12px;padding:6px 10px;font-family:monospace;font-size:12px;font-weight:600}.qr-info[data-v-a540e9f4]{color:#94a3b8;margin-top:8px;font-size:11px}.empty-state[data-v-a540e9f4]{text-align:center;background:#fff;border-radius:20px;padding:60px 20px}.empty-icon[data-v-a540e9f4]{opacity:.5;margin-bottom:16px;font-size:64px}.empty-state p[data-v-a540e9f4]{color:#94a3b8;font-size:14px}.empty-hint[data-v-a540e9f4]{color:#cbd5e1;margin-top:8px;font-size:12px}@media (width<=768px){.erweima-container[data-v-a540e9f4]{padding:16px}.form-row[data-v-a540e9f4]{grid-template-columns:1fr;gap:16px}.product-info[data-v-a540e9f4]{grid-template-columns:1fr}.btn-group[data-v-a540e9f4]{flex-direction:column}.stats-cards[data-v-a540e9f4]{grid-template-columns:1fr;gap:12px}.qr-grid[data-v-a540e9f4]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.qr-canvas[data-v-a540e9f4]{width:130px;height:130px}}[data-v-2342551e]{box-sizing:border-box;margin:0;padding:0}.product-container[data-v-2342551e]{background:linear-gradient(135deg,#f5f7fa 0%,#eef2f6 100%);height:100%;padding:24px;overflow:auto}.page-header[data-v-2342551e]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-left[data-v-2342551e]{align-items:center;gap:16px;display:flex}.title-icon[data-v-2342551e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #667eea4d}.title-info[data-v-2342551e]{flex-direction:column;gap:4px;display:flex}.page-title[data-v-2342551e]{color:#1a1a2e;letter-spacing:-.5px;font-size:22px;font-weight:700}.header-desc[data-v-2342551e]{color:#9ca3af;font-size:13px}.add-btn[data-v-2342551e]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea4d}.add-btn[data-v-2342551e]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.add-icon[data-v-2342551e]{font-size:18px;font-weight:300}.stats-cards[data-v-2342551e]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-card[data-v-2342551e]{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.stat-card[data-v-2342551e]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.stat-icon[data-v-2342551e]{background:linear-gradient(135deg,#f0f2ff 0%,#e8edff 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-info[data-v-2342551e]{flex:1}.stat-value[data-v-2342551e]{color:#1a1a2e;font-size:28px;font-weight:700;line-height:1}.stat-label[data-v-2342551e]{color:#9ca3af;margin-top:6px;font-size:13px}.search-bar[data-v-2342551e]{align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input-wrapper[data-v-2342551e]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;padding:0 16px;transition:all .2s;display:flex}.search-input-wrapper[data-v-2342551e]:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon[data-v-2342551e]{color:#9ca3af;flex-shrink:0}.search-input[data-v-2342551e]{background:0 0;border:none;outline:none;flex:1;height:44px;padding:0 12px;font-size:14px}.search-actions[data-v-2342551e]{gap:10px;display:flex}.search-btn[data-v-2342551e],.reset-btn[data-v-2342551e]{cursor:pointer;border-radius:12px;align-items:center;gap:6px;height:44px;padding:0 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.search-btn[data-v-2342551e]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.search-btn[data-v-2342551e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.reset-btn[data-v-2342551e]{color:#6b7280;background:#fff;border:1px solid #e5e7eb}.reset-btn[data-v-2342551e]:hover{background:#f3f4f6;border-color:#d1d5db}.table-wrapper[data-v-2342551e]{background:#fff;border-radius:16px;overflow:auto;box-shadow:0 2px 8px #0000000a}.product-table[data-v-2342551e]{border-collapse:collapse;width:100%}.product-table th[data-v-2342551e]{text-align:left;color:#6b7280;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #eef2f6;padding:16px 20px;font-size:13px;font-weight:600}.product-table td[data-v-2342551e]{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px 20px;font-size:14px}.product-table tbody tr[data-v-2342551e]:hover{background:#f9fafb}.index-num[data-v-2342551e]{color:#9ca3af;font-size:13px}.product-cell[data-v-2342551e]{align-items:center;gap:10px;display:flex}.product-badge[data-v-2342551e]{font-size:16px}.product-name[data-v-2342551e]{color:#1f2937;font-weight:600}.product-number[data-v-2342551e]{color:#6b7280;font-family:monospace}.product-norms[data-v-2342551e],.product-firm[data-v-2342551e]{color:#6b7280}.product-shelf-life[data-v-2342551e]{color:#059669;font-weight:500}.product-time[data-v-2342551e]{color:#9ca3af;font-size:13px}.action-btns[data-v-2342551e]{gap:8px;display:flex}.action-btn[data-v-2342551e]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.edit-btn[data-v-2342551e]{color:#4338ca;background:#eef2ff}.edit-btn[data-v-2342551e]:hover{background:#e0e7ff;transform:translateY(-1px)}.delete-btn[data-v-2342551e]{color:#dc2626;background:#fef2f2}.delete-btn[data-v-2342551e]:hover{background:#fee2e2;transform:translateY(-1px)}.empty-state[data-v-2342551e]{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon[data-v-2342551e]{opacity:.5;margin-bottom:16px;font-size:64px}.empty-state p[data-v-2342551e]{color:#9ca3af;margin-bottom:20px;font-size:14px}.empty-add-btn[data-v-2342551e]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:10px 24px;font-size:14px;transition:all .2s}.empty-add-btn[data-v-2342551e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.table-footer[data-v-2342551e]{color:#9ca3af;background:#fff;border-top:1px solid #eef2f6;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;display:flex}.refresh-btn[data-v-2342551e]{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:all .2s;display:flex}.refresh-btn[data-v-2342551e]:hover{color:#374151;background:#e5e7eb}.dialog-overlay[data-v-2342551e]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn-2342551e;display:flex;position:fixed;inset:0}@keyframes fadeIn-2342551e{0%{opacity:0}to{opacity:1}}.dialog-card[data-v-2342551e]{background:#fff;border-radius:20px;width:500px;animation:.3s slideUp-2342551e;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp-2342551e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dialog-header[data-v-2342551e]{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:20px 24px;display:flex;position:relative}.dialog-header-icon[data-v-2342551e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.dialog-title[data-v-2342551e]{color:#111827;flex:1;font-size:18px;font-weight:600}.dialog-close[data-v-2342551e]{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.dialog-close[data-v-2342551e]:hover{background:#e5e7eb}.dialog-body[data-v-2342551e]{padding:24px}.form-item[data-v-2342551e]{margin-bottom:20px}.form-label[data-v-2342551e]{color:#374151;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.label-icon[data-v-2342551e]{font-size:14px}.required[data-v-2342551e]{color:#ef4444;margin-left:2px}.form-input[data-v-2342551e]{border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px;transition:all .15s}.form-input[data-v-2342551e]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.number-input-wrapper[data-v-2342551e]{gap:10px;display:flex}.number-input-wrapper .form-input[data-v-2342551e]{flex:1}.generate-btn[data-v-2342551e]{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:44px;padding:0 16px;font-size:13px;transition:all .2s;display:flex}.generate-btn[data-v-2342551e]:hover{color:#667eea;background:#e5e7eb;border-color:#667eea}.shelf-life-wrapper[data-v-2342551e]{align-items:center;gap:8px;display:flex}.shelf-life-input[data-v-2342551e]{flex:1}.shelf-life-unit[data-v-2342551e]{color:#6b7280;white-space:nowrap;font-size:14px}.form-tip[data-v-2342551e]{color:#9ca3af;margin-top:6px;font-size:12px}.dialog-footer[data-v-2342551e]{background:#f9fafb;border-top:1px solid #f0f0f0;gap:12px;padding:16px 24px;display:flex}.cancel-btn[data-v-2342551e],.confirm-btn[data-v-2342551e]{cursor:pointer;border:none;border-radius:10px;flex:1;height:44px;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn[data-v-2342551e]{color:#374151;background:#fff;border:1px solid #e5e7eb}.cancel-btn[data-v-2342551e]:hover{background:#f3f4f6}.confirm-btn[data-v-2342551e]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;gap:6px;display:flex}.confirm-btn[data-v-2342551e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.confirm-btn[data-v-2342551e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner[data-v-2342551e]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin-2342551e}@keyframes spin-2342551e{to{transform:rotate(360deg)}}@media (width<=768px){.product-container[data-v-2342551e]{padding:16px}.stats-cards[data-v-2342551e]{grid-template-columns:1fr;gap:12px}.search-bar[data-v-2342551e]{flex-direction:column}.search-input-wrapper[data-v-2342551e],.search-actions[data-v-2342551e]{width:100%}.search-btn[data-v-2342551e],.reset-btn[data-v-2342551e]{flex:1;justify-content:center}.dialog-card[data-v-2342551e]{width:90%;margin:0 16px}.action-btn span[data-v-2342551e]:first-child{display:none}.number-input-wrapper[data-v-2342551e]{flex-direction:column}.generate-btn[data-v-2342551e]{justify-content:center}}