[data-v-b74d5fb7]{box-sizing:border-box}.login-container[data-v-b74d5fb7]{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}.login-container[data-v-b74d5fb7]:before,.login-container[data-v-b74d5fb7]:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a}.login-container[data-v-b74d5fb7]:before{width:300px;height:300px;top:-100px;left:-100px}.login-container[data-v-b74d5fb7]:after{width:400px;height:400px;bottom:-200px;right:-200px}.login-content[data-v-b74d5fb7]{position:relative;z-index:10;width:100%;max-width:500px}.logo-container[data-v-b74d5fb7]{text-align:center;margin-bottom:30px;animation:fadeInDown-b74d5fb7 .6s ease-out}.system-logo[data-v-b74d5fb7]{max-width:100px;height:auto;border-radius:12px;transition:transform .3s ease}.system-logo[data-v-b74d5fb7]:hover{transform:scale(1.05)}.login-form[data-v-b74d5fb7]{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0000001a;animation:fadeInUp-b74d5fb7 .8s ease-out}.form-title[data-v-b74d5fb7]{text-align:center;margin-bottom:8px;color:#2c3e50;font-size:24px;font-weight:600}.form-subtitle[data-v-b74d5fb7]{text-align:center;margin-bottom:30px;color:#7f8c8d;font-size:14px}.form-group[data-v-b74d5fb7]{margin-bottom:24px}.input-label[data-v-b74d5fb7]{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px;transition:color .3s ease}.input-wrapper[data-v-b74d5fb7]{position:relative;display:flex;align-items:center;border:2px solid #e1e8ed;border-radius:8px;transition:all .3s ease;background:#fff}.input-wrapper[data-v-b74d5fb7]:hover{border-color:#0685fa}.input-focus .input-wrapper[data-v-b74d5fb7]{border-color:#0685fa;box-shadow:0 0 0 3px #42b9831a}.icon-user[data-v-b74d5fb7],.icon-lock[data-v-b74d5fb7],.icon-error[data-v-b74d5fb7]{display:inline-block;width:20px;height:20px;margin:0 12px;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-user[data-v-b74d5fb7]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237f8c8d'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E")}.icon-lock[data-v-b74d5fb7]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237f8c8d'%3E%3Cpath d='M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-2 12H8V10h8v10zm-4-3c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E")}.icon-error[data-v-b74d5fb7]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e74c3c'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h2v-2h-2v2zm0-4h2V7h-2v6z'/%3E%3C/svg%3E")}.form-input[data-v-b74d5fb7]{flex:1;padding:12px 16px 12px 0;border:none;outline:none;font-size:16px;color:#2c3e50;background:transparent}.form-input[data-v-b74d5fb7]::placeholder{color:#bdc3c7;transition:color .3s ease}.form-input[data-v-b74d5fb7]:focus::placeholder{color:#95a5a6}.form-options[data-v-b74d5fb7]{margin-bottom:24px}.remember-label[data-v-b74d5fb7]{display:flex;align-items:center;cursor:pointer;color:#7f8c8d;font-size:14px;transition:color .3s ease}.remember-label[data-v-b74d5fb7]:hover{color:#0685fa}.remember-checkbox[data-v-b74d5fb7]{margin-right:8px;width:16px;height:16px;accent-color:#0685fa}.login-btn[data-v-b74d5fb7]{width:100%;padding:14px;background:#0685fa;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #0685fa}.login-btn[data-v-b74d5fb7]:hover:not(:disabled){box-shadow:0 6px 20px #0685fa;transform:translateY(-2px)}.login-btn[data-v-b74d5fb7]:active:not(:disabled){transform:translateY(0)}.login-btn[data-v-b74d5fb7]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner[data-v-b74d5fb7]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-b74d5fb7 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}.error-message[data-v-b74d5fb7]{margin-top:16px;padding:12px 16px;background:#fee;color:#e74c3c;border-radius:6px;font-size:14px;display:flex;align-items:center;opacity:0;transform:translateY(-10px);transition:all .3s ease}.error-shown[data-v-b74d5fb7]{opacity:1;transform:translateY(0)}.error-message i[data-v-b74d5fb7]{margin-right:8px}.form-footer[data-v-b74d5fb7]{margin-top:30px;text-align:center;color:#95a5a6;font-size:12px}.form-footer p[data-v-b74d5fb7]{margin:0}@keyframes fadeInUp-b74d5fb7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown-b74d5fb7{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-b74d5fb7{to{transform:rotate(360deg)}}@media (max-width: 768px){.login-container[data-v-b74d5fb7]{padding:15px}.login-form[data-v-b74d5fb7]{padding:30px 20px;border-radius:12px}.form-title[data-v-b74d5fb7]{font-size:20px}.system-logo[data-v-b74d5fb7]{max-width:120px}}@media (max-width: 480px){.login-form[data-v-b74d5fb7]{padding:24px 16px}.form-input[data-v-b74d5fb7]{font-size:14px}.login-btn[data-v-b74d5fb7]{padding:12px;font-size:14px}}.admin-sidebar[data-v-dec00bd1]{width:240px;height:100vh;background-color:#2c3e50;color:#fff;position:fixed;left:0;top:0;z-index:1001;overflow-y:auto;transition:transform .3s ease}.sidebar-header[data-v-dec00bd1]{padding:20px;border-bottom:1px solid #34495e}.logo-container[data-v-dec00bd1]{display:flex;align-items:center;gap:12px}.logo[data-v-dec00bd1]{width:40px;height:40px;border-radius:4px}.sidebar-header h2[data-v-dec00bd1]{margin:0;font-size:18px;font-weight:600}.sidebar-nav[data-v-dec00bd1]{padding:20px 0}.nav-list[data-v-dec00bd1]{list-style:none;margin:0;padding:0}.nav-item[data-v-dec00bd1]{margin-bottom:4px}.nav-link[data-v-dec00bd1]{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#ecf0f1;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-link[data-v-dec00bd1]:hover{background-color:#34495e;color:#fff}.nav-link.active[data-v-dec00bd1]{background-color:#007bff;border-left-color:#007bff;color:#fff}.nav-link i[data-v-dec00bd1]{font-size:16px;width:20px;text-align:center}.nav-link span[data-v-dec00bd1]{font-size:14px}.sidebar-footer[data-v-dec00bd1]{padding:20px;border-top:1px solid #34495e;position:absolute;bottom:0;width:100%;background-color:#2c3e50}.user-info[data-v-dec00bd1]{display:flex;align-items:center;gap:10px;font-size:14px}.user-info i[data-v-dec00bd1]{font-size:18px;color:#95a5a6}@media (max-width: 1024px){.admin-sidebar[data-v-dec00bd1]{width:200px}.logo-container[data-v-dec00bd1]{gap:10px}.logo[data-v-dec00bd1]{width:32px;height:32px}.sidebar-header h2[data-v-dec00bd1]{font-size:16px}.nav-link[data-v-dec00bd1]{padding:10px 16px;gap:8px}.nav-link i[data-v-dec00bd1]{font-size:14px}.nav-link span[data-v-dec00bd1]{font-size:13px}}@media (max-width: 768px){.admin-sidebar[data-v-dec00bd1]{transform:translate(-100%)}.admin-sidebar.open[data-v-dec00bd1]{transform:translate(0)}}.admin-layout[data-v-55075e4f]{display:flex;min-height:100vh;background-color:#f5f5f5}.admin-main-content[data-v-55075e4f]{flex:1;margin-left:240px;transition:margin-left .3s ease}.admin-header[data-v-55075e4f]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.menu-toggle-btn[data-v-55075e4f]{display:none;background:none;border:none;font-size:20px;color:#333;cursor:pointer;padding:8px}.admin-header h1[data-v-55075e4f]{margin:0;color:#333;font-size:20px;font-weight:600}.logout-btn[data-v-55075e4f]{padding:8px 16px;color:#333;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:14px;background-color:#fff}.logout-btn[data-v-55075e4f]:hover{color:#c0392b}.admin-content[data-v-55075e4f]{padding:20px;min-height:calc(100vh - 80px);background-color:#fff}@media (max-width: 1024px){.admin-sidebar[data-v-55075e4f]{width:200px!important}.admin-main-content[data-v-55075e4f]{margin-left:200px}.admin-header[data-v-55075e4f]{padding:15px}.admin-header h1[data-v-55075e4f]{font-size:18px}.admin-content[data-v-55075e4f]{padding:15px;min-height:calc(100vh - 70px)}}@media (max-width: 768px){.admin-sidebar[data-v-55075e4f]{transform:translate(-100%)!important}.admin-sidebar.open[data-v-55075e4f]{transform:translate(0)!important}.admin-main-content[data-v-55075e4f]{margin-left:0}.menu-toggle-btn[data-v-55075e4f]{display:block}.admin-header[data-v-55075e4f]{padding:12px 15px}.admin-header h1[data-v-55075e4f]{font-size:16px}.logout-btn[data-v-55075e4f]{padding:6px 12px;font-size:13px}.admin-content[data-v-55075e4f]{padding:12px;min-height:calc(100vh - 64px)}}.search-filter[data-v-c29abff0]{display:flex;gap:15px;margin-bottom:20px}.search-input[data-v-c29abff0]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:200px}.filter-select[data-v-c29abff0]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px}.orders-table[data-v-c29abff0]{width:100%;border-collapse:collapse}.orders-table th[data-v-c29abff0],.orders-table td[data-v-c29abff0]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.orders-table th[data-v-c29abff0]{background-color:#f8f9fa;font-weight:600;color:#333}.status-badge[data-v-c29abff0]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-pending[data-v-c29abff0]{background-color:#fff3cd;color:#856404}.status-processing[data-v-c29abff0]{background-color:#d1ecf1;color:#23c89a}.status-completed[data-v-c29abff0]{background-color:#d4edda;color:#23c89a}.status-canceled[data-v-c29abff0]{background-color:#f8d7da;color:#721c24}.action-btn[data-v-c29abff0]{padding:6px 12px;margin-right:5px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}.order-btn[data-v-c29abff0]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s;background-color:#38f;color:#fff}.order-btn[data-v-c29abff0]:hover{background-color:#38f}.view-btn[data-v-c29abff0]{background-color:#007bff;color:#fff}.view-btn[data-v-c29abff0]:hover{background-color:#0056b3}.edit-btn[data-v-c29abff0]{background-color:#ffc107;color:#212529}.edit-btn[data-v-c29abff0]:hover{background-color:#e0a800}.delete-btn[data-v-c29abff0]{background-color:#dc3545;color:#fff}.delete-btn[data-v-c29abff0]:hover{background-color:#c82333}.empty-state[data-v-c29abff0],.loading-state[data-v-c29abff0]{text-align:center;padding:40px;color:#6c757d}.error-message[data-v-c29abff0]{text-align:center;padding:15px;background-color:#f8d7da;color:#721c24;border-radius:4px;margin-bottom:20px}.pagination[data-v-c29abff0]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 0}.pagination-info[data-v-c29abff0]{display:flex;align-items:center;gap:10px;color:#6c757d;font-size:14px}.page-size-select[data-v-c29abff0]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.pagination-controls[data-v-c29abff0]{display:flex;gap:5px;align-items:center}.page-btn[data-v-c29abff0]{padding:6px 12px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.page-btn[data-v-c29abff0]:hover:not(:disabled,.active){background-color:#f8f9fa;border-color:#007bff}.page-btn.active[data-v-c29abff0]{background-color:#007bff;color:#fff;border-color:#007bff}.page-btn[data-v-c29abff0]:disabled{opacity:.5;cursor:not-allowed}.status-badge[data-v-c29abff0],.product-type-badge[data-v-c29abff0]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;text-align:center;min-width:70px}.product-type-product[data-v-c29abff0]{background-color:#e0f2fe;color:#0369a1;border:1px solid #e0f2fe}.product-type-sms[data-v-c29abff0]{background-color:#d2ffe5;color:#047857;border:1px solid #d2ffe5}.product-type-vms[data-v-c29abff0]{background-color:#fff4f3;color:#d97706;border:1px solid #fff4f3}.status-pending[data-v-c29abff0]{background-color:#fffcf0;color:#d97706;border:1px solid #ffde88}.status-success[data-v-c29abff0]{background-color:#ebfff5;color:#17c493;border:1px solid #73d4b3}.status-fail[data-v-c29abff0]{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.status-close[data-v-c29abff0]{background-color:#e0e7ff;color:#3730a3;border:1px solid #6366f1}.status-close-success[data-v-c29abff0]{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.status-close-fail[data-v-c29abff0]{background-color:#fecaca;color:#b91c1c;border:1px solid #ef4444}.status-shipped[data-v-c29abff0]{background-color:#fef08a;color:#a16207;border:1px solid #facc15}.status-completed[data-v-c29abff0]{background-color:#c7dcfc;color:#569aff;border:1px solid #569aff}.status-empty[data-v-c29abff0]{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.page-btn.ellipsis[data-v-c29abff0]{background-color:transparent;color:#6b7280;border:1px solid transparent;cursor:default}.page-btn.ellipsis[data-v-c29abff0]:hover{background-color:transparent;transform:none}.page-btn.ellipsis[data-v-c29abff0]:disabled{opacity:1}.address-cell[data-v-c29abff0]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:inline-block;vertical-align:middle}@media (max-width: 768px){.pagination[data-v-c29abff0]{flex-direction:column;gap:15px}.pagination-info[data-v-c29abff0]{justify-content:center}.pagination-controls[data-v-c29abff0]{flex-wrap:wrap;justify-content:center}.page-btn[data-v-c29abff0]{padding:4px 8px;font-size:12px}}@media (max-width: 480px){.pagination-info[data-v-c29abff0]{font-size:12px}.page-size-select[data-v-c29abff0]{font-size:12px;padding:2px 6px}}@media (max-width: 1024px){.admin-container[data-v-c29abff0],.admin-header[data-v-c29abff0]{padding:15px}h1[data-v-c29abff0]{font-size:1.8rem}.admin-content[data-v-c29abff0]{padding:15px}.orders-table th[data-v-c29abff0],.orders-table td[data-v-c29abff0]{padding:10px}}@media (max-width: 768px){.admin-header[data-v-c29abff0]{flex-direction:column;gap:15px;align-items:flex-start}.search-filter[data-v-c29abff0]{flex-direction:column}.filter-select[data-v-c29abff0]{width:100%}.orders-table[data-v-c29abff0]{display:block;overflow-x:auto;white-space:nowrap}.orders-table th[data-v-c29abff0]{font-size:.9rem}.action-btn[data-v-c29abff0]{margin-bottom:5px;margin-right:0;width:100%;max-width:80px}}@media (max-width: 480px){.admin-container[data-v-c29abff0],.admin-header[data-v-c29abff0]{padding:10px}h1[data-v-c29abff0]{font-size:1.5rem}.admin-content[data-v-c29abff0]{padding:10px}.search-input[data-v-c29abff0],.filter-select[data-v-c29abff0]{font-size:13px;padding:8px}.orders-table th[data-v-c29abff0],.orders-table td[data-v-c29abff0]{padding:8px 6px;font-size:.85rem}.status-badge[data-v-c29abff0]{padding:2px 6px;font-size:11px;min-width:50px}.action-btn[data-v-c29abff0]{font-size:11px;padding:4px 8px;max-width:70px}.empty-state[data-v-c29abff0]{padding:30px 10px;font-size:.9rem}}.modal-overlay[data-v-c29abff0]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-c29abff0]{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-c29abff0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.modal-title[data-v-c29abff0]{font-size:18px;font-weight:600;color:#333}.close-btn[data-v-c29abff0]{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:4px;transition:all .3s}.close-btn[data-v-c29abff0]:hover{background-color:#f5f5f5;color:#333}.form-group[data-v-c29abff0]{margin-bottom:16px}.form-label[data-v-c29abff0]{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-input[data-v-c29abff0],.form-select[data-v-c29abff0]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-input[data-v-c29abff0]:focus,.form-select[data-v-c29abff0]:focus{outline:none;border-color:#38f}.modal-footer[data-v-c29abff0]{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.cancel-btn[data-v-c29abff0]{padding:8px 20px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.cancel-btn[data-v-c29abff0]:hover{border-color:#bbb;background-color:#f5f5f5}.confirm-btn[data-v-c29abff0]{padding:8px 20px;border:none;background-color:#38f;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.confirm-btn[data-v-c29abff0]:hover:not(:disabled){background-color:#2979ff}.confirm-btn[data-v-c29abff0]:disabled{opacity:.6;cursor:not-allowed}.modal-error[data-v-c29abff0]{color:#dc3545;font-size:12px;margin-top:4px}.logistics-select-container[data-v-c29abff0]{position:relative}.logistics-search-input[data-v-c29abff0]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.logistics-search-input[data-v-c29abff0]:focus{outline:none;border-color:#38f}.logistics-options[data-v-c29abff0]{position:absolute;top:101%;left:0;right:0;max-height:150px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #0000001a;z-index:10}.logistics-option[data-v-c29abff0]{padding:8px 12px;cursor:pointer;transition:background-color .2s;font-size:14px}.logistics-option[data-v-c29abff0]:hover{background-color:#f0f7ff}.logistics-option.selected[data-v-c29abff0]{background-color:#e6f0ff;color:#38f;font-weight:500}.logistics-no-result[data-v-c29abff0]{padding:12px;text-align:center;color:#999;font-size:14px}.ship-btn[data-v-c29abff0]{background-color:#28a745;color:#fff;margin-left:5px}.ship-btn[data-v-c29abff0]:hover{background-color:#218838}.ship-btn[data-v-c29abff0]:disabled{opacity:.6;cursor:not-allowed}.search-filter[data-v-07d8bd5e]{display:flex;gap:15px;margin-bottom:20px}.search-input[data-v-07d8bd5e]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-select[data-v-07d8bd5e]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px}.messages-table[data-v-07d8bd5e]{width:100%;border-collapse:collapse}.messages-table th[data-v-07d8bd5e],.messages-table td[data-v-07d8bd5e]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.messages-table th[data-v-07d8bd5e]{background-color:#f8f9fa;font-weight:600;color:#333}.status-badge[data-v-07d8bd5e]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-unread[data-v-07d8bd5e]{background-color:#d1ecf1;color:#0c5460}.status-read[data-v-07d8bd5e]{background-color:#fff3cd;color:#856404}.status-processed[data-v-07d8bd5e]{background-color:#d4edda;color:#155724}.action-btn[data-v-07d8bd5e]{padding:6px 12px;margin-right:5px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}.view-btn[data-v-07d8bd5e]{background-color:#007bff;color:#fff}.view-btn[data-v-07d8bd5e]:hover{background-color:#0056b3}.process-btn[data-v-07d8bd5e]{background-color:#28a745;color:#fff}.process-btn[data-v-07d8bd5e]:hover:not(:disabled){background-color:#218838}.process-btn[data-v-07d8bd5e]:disabled{background-color:#6c757d;cursor:not-allowed}.empty-state[data-v-07d8bd5e]{text-align:center;padding:40px;color:#6c757d}.pagination[data-v-07d8bd5e]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:4px}.pagination-info[data-v-07d8bd5e]{font-size:14px;color:#666}.page-size-select[data-v-07d8bd5e]{padding:4px 8px;margin:0 5px;border:1px solid #ddd;border-radius:4px;font-size:14px}.pagination-controls[data-v-07d8bd5e]{display:flex;gap:5px}.pagination-btn[data-v-07d8bd5e]{padding:6px 12px;border:1px solid #ddd;background-color:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.pagination-btn[data-v-07d8bd5e]:hover:not(:disabled,.active){background-color:#007bff;color:#fff;border-color:#007bff}.pagination-btn[data-v-07d8bd5e]:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active[data-v-07d8bd5e]{background-color:#007bff;color:#fff;border-color:#007bff}.modal-overlay[data-v-07d8bd5e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-07d8bd5e]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header[data-v-07d8bd5e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ddd}.modal-header h3[data-v-07d8bd5e]{margin:0;color:#333}.close-btn[data-v-07d8bd5e]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-07d8bd5e]{padding:20px}.detail-item[data-v-07d8bd5e]{margin-bottom:15px}.detail-label[data-v-07d8bd5e]{display:inline-block;width:100px;font-weight:600;color:#555}.detail-value[data-v-07d8bd5e]{display:inline-block;color:#333}.message-content[data-v-07d8bd5e]{vertical-align:top;white-space:pre-wrap;word-break:break-word}.modal-footer[data-v-07d8bd5e]{padding:20px;border-top:1px solid #ddd;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-07d8bd5e]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-primary[data-v-07d8bd5e]{background-color:#007bff;color:#fff}.btn-primary[data-v-07d8bd5e]:hover{background-color:#0056b3}.btn-secondary[data-v-07d8bd5e]{background-color:#fff;color:#333;border:1px solid #ccc}.btn-secondary[data-v-07d8bd5e]:hover{background-color:#d4d4d4}.note-textarea[data-v-07d8bd5e]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;min-height:80px;margin-top:5px}.note-textarea[data-v-07d8bd5e]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.reply-btn[data-v-07d8bd5e]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s;background-color:#38f;color:#fff}.reply-btn[data-v-07d8bd5e]:hover{background-color:#38f}.content-cell[data-v-07d8bd5e]{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}@media (max-width: 1024px){.search-filter[data-v-07d8bd5e]{gap:12px;margin-bottom:15px}.search-input[data-v-07d8bd5e],.filter-select[data-v-07d8bd5e]{font-size:13px}.messages-table th[data-v-07d8bd5e],.messages-table td[data-v-07d8bd5e]{padding:10px}.content-cell[data-v-07d8bd5e]{max-width:150px}.modal-content[data-v-07d8bd5e]{max-width:500px}.pagination[data-v-07d8bd5e]{flex-direction:column;gap:10px}.pagination-info[data-v-07d8bd5e]{font-size:13px}.pagination-btn[data-v-07d8bd5e]{font-size:13px;padding:5px 10px}}@media (max-width: 768px){.search-filter[data-v-07d8bd5e]{flex-direction:column}.filter-select[data-v-07d8bd5e]{width:100%}.messages-table[data-v-07d8bd5e]{display:block;overflow-x:auto;white-space:nowrap}.messages-table th[data-v-07d8bd5e]{font-size:.9rem}.content-cell[data-v-07d8bd5e]{max-width:120px}.action-btn[data-v-07d8bd5e]{margin-bottom:5px;margin-right:0;width:100%;max-width:80px}.modal-content[data-v-07d8bd5e]{width:95%;max-width:95%;max-height:90vh}.detail-label[data-v-07d8bd5e]{width:80px;font-size:.9rem}.detail-value[data-v-07d8bd5e]{font-size:.9rem}.pagination-controls[data-v-07d8bd5e]{flex-wrap:wrap;justify-content:center}.pagination-btn[data-v-07d8bd5e]{min-width:35px;padding:4px 8px}}@media (max-width: 480px){.search-input[data-v-07d8bd5e],.filter-select[data-v-07d8bd5e]{font-size:13px;padding:8px}.messages-table th[data-v-07d8bd5e],.messages-table td[data-v-07d8bd5e]{padding:8px 6px;font-size:.85rem}.content-cell[data-v-07d8bd5e]{max-width:100px}.status-badge[data-v-07d8bd5e]{padding:2px 6px;font-size:11px}.action-btn[data-v-07d8bd5e]{font-size:11px;padding:4px 8px;max-width:70px}.empty-state[data-v-07d8bd5e]{padding:30px 10px;font-size:.9rem}.modal-header[data-v-07d8bd5e],.modal-body[data-v-07d8bd5e],.modal-footer[data-v-07d8bd5e]{padding:15px 10px}.detail-item[data-v-07d8bd5e]{margin-bottom:10px}.detail-label[data-v-07d8bd5e]{width:70px;font-size:.85rem}.detail-value[data-v-07d8bd5e]{font-size:.85rem}.btn[data-v-07d8bd5e]{font-size:13px;padding:8px 12px}.pagination[data-v-07d8bd5e]{padding:10px}.pagination-info[data-v-07d8bd5e]{font-size:12px}.page-size-select[data-v-07d8bd5e]{font-size:12px;padding:3px 6px}.pagination-btn[data-v-07d8bd5e]{font-size:12px;padding:3px 6px;min-width:30px}}