.login-container[data-v-0bfb853c]{display:flex;width:100%;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-left[data-v-0bfb853c]{width:55%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#FAF7F4;position:relative;padding:40px}.left-content[data-v-0bfb853c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;position:relative}.logo-section[data-v-0bfb853c]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-image[data-v-0bfb853c]{width:120px;height:120px;margin:0 auto 16px;display:block;object-fit:cover;border-radius:50%}.main-title[data-v-0bfb853c]{font-size:28px;font-weight:700;margin-bottom:8px;color:#333;line-height:1.2}.sub-title[data-v-0bfb853c]{font-size:15px;color:#666;margin:0}.consult-btn[data-v-0bfb853c]{background:#3B82F6;color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;cursor:pointer;transition:background-color .3s;white-space:nowrap;text-decoration:none;display:inline-block;margin-top:40px}.consult-btn[data-v-0bfb853c]:hover{background:#2563EB;color:#fff;text-decoration:none}.login-right[data-v-0bfb853c]{width:45%;background:#ffffff;display:flex;align-items:center;justify-content:center;padding:60px 40px;box-shadow:-2px 0 10px #0000001a}.login-box[data-v-0bfb853c]{width:100%;max-width:320px}.login-title[data-v-0bfb853c]{font-size:20px;font-weight:600;color:#333;margin-bottom:32px;text-align:left}.login-form[data-v-0bfb853c]{width:100%}.form-group[data-v-0bfb853c]{margin-bottom:20px}.form-label[data-v-0bfb853c]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.form-input[data-v-0bfb853c]{width:100%;padding:12px 16px;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;color:#333;background-color:#fff;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-input[data-v-0bfb853c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-input[data-v-0bfb853c]::placeholder{color:#999}.login-btn[data-v-0bfb853c]{width:100%;padding:12px;background:#10B981;color:#1e293b;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .3s}.login-btn[data-v-0bfb853c]:hover{opacity:.9}.login-btn[data-v-0bfb853c]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-0bfb853c]{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin-0bfb853c 1s ease-in-out infinite;margin-right:8px}@keyframes spin-0bfb853c{to{transform:rotate(360deg)}}.error-message[data-v-0bfb853c]{color:#ff4757;text-align:center;margin-top:16px;font-size:14px}.copyright[data-v-0bfb853c]{text-align:center;margin-top:24px;font-size:12px;color:#999;line-height:1.4}.modal-overlay[data-v-0bfb853c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-0bfb853c]{background:white;border-radius:8px;box-shadow:0 10px 25px #0003;width:90%;max-width:400px;overflow:hidden;animation:modalSlideIn-0bfb853c .3s ease-out}@keyframes modalSlideIn-0bfb853c{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-0bfb853c]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.modal-title[data-v-0bfb853c]{font-size:18px;font-weight:600;color:#333;margin:0}.modal-close[data-v-0bfb853c]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close[data-v-0bfb853c]:hover{background-color:#f5f5f5;color:#666}.modal-body[data-v-0bfb853c]{padding:20px 24px;text-align:center}.modal-icon[data-v-0bfb853c]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:30px;font-weight:700}.modal-icon.success[data-v-0bfb853c]{background-color:#f0f9ff;color:#10b981;border:2px solid #10b981}.modal-icon.error[data-v-0bfb853c]{background-color:#fef2f2;color:#ef4444;border:2px solid #ef4444}.modal-message[data-v-0bfb853c]{font-size:16px;color:#666;line-height:1.5;margin:0}.modal-footer[data-v-0bfb853c]{padding:0 24px 24px;text-align:center}.modal-btn[data-v-0bfb853c]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;padding:10px 32px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;min-width:80px}.modal-btn[data-v-0bfb853c]:hover{opacity:.9}.permission-denied[data-v-deca47ca]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center;background:#ffffff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:500px}.permission-icon[data-v-deca47ca]{font-size:64px;margin-bottom:24px;opacity:.8}.permission-denied h2[data-v-deca47ca]{color:#dc2626;font-size:24px;font-weight:600;margin-bottom:16px}.permission-denied p[data-v-deca47ca]{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:32px;max-width:400px}.login-btn[data-v-deca47ca]{padding:12px 24px;background:#A65F20;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.login-btn[data-v-deca47ca]:hover{background:#8B4513;transform:translateY(-1px);box-shadow:0 4px 8px #a65f204d}.header[data-v-9ed5a646]{height:56px;background-color:#f5f0ea;border-bottom:1px solid #e8eaed;display:flex;align-items:center;padding:0 24px;box-shadow:0 1px 3px #0000000d;z-index:10}.header-left[data-v-9ed5a646]{display:flex;align-items:center;justify-content:center;width:200px;min-width:200px;max-width:200px;flex-shrink:0}.logo[data-v-9ed5a646]{height:32px;max-width:180px;object-fit:contain;margin:0}.header-center[data-v-9ed5a646]{flex:1;display:flex;align-items:center;justify-content:center;gap:30px;margin:0 20px}.company-title[data-v-9ed5a646]{color:#8b4513;font-size:16px;font-weight:600}.tech-support[data-v-9ed5a646]{color:#555;font-size:14px;font-weight:500}.header-right[data-v-9ed5a646]{display:flex;align-items:center;gap:20px}.user-info[data-v-9ed5a646]{display:flex;flex-direction:row;align-items:center;gap:8px}.username[data-v-9ed5a646]{color:#374151;font-size:14px;font-weight:600}.user-role[data-v-9ed5a646]{color:#a65f20;font-size:12px;font-weight:500;background:rgba(166,95,32,.1);padding:2px 8px;border-radius:12px;border:1px solid rgba(166,95,32,.2)}.logout-btn[data-v-9ed5a646]{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.logout-btn[data-v-9ed5a646]:hover{background-color:#2563eb}.modal-overlay[data-v-9ed5a646]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-9ed5a646]{background:white;border-radius:8px;box-shadow:0 10px 25px #0003;width:90%;max-width:400px;overflow:hidden;animation:modalSlideIn-9ed5a646 .3s ease-out}@keyframes modalSlideIn-9ed5a646{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-9ed5a646]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.modal-title[data-v-9ed5a646]{font-size:18px;font-weight:600;color:#333;margin:0}.modal-close[data-v-9ed5a646]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close[data-v-9ed5a646]:hover{background-color:#f5f5f5;color:#666}.modal-body[data-v-9ed5a646]{padding:20px 24px;text-align:center}.modal-icon[data-v-9ed5a646]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:30px;font-weight:700}.modal-icon.warning[data-v-9ed5a646]{background-color:#fef3cd;color:#f59e0b;border:2px solid #f59e0b}.modal-message[data-v-9ed5a646]{font-size:16px;color:#666;line-height:1.5;margin:0}.modal-footer[data-v-9ed5a646]{padding:0 24px 24px;display:flex;gap:12px;justify-content:center}.modal-btn[data-v-9ed5a646]{border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.modal-btn.cancel[data-v-9ed5a646]{background:#f3f4f6;color:#374151}.modal-btn.cancel[data-v-9ed5a646]:hover{background:#e5e7eb}.modal-btn.confirm[data-v-9ed5a646]{background:#ef4444;color:#fff}.modal-btn.confirm[data-v-9ed5a646]:hover{background:#dc2626}.sidebar[data-v-c9f3219a]{width:200px;min-width:200px;max-width:200px;background-color:#f5f0ea;height:100%;overflow-y:auto;box-shadow:2px 0 8px #0000001a;flex-shrink:0}.nav-menu[data-v-c9f3219a]{padding:20px 0}.menu-group[data-v-c9f3219a]{margin-bottom:4px}.menu-item[data-v-c9f3219a]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:all .2s;color:#5a4a3e;border-radius:0;margin:0 6px}.menu-item[data-v-c9f3219a]:hover{background-color:#e8e8e8;color:#5a4a3e}.menu-item.active[data-v-c9f3219a]{background-color:#efe6dd;color:#8b4513;border-radius:6px}.menu-title[data-v-c9f3219a]{font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px}.menu-title[data-v-c9f3219a]:before{content:"📊";font-size:16px}.menu-arrow[data-v-c9f3219a]{font-size:12px;transition:transform .2s;color:#5a4a3e}.menu-arrow.expanded[data-v-c9f3219a]{transform:rotate(180deg)}.submenu[data-v-c9f3219a]{background-color:transparent;margin-left:8px}.submenu-item[data-v-c9f3219a]{display:flex;align-items:center;gap:6px;padding:8px 16px 8px 28px;cursor:pointer;transition:all .2s;color:#5a4a3e;font-size:13px;border-radius:6px;margin:2px 6px}.submenu-item[data-v-c9f3219a]:hover{background-color:#e0e0e0;color:#5a4a3e}.submenu-item.active[data-v-c9f3219a]{background-color:#efe6dd;color:#8b4513;font-weight:500}.menu-group:nth-child(1) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/all.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(2) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/suyuanguanli.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(3) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/yonghuxinsheng.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(4) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/qiyeguanli.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(5) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/yonghuguanli.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(6) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/xiaochengxushangcheng.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(7) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/xiaochengxudingdan.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(8) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/huiyuan.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(9) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/yingxiao.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(10) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/caiwu.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.menu-group:nth-child(11) .menu-title[data-v-c9f3219a]:before{content:"";background-image:url(/icon/shuju.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-block;filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.submenu-icon[data-v-c9f3219a]{width:14px;height:14px;background-size:14px 14px;background-repeat:no-repeat;background-position:center;display:inline-block;flex-shrink:0}.submenu-item.product-management .submenu-icon[data-v-c9f3219a]{background-image:url(/icon/chanpinguanli.svg);filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.submenu-item.xinghao-management .submenu-icon[data-v-c9f3219a]{background-image:url(/icon/xinghaoguanli.svg);filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.submenu-item.material-management .submenu-icon[data-v-c9f3219a]{background-image:url(/icon/caizhiguanli.svg);filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.submenu-item.bracelet-styles-management .submenu-icon[data-v-c9f3219a]{background-image:url(/icon/shouchuanyangshiguanli.svg);filter:invert(27%) sepia(15%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(90%)}.page-container[data-v-3460e25e]{padding:0}.product-list-page[data-v-3460e25e]{background:#ffffff}.search-section[data-v-3460e25e]{padding:24px;background:#ffffff}.search-container[data-v-3460e25e]{display:flex;align-items:center;gap:24px;max-width:1200px;margin:0 auto}.search-bar[data-v-3460e25e]{display:flex;gap:16px;align-items:center;flex:1}.search-input-wrapper[data-v-3460e25e]{flex:1;position:relative;display:flex;align-items:center;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;transition:all .2s ease}.search-input-wrapper[data-v-3460e25e]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.search-icon[data-v-3460e25e]{width:14px;height:14px;opacity:.5;margin-right:8px;filter:brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1018%) hue-rotate(202deg) brightness(95%) contrast(92%)}.search-input[data-v-3460e25e]{flex:1;padding:8px 0;border:none;font-size:13px;color:#374151;background:transparent;outline:none;font-weight:400}.search-input[data-v-3460e25e]::placeholder{color:#9ca3af;font-weight:300}.search-btn[data-v-3460e25e]{padding:8px 16px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.search-btn[data-v-3460e25e]:hover{background:#1f2937;transform:translateY(-1px)}.filter-bar[data-v-3460e25e]{display:flex;gap:16px;align-items:center}.filter-select[data-v-3460e25e]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:white;cursor:pointer;transition:all .2s ease;min-width:110px;font-weight:400}.filter-select[data-v-3460e25e]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.filter-select[data-v-3460e25e]:hover{border-color:#cbd5e1}.add-btn[data-v-3460e25e]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.3px}.add-btn[data-v-3460e25e]:hover{background:#8B4513;transform:translateY(-1px)}.btn-icon[data-v-3460e25e]{font-size:16px;font-weight:700}.table-container[data-v-3460e25e]{padding:0 24px 24px;background:white}.table-wrapper[data-v-3460e25e]{background:white;overflow:hidden;border-radius:12px}.product-table[data-v-3460e25e]{width:100%;border-collapse:collapse}.product-table th[data-v-3460e25e]{background:#F1EEE9;color:#374151;font-weight:700;padding:20px 24px;text-align:left;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.product-table th[data-v-3460e25e]:nth-child(4),.product-table th[data-v-3460e25e]:nth-child(5){text-align:center}.product-table thead tr:first-child th[data-v-3460e25e]:first-child{border-top-left-radius:12px}.product-table thead tr:first-child th[data-v-3460e25e]:last-child{border-top-right-radius:12px}.product-table tbody tr:last-child td[data-v-3460e25e]:first-child{border-bottom-left-radius:12px}.product-table tbody tr:last-child td[data-v-3460e25e]:last-child{border-bottom-right-radius:12px}.product-table td[data-v-3460e25e]{padding:18px 24px;border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;vertical-align:middle}.td-views[data-v-3460e25e],.td-status[data-v-3460e25e]{text-align:center}.product-row[data-v-3460e25e]{transition:all .3s ease}.product-row[data-v-3460e25e]:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.product-row:last-child td[data-v-3460e25e]{border-bottom:none}.td-image[data-v-3460e25e]{width:80px}.product-image[data-v-3460e25e]{width:50px;height:50px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s ease}.product-image[data-v-3460e25e]:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.product-image img[data-v-3460e25e]{width:100%;height:100%;object-fit:cover}.td-title[data-v-3460e25e]{min-width:200px}.product-title[data-v-3460e25e]{font-weight:500;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.td-description[data-v-3460e25e]{max-width:300px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.td-views[data-v-3460e25e]{text-align:center}.views-badge[data-v-3460e25e]{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.td-status[data-v-3460e25e]{text-align:center}.status-tag[data-v-3460e25e]{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;min-width:50px;justify-content:center}.status-tag.active[data-v-3460e25e]{background-color:#22c55e;color:#fff}.status-tag.inactive[data-v-3460e25e]{background-color:#ef4444;color:#fff}.status-tag.out-of-stock[data-v-3460e25e]{background-color:#f97316;color:#fff}.td-actions[data-v-3460e25e]{width:180px}.action-buttons[data-v-3460e25e]{display:flex;gap:8px;align-items:center;justify-content:center}.action-btn[data-v-3460e25e]{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;background:white;color:#64748b;letter-spacing:.2px}.action-btn[data-v-3460e25e]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-1px)}.action-btn.view[data-v-3460e25e]{color:#64748b}.action-btn.edit[data-v-3460e25e]{background:#F0E6DD;color:#8b4513;border:1px solid #F0E6DD}.action-btn.edit[data-v-3460e25e]:hover{background:#E6D7C8;border-color:#e6d7c8;color:#8b4513}.action-btn.delete[data-v-3460e25e]{background:#EF4444;color:#fff;border:1px solid #EF4444}.action-btn.delete[data-v-3460e25e]:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.action-btn[data-v-3460e25e]:active{transform:translateY(0)}.pagination[data-v-3460e25e]{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#ffffff;border-top:1px solid #e2e8f0}.pagination-info[data-v-3460e25e]{font-size:14px;color:#64748b;font-weight:500}.pagination-controls[data-v-3460e25e]{display:flex;align-items:center;gap:12px}.page-btn[data-v-3460e25e]{padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.page-btn[data-v-3460e25e]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-btn[data-v-3460e25e]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-3460e25e]{display:flex;gap:4px}.page-number[data-v-3460e25e]{padding:6px 10px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:32px;text-align:center}.page-number[data-v-3460e25e]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-number.active[data-v-3460e25e]{background:#374151;color:#fff;border-color:#374151}.page-number.active[data-v-3460e25e]:hover{background:#1f2937;border-color:#1f2937}.add-form-page[data-v-3460e25e],.edit-form-page[data-v-3460e25e],.view-form-page[data-v-3460e25e]{background:white;min-height:100vh}.form-section[data-v-3460e25e]{margin-bottom:24px}.section-title[data-v-3460e25e]{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.upload-section[data-v-3460e25e]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.upload-item[data-v-3460e25e]{display:flex;flex-direction:column}.upload-label[data-v-3460e25e]{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.upload-area[data-v-3460e25e]{width:100%;height:120px;border:2px dashed #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:white}.upload-area[data-v-3460e25e]:hover{border-color:#a65f20;background:#F1EEE9}.upload-placeholder[data-v-3460e25e]{display:flex;flex-direction:column;align-items:center;gap:4px;color:#64748b}.upload-icon-svg[data-v-3460e25e]{width:24px;height:24px;opacity:.6;filter:invert(.4)}.upload-text[data-v-3460e25e]{font-size:12px}.uploaded-image[data-v-3460e25e]{width:100%;height:100%;object-fit:cover;border-radius:4px}.upload-area.view-only[data-v-3460e25e]{cursor:default;border-color:#e2e8f0;background:#f8fafc}.upload-area.view-only[data-v-3460e25e]:hover{border-color:#e2e8f0;background:#f8fafc}.form-input.readonly[data-v-3460e25e],.form-textarea.readonly[data-v-3460e25e],.form-select.readonly[data-v-3460e25e]{background-color:#f8fafc;color:#64748b;cursor:default;border-color:#e2e8f0}.form-input.readonly[data-v-3460e25e]:focus,.form-textarea.readonly[data-v-3460e25e]:focus,.form-select.readonly[data-v-3460e25e]:focus{outline:none;border-color:#e2e8f0;box-shadow:none}.form-input.readonly[data-v-3460e25e]:hover,.form-textarea.readonly[data-v-3460e25e]:hover,.form-select.readonly[data-v-3460e25e]:hover{border-color:#e2e8f0}.form-header[data-v-3460e25e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;background:#F1EEE9;border-radius:12px 12px 0 0}.form-header h2[data-v-3460e25e]{margin:0;color:#374151;font-size:20px;font-weight:600}.back-btn[data-v-3460e25e]{padding:10px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;letter-spacing:.3px}.back-btn[data-v-3460e25e]:hover{background:#8B4513;transform:translateY(-1px)}.form-container[data-v-3460e25e]{padding:24px}.form-row[data-v-3460e25e]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.form-group[data-v-3460e25e]{margin-bottom:24px}.form-group label[data-v-3460e25e]{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:13px}.form-input[data-v-3460e25e],.form-textarea[data-v-3460e25e],.form-select[data-v-3460e25e]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;box-sizing:border-box;transition:all .2s ease;color:#374151;background:white}.form-input[data-v-3460e25e]:focus,.form-textarea[data-v-3460e25e]:focus,.form-select[data-v-3460e25e]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.form-input[data-v-3460e25e]:hover,.form-textarea[data-v-3460e25e]:hover,.form-select[data-v-3460e25e]:hover{border-color:#cbd5e1}.form-textarea[data-v-3460e25e]{min-height:100px;resize:vertical}.form-actions[data-v-3460e25e]{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}.cancel-btn[data-v-3460e25e]{padding:12px 24px;background:#64748b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;letter-spacing:.3px}.cancel-btn[data-v-3460e25e]:hover{background:#475569;transform:translateY(-1px)}.submit-btn[data-v-3460e25e]{padding:12px 24px;background:#A65F20;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;letter-spacing:.3px}.submit-btn[data-v-3460e25e]:hover{background:#8B4513;transform:translateY(-1px)}.modal-overlay[data-v-3460e25e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-3460e25e]{background:white;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0003;animation:modalSlideIn-3460e25e .3s ease-out}@keyframes modalSlideIn-3460e25e{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-3460e25e]{padding:24px 24px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.modal-title[data-v-3460e25e]{font-size:20px;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.025em}.close-btn[data-v-3460e25e]{background:none;border:none;font-size:20px;cursor:pointer;color:#64748b;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn[data-v-3460e25e]:hover{background:#f1f5f9;color:#334155}.modal-body[data-v-3460e25e]{padding:24px;max-height:calc(90vh - 160px);overflow-y:auto}.form-label[data-v-3460e25e]{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px;letter-spacing:.025em}.modal-footer[data-v-3460e25e]{padding:20px 24px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:12px;background:#fafbfc}.btn-cancel[data-v-3460e25e]{padding:10px 20px;background:#64748b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;letter-spacing:.025em}.btn-cancel[data-v-3460e25e]:hover{background:#475569;transform:translateY(-1px)}.btn-save[data-v-3460e25e]{padding:10px 20px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;letter-spacing:.025em;box-shadow:0 2px 4px #10b9814d}.btn-save[data-v-3460e25e]:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.view-content[data-v-3460e25e]{padding:20px}.view-image-section[data-v-3460e25e]{display:flex;gap:20px;margin-bottom:20px}.view-image-item[data-v-3460e25e]{flex:1}.view-label[data-v-3460e25e]{display:block;margin-bottom:8px;font-weight:600;color:#8b4513;font-size:14px}.view-image-container[data-v-3460e25e]{width:200px;height:200px;border:2px solid #D2B48C;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:linen}.view-image[data-v-3460e25e]{width:100%;height:100%;object-fit:cover}.view-group[data-v-3460e25e]{margin-bottom:20px}.view-value[data-v-3460e25e]{padding:12px;background-color:linen;border:1px solid #D2B48C;border-radius:6px;color:#5d4037;font-size:14px;min-height:20px}.view-value.description[data-v-3460e25e]{min-height:80px;white-space:pre-wrap;line-height:1.5}.status-tag[data-v-3460e25e]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-tag.active[data-v-3460e25e]{background-color:#4caf50;color:#fff}.status-tag.inactive[data-v-3460e25e]{background-color:#ff9800;color:#fff}.status-tag.out-of-stock[data-v-3460e25e]{background-color:#f44336;color:#fff}.modal-overlay[data-v-3460e25e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-3460e25e]{background:white;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-3460e25e]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #D2B48C;background:linear-gradient(135deg,#8B4513 0%,#A0522D 100%);color:#fff;border-radius:12px 12px 0 0}.modal-header h2[data-v-3460e25e]{margin:0;font-size:20px;font-weight:600}.close-btn[data-v-3460e25e]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-btn[data-v-3460e25e]:hover{background-color:#fff3}.page-container[data-v-ab9780c4]{padding:0}.product-list-page[data-v-ab9780c4]{background:#ffffff}.add-btn[data-v-ab9780c4]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.3px}.add-btn[data-v-ab9780c4]:hover{background:#8B4513;transform:translateY(-1px)}.batch-upload-btn[data-v-ab9780c4]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.batch-upload-btn[data-v-ab9780c4]:hover{background:#8B4513;transform:translateY(-1px)}.batch-upload-page[data-v-ab9780c4]{padding:20px;width:100%;height:100%}.upload-method-selector[data-v-ab9780c4]{margin-bottom:30px}.method-tabs[data-v-ab9780c4]{display:flex;gap:0;background:#f8fafc;border-radius:8px;padding:4px;border:1px solid #e2e8f0}.method-tab[data-v-ab9780c4]{flex:1;padding:12px 24px;background:transparent;color:#64748b;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.method-tab[data-v-ab9780c4]:hover{background:#f1f5f9;color:#374151}.method-tab.active[data-v-ab9780c4]{background:#A65F20;color:#fff;box-shadow:0 2px 4px #a65f2033}.method-tab.active[data-v-ab9780c4]:hover{background:#8B4513}.upload-section[data-v-ab9780c4]{background:transparent;border-radius:0;padding:0;width:100%}.upload-instructions[data-v-ab9780c4]{margin:0 30px 30px;padding:20px;background:#f8fafc;border-radius:8px}.instructions-header[data-v-ab9780c4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.upload-instructions h3[data-v-ab9780c4]{margin:0;color:#1f2937;font-size:16px;font-weight:600}.download-template-btn[data-v-ab9780c4]{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.download-template-btn[data-v-ab9780c4]:hover{background:#059669;transform:translateY(-1px)}.download-template-btn .btn-icon[data-v-ab9780c4]{font-size:14px}.upload-instructions ul[data-v-ab9780c4]{margin:0;padding-left:20px;color:#4b5563;line-height:1.6}.upload-instructions li[data-v-ab9780c4]{margin-bottom:8px}.upload-area[data-v-ab9780c4]{margin:0 0 30px}.file-upload-wrapper[data-v-ab9780c4]{position:relative;display:inline-block;width:100%}.file-input[data-v-ab9780c4]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label[data-v-ab9780c4]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:120px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.file-upload-label[data-v-ab9780c4]:hover{border-color:#3b82f6;background:#eff6ff}.upload-icon[data-v-ab9780c4]{font-size:32px;margin-bottom:10px}.upload-text[data-v-ab9780c4]{color:#4b5563;font-size:14px;text-align:center}.upload-options[data-v-ab9780c4]{margin:0 30px 30px}.checkbox-wrapper[data-v-ab9780c4]{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label[data-v-ab9780c4]{font-weight:500;color:#1f2937}.checkbox-desc[data-v-ab9780c4]{color:#6b7280;font-size:12px;margin-left:5px}.upload-actions[data-v-ab9780c4]{display:flex;gap:15px;margin-top:20px;padding:20px 30px;border-top:1px solid #e5e7eb;justify-content:center}.upload-btn[data-v-ab9780c4]{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-btn[data-v-ab9780c4]:hover:not(:disabled){background:#059669}.upload-btn[data-v-ab9780c4]:disabled{background:#9ca3af;cursor:not-allowed}.reset-btn[data-v-ab9780c4]{padding:12px 24px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-btn[data-v-ab9780c4]:hover{background:#4b5563}.upload-result[data-v-ab9780c4]{border-top:1px solid #e5e7eb;padding-top:30px}.upload-result h3[data-v-ab9780c4]{margin:0 0 20px;color:#1f2937;font-size:16px;font-weight:600}.result-summary[data-v-ab9780c4]{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.result-item[data-v-ab9780c4]{padding:10px 15px;border-radius:6px;font-size:14px;font-weight:500}.result-item.success[data-v-ab9780c4]{background:#d1fae5;color:#065f46}.result-item.error[data-v-ab9780c4]{background:#fee2e2;color:#991b1b}.result-item.skip[data-v-ab9780c4]{background:#fef3c7;color:#92400e}.result-label[data-v-ab9780c4]{font-weight:600}.error-details[data-v-ab9780c4],.skip-details[data-v-ab9780c4]{margin-top:20px}.error-details h4[data-v-ab9780c4],.skip-details h4[data-v-ab9780c4]{margin:0 0 10px;color:#1f2937;font-size:14px;font-weight:600}.error-list[data-v-ab9780c4],.skip-list[data-v-ab9780c4]{margin:0;padding-left:20px;max-height:200px;overflow-y:auto}.error-item[data-v-ab9780c4]{color:#dc2626;margin-bottom:5px;font-size:13px}.skip-item[data-v-ab9780c4]{color:#d97706;margin-bottom:5px;font-size:13px}.image-preview-fullwidth-container[data-v-ab9780c4]{width:100vw;margin-left:calc(-50vw + 50%);background:#f8fafc;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:30px 0;margin-top:30px;margin-bottom:30px}.image-preview-fullwidth-container .image-preview-section[data-v-ab9780c4]{max-width:1200px;margin:0 auto;padding:0 30px;background:transparent;border-radius:0;border:none;width:auto}.image-preview-section[data-v-ab9780c4]{margin-top:30px;padding:0;background:transparent;border-radius:0;border:none;width:100%}.preview-header[data-v-ab9780c4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px;padding:0}.preview-header h4[data-v-ab9780c4]{margin:0;color:#1f2937;font-size:16px;font-weight:600}.match-stats[data-v-ab9780c4]{display:flex;gap:12px;flex-wrap:wrap}.stat-item[data-v-ab9780c4]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.stat-item.auto-matched[data-v-ab9780c4]{background:#dbeafe;color:#1e40af}.stat-item.manual-matched[data-v-ab9780c4]{background:#d1fae5;color:#065f46}.stat-item.unmatched[data-v-ab9780c4]{background:#fee2e2;color:#991b1b}.stat-item.auto-failed[data-v-ab9780c4]{background:#fef3c7;color:#92400e}.image-preview-grid[data-v-ab9780c4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;width:100%;padding:0}.image-preview-item[data-v-ab9780c4]{background:white;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.image-preview-item[data-v-ab9780c4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.preview-image[data-v-ab9780c4]{width:100%;height:120px;object-fit:cover;border-bottom:1px solid #e2e8f0}.image-info[data-v-ab9780c4]{padding:12px}.image-name[data-v-ab9780c4]{font-size:12px;font-weight:500;color:#374151;margin-bottom:6px;word-break:break-all;line-height:1.4}.image-match[data-v-ab9780c4]{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;text-align:center}.image-match.matched[data-v-ab9780c4]{background:#d1fae5;color:#065f46}.image-match.unmatched[data-v-ab9780c4]{background:#fee2e2;color:#991b1b}.image-match.auto-failed[data-v-ab9780c4]{background:#fef3c7;color:#92400e}.manual-match-section[data-v-ab9780c4]{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.manual-match-label[data-v-ab9780c4]{font-size:11px;font-weight:500;color:#374151;margin-bottom:4px;display:block}.manual-match-select[data-v-ab9780c4]{width:100%;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;color:#374151;background:white;cursor:pointer;transition:all .2s ease}.manual-match-select[data-v-ab9780c4]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.manual-match-select[data-v-ab9780c4]:hover{border-color:#cbd5e1}.manual-match-status[data-v-ab9780c4]{margin-top:4px;font-size:10px;color:#059669;font-weight:500;background:#d1fae5;padding:2px 6px;border-radius:3px;text-align:center}.position-select-section[data-v-ab9780c4]{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.position-select-label[data-v-ab9780c4]{font-size:11px;font-weight:500;color:#374151;margin-bottom:6px;display:block}.position-select[data-v-ab9780c4]{width:100%;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;color:#374151;background:white;cursor:pointer;transition:all .2s ease}.position-select[data-v-ab9780c4]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.position-select[data-v-ab9780c4]:hover{border-color:#cbd5e1}.auto-position-info[data-v-ab9780c4]{margin-top:4px;font-size:10px;color:#059669;font-style:italic}.match-details[data-v-ab9780c4]{margin-top:20px}.match-details h4[data-v-ab9780c4]{margin:0 0 10px;color:#1f2937;font-size:14px;font-weight:600}.match-list[data-v-ab9780c4]{margin:0;padding-left:20px;max-height:200px;overflow-y:auto}.match-item[data-v-ab9780c4]{color:#374151;margin-bottom:5px;font-size:13px}.btn-icon[data-v-ab9780c4]{font-size:16px;font-weight:700}.search-section[data-v-ab9780c4]{padding:24px;background:#ffffff}.search-container[data-v-ab9780c4]{display:flex;align-items:center;gap:24px;max-width:1200px;margin:0 auto}.search-bar[data-v-ab9780c4]{display:flex;gap:16px;align-items:center;flex:1}.search-input-wrapper[data-v-ab9780c4]{flex:1;position:relative;display:flex;align-items:center;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;transition:all .2s ease}.search-input-wrapper[data-v-ab9780c4]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.search-icon[data-v-ab9780c4]{width:14px;height:14px;opacity:.5;margin-right:8px;filter:brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1018%) hue-rotate(202deg) brightness(95%) contrast(92%)}.search-input[data-v-ab9780c4]{flex:1;padding:8px 0;border:none;font-size:13px;color:#374151;background:transparent;outline:none;font-weight:400}.search-input[data-v-ab9780c4]::placeholder{color:#9ca3af;font-weight:300}.search-btn[data-v-ab9780c4]{padding:8px 16px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.search-btn[data-v-ab9780c4]:hover{background:#1f2937;transform:translateY(-1px)}.filter-bar[data-v-ab9780c4]{display:flex;gap:16px;align-items:center}.filter-select[data-v-ab9780c4]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:white;cursor:pointer;transition:all .2s ease;min-width:110px;font-weight:400}.filter-select[data-v-ab9780c4]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.filter-select[data-v-ab9780c4]:hover{border-color:#cbd5e1}.table-container[data-v-ab9780c4]{padding:0 24px 24px;background:white}.table-wrapper[data-v-ab9780c4]{background:white;overflow:hidden;border-radius:12px}.product-table[data-v-ab9780c4]{width:100%;border-collapse:collapse}.product-table th[data-v-ab9780c4]{background:#F1EEE9;color:#374151;font-weight:700;padding:20px 24px;text-align:left;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.product-table thead tr:first-child th[data-v-ab9780c4]:first-child{border-top-left-radius:12px}.product-table thead tr:first-child th[data-v-ab9780c4]:last-child{border-top-right-radius:12px}.product-table tbody tr:last-child td[data-v-ab9780c4]:first-child{border-bottom-left-radius:12px}.product-table tbody tr:last-child td[data-v-ab9780c4]:last-child{border-bottom-right-radius:12px}.product-table td[data-v-ab9780c4]{padding:18px 24px;border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;vertical-align:middle}.product-row[data-v-ab9780c4]{transition:all .3s ease}.product-row[data-v-ab9780c4]:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.product-row:last-child td[data-v-ab9780c4]{border-bottom:none}.td-code .product-code[data-v-ab9780c4]{font-weight:700;color:#667eea;font-family:Monaco,Menlo,monospace;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:15px}.year-badge[data-v-ab9780c4]{display:inline-block;padding:3px 8px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.2px}.material-tag[data-v-ab9780c4]{display:inline-block;padding:3px 8px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.2px}.action-buttons[data-v-ab9780c4]{display:flex;gap:8px;justify-content:flex-start}.action-btn[data-v-ab9780c4]{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;background:white;color:#64748b;letter-spacing:.2px}.action-btn[data-v-ab9780c4]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151;transform:translateY(-1px)}.action-btn.view[data-v-ab9780c4]{color:#64748b}.action-btn.edit[data-v-ab9780c4]{background:#F0E6DD;color:#8b4513;border:1px solid #F0E6DD}.action-btn.edit[data-v-ab9780c4]:hover{background:#E6D7C8;border-color:#e6d7c8;color:#8b4513}.action-btn.delete[data-v-ab9780c4]{background:#EF4444;color:#fff;border:1px solid #EF4444}.action-btn.delete[data-v-ab9780c4]:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.action-btn[data-v-ab9780c4]:active{transform:translateY(0)}@media (max-width: 768px){.action-btn[data-v-ab9780c4]{padding:8px 10px;font-size:11px}}.pagination[data-v-ab9780c4]{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#ffffff;border-top:1px solid #e2e8f0}.pagination-info[data-v-ab9780c4]{font-size:14px;color:#64748b;font-weight:500}.pagination-controls[data-v-ab9780c4]{display:flex;align-items:center;gap:12px}.page-btn[data-v-ab9780c4]{padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.page-btn[data-v-ab9780c4]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-btn[data-v-ab9780c4]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-ab9780c4]{display:flex;gap:4px}.page-number[data-v-ab9780c4]{padding:6px 10px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:32px;text-align:center}.page-number[data-v-ab9780c4]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-number.active[data-v-ab9780c4]{background:#374151;color:#fff;border-color:#374151}.page-number.active[data-v-ab9780c4]:hover{background:#1f2937;border-color:#1f2937}.view-product-page[data-v-ab9780c4],.edit-product-page[data-v-ab9780c4],.add-product-page[data-v-ab9780c4]{background:#ffffff}.form-value[data-v-ab9780c4]{padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1f2937;min-height:20px}.form-value.readonly[data-v-ab9780c4]{background:#f1f5f9;color:#64748b;font-weight:600}.image-display[data-v-ab9780c4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.image-item[data-v-ab9780c4]{display:flex;flex-direction:column}.image-label[data-v-ab9780c4]{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.display-image[data-v-ab9780c4]{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.no-images[data-v-ab9780c4]{grid-column:1 / -1;text-align:center;color:#94a3b8;font-style:italic;padding:40px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.form-header[data-v-ab9780c4]{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.back-btn[data-v-ab9780c4]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.back-btn[data-v-ab9780c4]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.back-icon[data-v-ab9780c4]{font-size:16px}.form-title[data-v-ab9780c4]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.form-container[data-v-ab9780c4]{padding:24px}.form-grid[data-v-ab9780c4]{display:grid;gap:20px}.form-section[data-v-ab9780c4]{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.section-title[data-v-ab9780c4]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.form-row[data-v-ab9780c4]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.form-row[data-v-ab9780c4]:last-child{margin-bottom:0}.form-group[data-v-ab9780c4]{display:flex;flex-direction:column}.form-label[data-v-ab9780c4]{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-input[data-v-ab9780c4],.form-select[data-v-ab9780c4]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:white;transition:all .2s ease;font-weight:400}.form-input[data-v-ab9780c4]:focus,.form-select[data-v-ab9780c4]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.form-input[data-v-ab9780c4]:hover,.form-select[data-v-ab9780c4]:hover{border-color:#cbd5e1}.form-textarea[data-v-ab9780c4]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:white;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s ease;font-weight:400}.form-textarea.compact[data-v-ab9780c4]{min-height:60px}.form-textarea[data-v-ab9780c4]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.form-textarea[data-v-ab9780c4]:hover{border-color:#cbd5e1}.upload-section[data-v-ab9780c4]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-section.compact[data-v-ab9780c4]{gap:12px}.upload-section.three-columns[data-v-ab9780c4]{grid-template-columns:1fr 1fr 1fr}.upload-item[data-v-ab9780c4]{display:flex;flex-direction:column}.upload-label[data-v-ab9780c4]{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.upload-area[data-v-ab9780c4]{width:100%;height:120px;border:2px dashed #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background-color .2s;background:white}.upload-area.compact[data-v-ab9780c4]{height:100px}.upload-area[data-v-ab9780c4]:hover{border-color:#3b82f6;background:#f8fafc}.upload-placeholder[data-v-ab9780c4]{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b7280}.upload-icon[data-v-ab9780c4]{font-size:24px}.upload-icon-svg[data-v-ab9780c4]{width:24px;height:24px;opacity:.6;filter:invert(.4)}.upload-text[data-v-ab9780c4]{font-size:12px}.uploaded-image[data-v-ab9780c4]{width:100%;height:100%;object-fit:cover;border-radius:4px}.uploaded-media[data-v-ab9780c4]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.uploaded-video[data-v-ab9780c4]{width:100%;height:100%;border-radius:4px;background-color:#000;object-fit:cover}.form-actions[data-v-ab9780c4]{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn[data-v-ab9780c4]{padding:8px 16px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.cancel-btn[data-v-ab9780c4]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.submit-btn[data-v-ab9780c4]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.submit-btn[data-v-ab9780c4]:hover{background:#8B4513;transform:translateY(-1px)}.code-input-group[data-v-ab9780c4]{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:6px;background:white;transition:all .2s ease}.code-input-group[data-v-ab9780c4]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.code-input-group[data-v-ab9780c4]:hover{border-color:#cbd5e1}.code-prefix[data-v-ab9780c4]{padding:8px 12px;background:#f8fafc;color:#8b4513;font-weight:600;font-size:13px;border-right:1px solid #e2e8f0;-webkit-user-select:none;user-select:none}.code-prefix-input[data-v-ab9780c4]{width:100px;border:none;padding:8px;font-size:13px;color:#8b4513;background:#f8fafc;font-weight:600;text-align:center;border-right:1px solid #e2e8f0}.code-prefix-input[data-v-ab9780c4]:focus{outline:none;box-shadow:none;border:none;border-right:1px solid #e2e8f0}.code-prefix-input[data-v-ab9780c4]::placeholder{color:#94a3b8;font-weight:400}.code-input[data-v-ab9780c4]{flex:1;border:none;padding:8px 12px;font-size:13px;color:#374151;background:transparent;font-weight:400}.code-input[data-v-ab9780c4]:focus{outline:none;box-shadow:none;border:none}.generate-btn[data-v-ab9780c4]{padding:6px 12px;background:#3b82f6;color:#fff;border:1px solid #2563eb;border-left:1px solid #2563eb;border-radius:0 6px 6px 0;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}.generate-btn[data-v-ab9780c4]:hover{background:#2563eb;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.generate-btn[data-v-ab9780c4]:active{transform:translateY(1px)}.code-preview[data-v-ab9780c4]{margin-top:6px;font-size:11px;color:#64748b;padding:6px 10px;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0;font-weight:500;letter-spacing:.3px}.code-edit-container[data-v-ab9780c4]{display:flex;flex-direction:column;gap:8px}.code-change-info[data-v-ab9780c4]{display:flex;align-items:center;gap:12px;font-size:12px}.change-count[data-v-ab9780c4]{color:#64748b;font-weight:500}.change-limit[data-v-ab9780c4]{color:#dc2626;font-weight:600;padding:2px 8px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px}.form-input[data-v-ab9780c4]:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.code-display[data-v-ab9780c4]{display:flex;align-items:center;font-family:Courier New,monospace;font-weight:600}.code-display .code-prefix[data-v-ab9780c4]{background:#8B4513;color:#fff;padding:4px 8px;border-radius:4px 0 0 4px;font-size:14px;font-weight:600}.code-display .code-number[data-v-ab9780c4]{background:#f1f5f9;color:#1e293b;padding:4px 8px;border:1px solid #cbd5e1;border-left:none;border-radius:0 4px 4px 0;font-size:14px;min-width:60px}.product-code[data-v-ab9780c4]{display:flex;align-items:center;font-family:Courier New,monospace;font-weight:600}.code-prefix-table[data-v-ab9780c4]{background:transparent;color:#fff;padding:2px 6px;border-radius:3px 0 0 3px;font-size:12px;font-weight:600}.code-number-table[data-v-ab9780c4]{background:transparent;color:#000;padding:2px 6px;border:none;border-radius:0 3px 3px 0;font-size:12px;min-width:50px}.page-container[data-v-e596f390]{padding:0}.model-list-page[data-v-e596f390]{background:#ffffff}.search-section[data-v-e596f390]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:white}.search-bar[data-v-e596f390]{display:flex;gap:12px;align-items:center}.search-input-wrapper[data-v-e596f390]{width:300px;position:relative;display:flex;align-items:center;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;transition:all .2s ease}.search-input-wrapper[data-v-e596f390]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.search-icon[data-v-e596f390]{width:14px;height:14px;opacity:.5;margin-right:8px;filter:brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1018%) hue-rotate(202deg) brightness(95%) contrast(92%)}.search-input[data-v-e596f390]{flex:1;padding:8px 0;border:none;font-size:13px;color:#374151;background:transparent;outline:none;font-weight:400}.search-input[data-v-e596f390]::placeholder{color:#9ca3af;font-weight:300}.search-btn[data-v-e596f390]{padding:8px 16px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.search-btn[data-v-e596f390]:hover{background:#1f2937;transform:translateY(-1px)}.add-btn[data-v-e596f390]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.add-btn[data-v-e596f390]:hover{background:#8B4513;transform:translateY(-1px)}.table-container[data-v-e596f390]{padding:0 24px 24px;background:white}.table-wrapper[data-v-e596f390]{background:white;overflow:hidden;border-radius:12px}.model-table[data-v-e596f390]{width:100%;border-collapse:collapse}.model-table th[data-v-e596f390]{background:#F1EEE9;color:#374151;font-weight:700;padding:20px 24px;text-align:left;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.model-table thead tr:first-child th[data-v-e596f390]:first-child{border-top-left-radius:12px}.model-table thead tr:first-child th[data-v-e596f390]:last-child{border-top-right-radius:12px}.model-table tbody tr:last-child td[data-v-e596f390]:first-child{border-bottom-left-radius:12px}.model-table tbody tr:last-child td[data-v-e596f390]:last-child{border-bottom-right-radius:12px}.model-table td[data-v-e596f390]{padding:18px 24px;border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;vertical-align:middle}.model-row[data-v-e596f390]{transition:all .3s ease}.model-row[data-v-e596f390]:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.model-row:last-child td[data-v-e596f390]{border-bottom:none}.model-name[data-v-e596f390]{font-weight:500;color:#1e293b}.model-code[data-v-e596f390]{font-weight:400;color:#64748b;font-family:Courier New,monospace}.model-time[data-v-e596f390]{font-weight:400;color:#64748b;font-size:13px}.action-buttons[data-v-e596f390]{display:flex;gap:8px}.action-btn[data-v-e596f390]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.action-btn.edit[data-v-e596f390]{background:#F0E6DD;color:#8b4513;border:1px solid #F0E6DD}.action-btn.edit[data-v-e596f390]:hover{background:#E6D7C8;border-color:#e6d7c8;color:#8b4513}.action-btn.delete[data-v-e596f390]{background:#ef4444;color:#fff}.action-btn.delete[data-v-e596f390]:hover{background:#dc2626;transform:translateY(-1px)}.pagination[data-v-e596f390]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#ffffff;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.pagination-info[data-v-e596f390]{font-size:14px;color:#64748b;font-weight:500}.pagination-controls[data-v-e596f390]{display:flex;align-items:center;gap:12px}.page-btn[data-v-e596f390]{padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.page-btn[data-v-e596f390]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-btn[data-v-e596f390]:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.page-numbers[data-v-e596f390]{display:flex;gap:4px;align-items:center}.page-number[data-v-e596f390]{padding:6px 10px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:32px;text-align:center}.page-number[data-v-e596f390]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-number.active[data-v-e596f390]{background:#374151;color:#fff;border-color:#374151}.page-number.active[data-v-e596f390]:hover{background:#1f2937;border-color:#1f2937}.page-ellipsis[data-v-e596f390]{padding:6px 10px;color:#64748b;font-size:12px;font-weight:500;min-width:32px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.pagination[data-v-e596f390]{flex-direction:column;align-items:center;gap:12px}.pagination-controls[data-v-e596f390]{justify-content:center}}.add-model-page[data-v-e596f390]{background:#ffffff}.form-header[data-v-e596f390]{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.back-btn[data-v-e596f390]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.back-btn[data-v-e596f390]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.back-icon[data-v-e596f390]{font-size:16px}.form-title[data-v-e596f390]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.form-container[data-v-e596f390]{padding:24px}.form-section[data-v-e596f390]{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.section-title[data-v-e596f390]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.form-group[data-v-e596f390]{display:flex;flex-direction:column;margin-bottom:16px}.form-group[data-v-e596f390]:last-child{margin-bottom:0}.form-label[data-v-e596f390]{display:block;margin-bottom:5px;font-weight:500;color:#4b5563;font-size:13px;letter-spacing:.01em}.form-input[data-v-e596f390],.form-select[data-v-e596f390]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:white;transition:all .2s ease;font-weight:400}.form-input[data-v-e596f390]:focus,.form-select[data-v-e596f390]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.form-input[data-v-e596f390]:hover,.form-select[data-v-e596f390]:hover{border-color:#cbd5e1}.form-actions[data-v-e596f390]{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn[data-v-e596f390]{padding:8px 16px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.cancel-btn[data-v-e596f390]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.submit-btn[data-v-e596f390]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.submit-btn[data-v-e596f390]:hover{background:#8B4513;transform:translateY(-1px)}.loading-container[data-v-e596f390]{display:flex;justify-content:center;align-items:center;padding:60px 24px;background:white}.loading-text[data-v-e596f390]{font-size:14px;color:#64748b;font-weight:500}.page-container[data-v-784e37d6]{padding:0}.material-list-page[data-v-784e37d6]{background:#ffffff}.search-section[data-v-784e37d6]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:white}.search-bar[data-v-784e37d6]{display:flex;gap:12px;align-items:center}.search-input-wrapper[data-v-784e37d6]{width:300px;position:relative;display:flex;align-items:center;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;transition:all .2s ease}.search-input-wrapper[data-v-784e37d6]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.search-icon[data-v-784e37d6]{width:14px;height:14px;opacity:.5;margin-right:8px;filter:brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1018%) hue-rotate(202deg) brightness(95%) contrast(92%)}.search-input[data-v-784e37d6]{flex:1;padding:8px 0;border:none;font-size:13px;color:#374151;background:transparent;outline:none;font-weight:400}.search-input[data-v-784e37d6]::placeholder{color:#9ca3af;font-weight:300}.search-btn[data-v-784e37d6]{padding:8px 16px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.search-btn[data-v-784e37d6]:hover{background:#1f2937;transform:translateY(-1px)}.add-btn[data-v-784e37d6]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.add-btn[data-v-784e37d6]:hover{background:#8B4513;transform:translateY(-1px)}.table-container[data-v-784e37d6]{padding:0 24px 24px;background:white}.table-wrapper[data-v-784e37d6]{background:white;overflow:hidden;border-radius:12px}.material-table[data-v-784e37d6]{width:100%;border-collapse:collapse}.material-table th[data-v-784e37d6]{background:#F1EEE9;color:#374151;font-weight:700;padding:20px 24px;text-align:left;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.material-table thead tr:first-child th[data-v-784e37d6]:first-child{border-top-left-radius:12px}.material-table thead tr:first-child th[data-v-784e37d6]:last-child{border-top-right-radius:12px}.material-table tbody tr:last-child td[data-v-784e37d6]:first-child{border-bottom-left-radius:12px}.material-table tbody tr:last-child td[data-v-784e37d6]:last-child{border-bottom-right-radius:12px}.material-table td[data-v-784e37d6]{padding:18px 24px;border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;vertical-align:middle}.material-row[data-v-784e37d6]{transition:all .3s ease}.material-row[data-v-784e37d6]:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.material-row:last-child td[data-v-784e37d6]{border-bottom:none}.material-name[data-v-784e37d6]{font-weight:500;color:#1e293b}.action-buttons[data-v-784e37d6]{display:flex;gap:8px}.action-btn[data-v-784e37d6]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.action-btn.edit[data-v-784e37d6]{background:#F0E6DD;color:#8b4513;border:1px solid #F0E6DD}.action-btn.edit[data-v-784e37d6]:hover{background:#E6D7C8;border-color:#e6d7c8;color:#8b4513}.action-btn.delete[data-v-784e37d6]{background:#ef4444;color:#fff}.action-btn.delete[data-v-784e37d6]:hover{background:#dc2626;transform:translateY(-1px)}.pagination[data-v-784e37d6]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#ffffff;border-top:1px solid #e2e8f0}.pagination-info[data-v-784e37d6]{font-size:14px;color:#64748b;font-weight:500}.pagination-controls[data-v-784e37d6]{display:flex;align-items:center;gap:12px}.page-btn[data-v-784e37d6]{padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.page-btn[data-v-784e37d6]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-btn[data-v-784e37d6]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-784e37d6]{display:flex;gap:4px}.page-number[data-v-784e37d6]{padding:6px 10px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:32px;text-align:center}.page-number[data-v-784e37d6]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-number.active[data-v-784e37d6]{background:#374151;color:#fff;border-color:#374151}.page-number.active[data-v-784e37d6]:hover{background:#1f2937;border-color:#1f2937}.add-material-page[data-v-784e37d6]{background:#ffffff}.form-header[data-v-784e37d6]{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.back-btn[data-v-784e37d6]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.back-btn[data-v-784e37d6]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.back-icon[data-v-784e37d6]{font-size:16px}.form-title[data-v-784e37d6]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.form-container[data-v-784e37d6]{padding:24px}.form-section[data-v-784e37d6]{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.section-title[data-v-784e37d6]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.form-group[data-v-784e37d6]{display:flex;flex-direction:column}.form-label[data-v-784e37d6]{display:block;margin-bottom:5px;font-weight:500;color:#4b5563;font-size:13px;letter-spacing:.01em}.form-input[data-v-784e37d6],.form-select[data-v-784e37d6]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:white;transition:all .2s ease;font-weight:400}.form-input[data-v-784e37d6]:focus,.form-select[data-v-784e37d6]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.form-input[data-v-784e37d6]:hover,.form-select[data-v-784e37d6]:hover{border-color:#cbd5e1}.form-actions[data-v-784e37d6]{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn[data-v-784e37d6]{padding:8px 16px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.cancel-btn[data-v-784e37d6]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.submit-btn[data-v-784e37d6]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.submit-btn[data-v-784e37d6]:hover{background:#8B4513;transform:translateY(-1px)}.submit-btn[data-v-784e37d6]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.add-btn[data-v-784e37d6]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.action-btn[data-v-784e37d6]:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-cell[data-v-784e37d6],.empty-cell[data-v-784e37d6]{text-align:center;padding:40px 24px}.loading-text[data-v-784e37d6],.empty-text[data-v-784e37d6]{color:#64748b;font-size:14px;font-weight:500}.loading-text[data-v-784e37d6]{color:#a65f20}.page-container[data-v-9429bbad]{padding:0}.model-list-page[data-v-9429bbad]{background:#ffffff}.search-section[data-v-9429bbad]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:white}.search-bar[data-v-9429bbad]{display:flex;gap:12px;align-items:center}.search-input-wrapper[data-v-9429bbad]{width:300px;position:relative;display:flex;align-items:center;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;transition:all .2s ease}.search-input-wrapper[data-v-9429bbad]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.search-icon[data-v-9429bbad]{width:14px;height:14px;opacity:.5;margin-right:8px;filter:brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1018%) hue-rotate(202deg) brightness(95%) contrast(92%)}.search-input[data-v-9429bbad]{flex:1;padding:8px 0;border:none;font-size:13px;color:#374151;background:transparent;outline:none;font-weight:400}.search-input[data-v-9429bbad]::placeholder{color:#9ca3af;font-weight:300}.search-btn[data-v-9429bbad]{padding:8px 16px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.search-btn[data-v-9429bbad]:hover{background:#1f2937;transform:translateY(-1px)}.add-btn[data-v-9429bbad]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.add-btn[data-v-9429bbad]:hover{background:#8B4513;transform:translateY(-1px)}.table-container[data-v-9429bbad]{padding:0 24px 24px;background:white}.table-wrapper[data-v-9429bbad]{background:white;overflow:hidden;border-radius:12px}.model-table[data-v-9429bbad]{width:100%;border-collapse:collapse}.model-table th[data-v-9429bbad]{background:#F1EEE9;color:#374151;font-weight:700;padding:20px 24px;text-align:left;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.model-table thead tr:first-child th[data-v-9429bbad]:first-child{border-top-left-radius:12px}.model-table thead tr:first-child th[data-v-9429bbad]:last-child{border-top-right-radius:12px}.model-table tbody tr:last-child td[data-v-9429bbad]:first-child{border-bottom-left-radius:12px}.model-table tbody tr:last-child td[data-v-9429bbad]:last-child{border-bottom-right-radius:12px}.model-table td[data-v-9429bbad]{padding:18px 24px;border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;vertical-align:middle}.model-row[data-v-9429bbad]{transition:all .3s ease}.model-row[data-v-9429bbad]:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.model-row:last-child td[data-v-9429bbad]{border-bottom:none}.model-name[data-v-9429bbad]{font-weight:500;color:#1e293b}.model-code[data-v-9429bbad]{font-weight:400;color:#64748b;font-family:Courier New,monospace}.model-time[data-v-9429bbad]{font-weight:400;color:#64748b;font-size:13px}.action-buttons[data-v-9429bbad]{display:flex;gap:8px}.action-btn[data-v-9429bbad]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.action-btn.edit[data-v-9429bbad]{background:#F0E6DD;color:#8b4513;border:1px solid #F0E6DD}.action-btn.edit[data-v-9429bbad]:hover{background:#E6D7C8;border-color:#e6d7c8;color:#8b4513}.action-btn.delete[data-v-9429bbad]{background:#ef4444;color:#fff}.action-btn.delete[data-v-9429bbad]:hover{background:#dc2626;transform:translateY(-1px)}.pagination[data-v-9429bbad]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#ffffff;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.pagination-info[data-v-9429bbad]{font-size:14px;color:#64748b;font-weight:500}.pagination-controls[data-v-9429bbad]{display:flex;align-items:center;gap:12px}.page-btn[data-v-9429bbad]{padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.page-btn[data-v-9429bbad]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-btn[data-v-9429bbad]:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.page-numbers[data-v-9429bbad]{display:flex;gap:4px;align-items:center}.page-number[data-v-9429bbad]{padding:6px 10px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:32px;text-align:center}.page-number[data-v-9429bbad]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-number.active[data-v-9429bbad]{background:#374151;color:#fff;border-color:#374151}.page-number.active[data-v-9429bbad]:hover{background:#1f2937;border-color:#1f2937}.page-ellipsis[data-v-9429bbad]{padding:6px 10px;color:#64748b;font-size:12px;font-weight:500;min-width:32px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.pagination[data-v-9429bbad]{flex-direction:column;align-items:center;gap:12px}.pagination-controls[data-v-9429bbad]{justify-content:center}}.add-model-page[data-v-9429bbad]{background:#ffffff}.form-header[data-v-9429bbad]{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.back-btn[data-v-9429bbad]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.back-btn[data-v-9429bbad]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.back-icon[data-v-9429bbad]{font-size:16px}.form-title[data-v-9429bbad]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.form-container[data-v-9429bbad]{padding:24px}.form-section[data-v-9429bbad]{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.section-title[data-v-9429bbad]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.form-group[data-v-9429bbad]{display:flex;flex-direction:column;margin-bottom:16px}.form-group[data-v-9429bbad]:last-child{margin-bottom:0}.form-label[data-v-9429bbad]{display:block;margin-bottom:5px;font-weight:500;color:#4b5563;font-size:13px;letter-spacing:.01em}.form-input[data-v-9429bbad],.form-select[data-v-9429bbad]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#374151;background:white;transition:all .2s ease;font-weight:400}.form-input[data-v-9429bbad]:focus,.form-select[data-v-9429bbad]:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.form-input[data-v-9429bbad]:hover,.form-select[data-v-9429bbad]:hover{border-color:#cbd5e1}.form-actions[data-v-9429bbad]{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn[data-v-9429bbad]{padding:8px 16px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.cancel-btn[data-v-9429bbad]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.submit-btn[data-v-9429bbad]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.submit-btn[data-v-9429bbad]:hover{background:#8B4513;transform:translateY(-1px)}.loading-container[data-v-9429bbad]{display:flex;justify-content:center;align-items:center;padding:60px 24px;background:white}.loading-text[data-v-9429bbad]{font-size:14px;color:#64748b;font-weight:500}.page-container[data-v-b216e993]{padding:0}.voice-list-page[data-v-b216e993]{background:#ffffff}.search-section[data-v-b216e993]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff;gap:16px}.search-bar[data-v-b216e993]{display:flex;gap:8px;flex:1;max-width:400px}.search-input-wrapper[data-v-b216e993]{flex:1;position:relative;display:flex;align-items:center;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;transition:all .2s ease}.search-input-wrapper[data-v-b216e993]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.search-icon[data-v-b216e993]{width:14px;height:14px;opacity:.5;margin-right:8px;filter:brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1018%) hue-rotate(202deg) brightness(95%) contrast(92%)}.search-input[data-v-b216e993]{flex:1;padding:8px 0;border:none;font-size:13px;color:#374151;background:transparent;outline:none;font-weight:400}.search-input[data-v-b216e993]::placeholder{color:#9ca3af;font-weight:300}.search-btn[data-v-b216e993]{padding:8px 16px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.search-btn[data-v-b216e993]:hover{background:#1f2937;transform:translateY(-1px)}.add-btn[data-v-b216e993]{padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.5px}.add-btn[data-v-b216e993]:hover{background:#8B4513;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.table-wrapper[data-v-b216e993]{border-radius:8px 8px 0 0;overflow:hidden;background:white}.table-container[data-v-b216e993]{overflow-x:auto}.voice-table[data-v-b216e993]{width:100%;border-collapse:collapse;background:white}.voice-table th[data-v-b216e993]{background:#F1EEE9;color:#374151;font-weight:600;padding:12px 16px;text-align:left;font-size:13px;border:none}.voice-table th[data-v-b216e993]:first-child{border-radius:8px 0 0}.voice-table th[data-v-b216e993]:last-child{border-radius:0 8px 0 0}.voice-table td[data-v-b216e993]{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:13px;background:white}.voice-row[data-v-b216e993]:hover{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)}.username[data-v-b216e993]{font-weight:500;color:#3b82f6}.star-rating[data-v-b216e993]{display:flex;align-items:center;gap:4px}.star[data-v-b216e993]{color:#d1d5db;font-size:16px}.star.active[data-v-b216e993]{color:#fbbf24}.rating-text[data-v-b216e993]{font-size:12px;color:#6b7280;margin-left:4px}.content[data-v-b216e993]{max-width:300px}.content-preview[data-v-b216e993]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons[data-v-b216e993]{display:flex;gap:6px}.action-btn[data-v-b216e993]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.3px}.action-btn.edit[data-v-b216e993]{background:#F0E6DD;color:#8b4513;border:1px solid #E6D7C8}.action-btn.edit[data-v-b216e993]:hover{background:#E6D7C8;transform:translateY(-1px)}.action-btn.delete[data-v-b216e993]{background:#EF4444;color:#fff;border:1px solid #dc2626}.action-btn.delete[data-v-b216e993]:hover{background:#dc2626;transform:translateY(-1px)}.pagination[data-v-b216e993]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:white}.pagination-info[data-v-b216e993]{font-size:13px;color:#64748b}.pagination-controls[data-v-b216e993]{display:flex;align-items:center;gap:6px}.page-btn[data-v-b216e993]{padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.page-btn[data-v-b216e993]:hover{background:#f8fafc;border-color:#cbd5e1}.page-numbers[data-v-b216e993]{display:flex;gap:4px}.page-number[data-v-b216e993]{padding:6px 10px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s;min-width:32px;text-align:center}.page-number[data-v-b216e993]:hover{background:#f8fafc;border-color:#cbd5e1}.page-number.active[data-v-b216e993]{background:#475569;color:#fff;border-color:#475569}.add-voice-page[data-v-b216e993]{background:#ffffff}.form-header[data-v-b216e993]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff}.back-btn[data-v-b216e993]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.3px}.back-btn[data-v-b216e993]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.back-icon[data-v-b216e993]{font-size:14px}.form-title[data-v-b216e993]{font-size:18px;font-weight:600;color:#1f2937;margin:0}.form-container[data-v-b216e993]{padding:20px}.form-section[data-v-b216e993]{background:white;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.section-title[data-v-b216e993]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.form-row[data-v-b216e993]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group[data-v-b216e993]{display:flex;flex-direction:column}.form-label[data-v-b216e993]{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:13px}.form-input[data-v-b216e993],.form-select[data-v-b216e993]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1f2937;background:white;transition:border-color .2s,box-shadow .2s}.form-input[data-v-b216e993]:hover,.form-select[data-v-b216e993]:hover{border-color:#cbd5e1}.form-input[data-v-b216e993]:focus,.form-select[data-v-b216e993]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-b216e993]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1f2937;background:white;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-textarea[data-v-b216e993]:hover{border-color:#cbd5e1}.form-textarea[data-v-b216e993]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions[data-v-b216e993]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.cancel-btn[data-v-b216e993]{padding:8px 16px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.3px}.cancel-btn[data-v-b216e993]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.submit-btn[data-v-b216e993]{padding:8px 16px;background:#A65F20;color:#fff;border:1px solid #8B4513;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.3px}.submit-btn[data-v-b216e993]:hover{background:#8B4513;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.page-container[data-v-74309350]{padding:0}.company-management[data-v-74309350]{display:flex;flex-direction:column;gap:20px}.management-section[data-v-74309350]{background:#ffffff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.section-header[data-v-74309350]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#F1EEE9}.header-content[data-v-74309350]{display:flex;align-items:center;gap:12px}.section-title[data-v-74309350]{font-size:16px;font-weight:600;color:#1f2937;margin:0;white-space:nowrap}.section-subtitle[data-v-74309350]{font-size:13px;color:#64748b;margin:0}.save-btn[data-v-74309350]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#A65F20;color:#fff;border:1px solid #8B4513;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.3px}.save-btn[data-v-74309350]:hover{background:#8B4513;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-icon[data-v-74309350]{width:14px;height:14px;filter:brightness(0) invert(1)}.section-content[data-v-74309350]{padding:20px}.form-row[data-v-74309350]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row-four[data-v-74309350]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;margin-bottom:16px}.form-group[data-v-74309350]{display:flex;flex-direction:column;margin-bottom:16px}.form-label[data-v-74309350]{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:13px}.form-input[data-v-74309350],.form-select[data-v-74309350]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1f2937;background:white;transition:border-color .2s,box-shadow .2s}.form-input[data-v-74309350]:hover,.form-select[data-v-74309350]:hover{border-color:#cbd5e1}.form-input[data-v-74309350]:focus,.form-select[data-v-74309350]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-74309350]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1f2937;background:white;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-textarea[data-v-74309350]:hover{border-color:#cbd5e1}.form-textarea[data-v-74309350]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gallery-upload[data-v-74309350]{display:flex;flex-direction:column;gap:16px}.upload-grid[data-v-74309350]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.image-slot[data-v-74309350]{aspect-ratio:1/1;border-radius:6px;overflow:hidden;position:relative;min-height:120px}.image-slot.filled[data-v-74309350]{border:2px solid #e2e8f0}.image-slot.empty[data-v-74309350]{border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background-color .2s}.image-slot.empty[data-v-74309350]:hover{border-color:#3b82f6;background-color:#f8fafc}.image-slot.empty.uploading[data-v-74309350]{border-color:#a65f20;background-color:#f1eee9;cursor:not-allowed}.image-slot.empty.uploading .upload-placeholder[data-v-74309350]{color:#a65f20}.image-slot.empty.uploading .upload-icon-svg[data-v-74309350]{filter:invert(45%) sepia(45%) saturate(1200%) hue-rotate(15deg) brightness(90%) contrast(90%);animation:pulse-74309350 1.5s ease-in-out infinite}@keyframes pulse-74309350{0%,to{opacity:.6}50%{opacity:1}}.gallery-image[data-v-74309350]{width:100%;height:100%;object-fit:cover}.image-overlay[data-v-74309350]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-slot.filled:hover .image-overlay[data-v-74309350]{opacity:1}.remove-btn[data-v-74309350]{padding:6px 12px;background:#EF4444;color:#fff;border:1px solid #dc2626;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.remove-btn[data-v-74309350]:hover{background:#dc2626;transform:translateY(-1px)}.upload-placeholder[data-v-74309350]{display:flex;flex-direction:column;align-items:center;gap:6px;color:#64748b}.upload-icon-svg[data-v-74309350]{width:20px;height:20px;opacity:.6;filter:invert(45%) sepia(8%) saturate(1200%) hue-rotate(180deg) brightness(95%) contrast(90%)}.upload-text[data-v-74309350]{font-size:11px;text-align:center}.upload-info[data-v-74309350]{padding:16px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.info-text[data-v-74309350]{font-size:13px;color:#374151;margin:0 0 4px}.warning[data-v-74309350]{color:#ef4444;font-weight:500}.success[data-v-74309350]{color:#a65f20;font-weight:500}.info-hint[data-v-74309350]{font-size:12px;color:#64748b;margin:0}.loading-container[data-v-74309350]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.loading-spinner[data-v-74309350]{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #A65F20;border-radius:50%;animation:spin-74309350 1s linear infinite;margin-bottom:16px}@keyframes spin-74309350{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.save-btn[data-v-74309350]:disabled{background:#94a3b8;border-color:#94a3b8;cursor:not-allowed;transform:none}.save-btn[data-v-74309350]:disabled:hover{background:#94a3b8;transform:none;box-shadow:none}.page-container[data-v-ee851c43]{padding:0}.alert[data-v-ee851c43]{padding:12px 16px;margin:16px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.alert-error[data-v-ee851c43]{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-success[data-v-ee851c43]{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.alert-close[data-v-ee851c43]{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0;margin-left:12px}.user-list-page[data-v-ee851c43]{background:#ffffff}.add-btn[data-v-ee851c43]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#A65F20;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.3px}.add-btn[data-v-ee851c43]:hover{background:#8B4513;transform:translateY(-1px)}.btn-icon[data-v-ee851c43]{font-size:16px;font-weight:700}.search-section[data-v-ee851c43]{padding:24px;background:#ffffff}.search-container[data-v-ee851c43]{display:flex;align-items:center;gap:24px;max-width:1200px;margin:0 auto}.search-bar[data-v-ee851c43]{display:flex;gap:16px;align-items:center;flex:1}.search-input-wrapper[data-v-ee851c43]{flex:1;position:relative;display:flex;align-items:center;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;transition:all .2s ease}.search-input-wrapper[data-v-ee851c43]:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.search-icon[data-v-ee851c43]{width:14px;height:14px;opacity:.5;margin-right:8px;filter:brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(1018%) hue-rotate(202deg) brightness(95%) contrast(92%)}.search-input[data-v-ee851c43]{flex:1;padding:8px 0;border:none;font-size:13px;color:#374151;background:transparent;outline:none;font-weight:400}.search-input[data-v-ee851c43]::placeholder{color:#9ca3af;font-weight:300}.search-btn[data-v-ee851c43]{padding:8px 16px;background:#374151;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.search-btn[data-v-ee851c43]:hover:not(:disabled){background:#1f2937;transform:translateY(-1px)}.search-btn[data-v-ee851c43]:disabled{opacity:.6;cursor:not-allowed}.table-container[data-v-ee851c43]{padding:0 24px 24px;background:white}.table-wrapper[data-v-ee851c43]{background:white;overflow:hidden;border-radius:12px}.data-table[data-v-ee851c43]{width:100%;border-collapse:collapse}.data-table th[data-v-ee851c43]{background:#F1EEE9;color:#374151;font-weight:700;padding:20px 24px;text-align:left;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table thead tr:first-child th[data-v-ee851c43]:first-child{border-top-left-radius:12px}.data-table thead tr:first-child th[data-v-ee851c43]:last-child{border-top-right-radius:12px}.data-table tbody tr:last-child td[data-v-ee851c43]:first-child{border-bottom-left-radius:12px}.data-table tbody tr:last-child td[data-v-ee851c43]:last-child{border-bottom-right-radius:12px}.data-table td[data-v-ee851c43]{padding:18px 24px;border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;vertical-align:middle}.data-table tbody tr[data-v-ee851c43]{transition:all .3s ease}.data-table tbody tr[data-v-ee851c43]:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.data-table tbody tr:last-child td[data-v-ee851c43]{border-bottom:none}.role-badge[data-v-ee851c43],.status-badge[data-v-ee851c43]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.role-badge.admin[data-v-ee851c43]{background-color:#fef3c7;color:#d97706}.role-badge.user[data-v-ee851c43]{background-color:#e0e7ff;color:#3730a3}.status-badge.active[data-v-ee851c43]{background-color:#dcfce7;color:#16a34a}.status-badge.inactive[data-v-ee851c43]{background-color:#fee2e2;color:#dc2626}.action-buttons[data-v-ee851c43]{display:flex;gap:8px;flex-wrap:wrap}.edit-btn[data-v-ee851c43],.delete-btn[data-v-ee851c43],.status-btn[data-v-ee851c43],.reset-btn[data-v-ee851c43]{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn[data-v-ee851c43]{background-color:#374151;color:#fff}.edit-btn[data-v-ee851c43]:hover{background-color:#1f2937}.delete-btn[data-v-ee851c43]{background-color:#dc2626;color:#fff}.delete-btn[data-v-ee851c43]:hover{background-color:#b91c1c}.status-btn.enable[data-v-ee851c43]{background-color:#16a34a;color:#fff}.status-btn.enable[data-v-ee851c43]:hover{background-color:#15803d}.status-btn.disable[data-v-ee851c43]{background-color:#dc2626;color:#fff}.status-btn.disable[data-v-ee851c43]:hover{background-color:#b91c1c}.status-btn[data-v-ee851c43]:disabled{opacity:.5;cursor:not-allowed;background-color:#9ca3af!important}.status-btn[data-v-ee851c43]:disabled:hover{background-color:#9ca3af!important;transform:none}.reset-btn[data-v-ee851c43]{background-color:#a65f20;color:#fff}.reset-btn[data-v-ee851c43]:hover{background-color:#8b4513}.loading-state[data-v-ee851c43]{text-align:center;padding:60px 20px;color:#718096}.loading-spinner[data-v-ee851c43]{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3182ce;border-radius:50%;animation:spin-ee851c43 1s linear infinite;margin:0 auto 16px}@keyframes spin-ee851c43{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-ee851c43]{text-align:center;padding:60px 20px;color:#718096}.empty-icon[data-v-ee851c43]{font-size:48px;margin-bottom:16px}.modal-overlay[data-v-ee851c43]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-ee851c43]{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-ee851c43]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.modal-header h3[data-v-ee851c43]{font-size:18px;font-weight:600;color:#1a202c;margin:0}.close-btn[data-v-ee851c43]{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn[data-v-ee851c43]:hover{background-color:#f7fafc;color:#2d3748}.modal-form[data-v-ee851c43]{padding:0 24px 24px}.form-group[data-v-ee851c43]{margin-bottom:20px}.form-label[data-v-ee851c43]{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-input[data-v-ee851c43]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.form-input[data-v-ee851c43]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-ee851c43]:disabled{background-color:#f9fafb;color:#6b7280}.form-checkbox[data-v-ee851c43]{margin-right:8px}.password-input-group[data-v-ee851c43]{position:relative;display:flex;align-items:center}.toggle-form-password-btn[data-v-ee851c43]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:background-color .2s}.toggle-form-password-btn[data-v-ee851c43]:hover{background-color:#f3f4f6}.form-actions[data-v-ee851c43]{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-btn[data-v-ee851c43],.submit-btn[data-v-ee851c43]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn[data-v-ee851c43]{background-color:#f3f4f6;color:#374151}.cancel-btn[data-v-ee851c43]:hover{background-color:#e5e7eb}.submit-btn[data-v-ee851c43]{background:#A65F20;color:#fff}.submit-btn[data-v-ee851c43]:hover:not(:disabled){background:#8B4513;transform:translateY(-1px)}.submit-btn[data-v-ee851c43]:disabled{opacity:.6;cursor:not-allowed}.pagination[data-v-ee851c43]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#ffffff;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.pagination-info[data-v-ee851c43]{font-size:14px;color:#64748b;font-weight:500}.pagination-controls[data-v-ee851c43]{display:flex;align-items:center;gap:12px}.page-btn[data-v-ee851c43]{padding:6px 12px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.page-btn[data-v-ee851c43]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-btn[data-v-ee851c43]:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.page-numbers[data-v-ee851c43]{display:flex;gap:4px;align-items:center}.page-number[data-v-ee851c43]{padding:6px 10px;background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:32px;text-align:center}.page-number[data-v-ee851c43]:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.page-number.active[data-v-ee851c43]{background:#374151;color:#fff;border-color:#374151}.page-number.active[data-v-ee851c43]:hover{background:#1f2937;border-color:#1f2937}.page-ellipsis[data-v-ee851c43]{padding:6px 10px;color:#64748b;font-size:12px;font-weight:500;min-width:32px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.pagination[data-v-ee851c43]{flex-direction:column;align-items:center;gap:12px}.pagination-controls[data-v-ee851c43]{justify-content:center}}.dashboard[data-v-72424b32]{width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:column}.main-container[data-v-72424b32]{display:flex;flex:1;overflow:hidden}.content-area[data-v-72424b32]{flex:1;display:flex;flex-direction:column;background-color:#fff}.content-body[data-v-72424b32]{flex:1;padding:20px;overflow-y:auto;background-color:#fff}.system-expired-overlay[data-v-4360069f]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.system-expired-dialog[data-v-4360069f]{background:white;border-radius:12px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideIn-4360069f .3s ease-out}@keyframes slideIn-4360069f{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header[data-v-4360069f]{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff;padding:20px;border-radius:12px 12px 0 0;text-align:center;position:relative}.dialog-header h2[data-v-4360069f]{margin:0;font-size:24px;font-weight:600}.close-btn[data-v-4360069f]{position:absolute;top:15px;right:20px;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:24px;font-weight:700;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-4360069f]:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.close-btn[data-v-4360069f]:active{transform:scale(.95)}.dialog-content[data-v-4360069f]{padding:30px;text-align:center}.expired-icon[data-v-4360069f]{margin-bottom:20px}.expired-icon svg[data-v-4360069f]{filter:drop-shadow(0 4px 8px rgba(255,71,87,.3))}.expired-message[data-v-4360069f]{font-size:18px;color:#333;margin-bottom:20px;line-height:1.6}.expired-info[data-v-4360069f]{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.expired-info p[data-v-4360069f]{margin:0;color:#666;font-size:14px}.contact-info[data-v-4360069f]{background:#e3f2fd;padding:15px;border-radius:8px;border-left:4px solid #2196f3}.contact-info p[data-v-4360069f]{margin:0 0 10px;color:#1976d2;font-weight:500}.contact-link[data-v-4360069f]{display:inline-block;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;text-decoration:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 10px #1976d24d}.contact-link[data-v-4360069f]:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-2px);box-shadow:0 4px 15px #1976d266;text-decoration:none;color:#fff}.contact-link[data-v-4360069f]:active{transform:translateY(0)}.dialog-footer[data-v-4360069f]{padding:20px 30px;border-top:1px solid #eee;text-align:center}.refresh-btn[data-v-4360069f]{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.refresh-btn[data-v-4360069f]:hover{background:linear-gradient(135deg,#45a049,#4CAF50);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.refresh-btn[data-v-4360069f]:active{transform:translateY(0)}.system-expired-dialog[data-v-4360069f]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#app{width:100%;height:100vh;background-color:#fff}