body{font-family:sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.home-page{min-height:100vh;background-color:#f5f7fa;color:#333}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;box-shadow:0 2px 4px #0000001a;z-index:1000;transition:all .3s ease}.navbar.scrolled{box-shadow:0 4px 12px #00000026}.navbar-container{max-width:1400px;margin:0 auto;padding:0 30px}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:64px;width:100%}.desktop-menu{gap:40px}.logo{display:flex;align-items:center}.logo-icon{font-size:24px;color:#1e88e5;margin-right:10px}.logo-text{font-size:20px;font-weight:700;color:#1e88e5}.logo-subtext{font-size:14px;color:#666;margin-left:10px;display:none}@media(min-width:768px){.logo-subtext{display:inline}}.desktop-menu{display:none;gap:32px}@media(min-width:992px){.desktop-menu{display:flex}}.nav-item{background:none;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;padding:8px 0;position:relative;z-index:1}.nav-item:hover{color:#1e88e5}.nav-item.active{color:#1e88e5;font-weight:600}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#1e88e5;border-radius:1px;z-index:-1}.nav-item:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#1e88e5;border-radius:1px;opacity:.5;z-index:-1}.auth-buttons{display:none;gap:16px;align-items:center}@media(min-width:992px){.auth-buttons{display:flex}}.login-button{padding:8px 16px;border:1px solid #1E88E5;border-radius:8px;color:#1e88e5;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.login-button:hover{background-color:#1e88e50d}.trial-button{padding:8px 16px;background-color:#1e88e5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.trial-button:hover{background-color:#1976d2}.mobile-menu-button{display:block}@media(min-width:992px){.mobile-menu-button{display:none}}.mobile-menu-button button{background:none;border:none;font-size:20px;color:#666;cursor:pointer}.mobile-menu{position:fixed;top:64px;left:0;right:0;background-color:#fff;border-top:1px solid #e0e0e0;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999}.mobile-menu.open{max-height:400px}.mobile-menu-content{padding:20px;display:flex;flex-direction:column;gap:16px}.mobile-nav-item{background:none;border:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;padding:12px 0;text-align:left;position:relative;z-index:1}.mobile-nav-item:hover{color:#1e88e5}.mobile-nav-item.active{color:#1e88e5;font-weight:600}.mobile-nav-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background-color:#1e88e5;border-radius:2px;z-index:-1}.mobile-nav-item:hover:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background-color:#1e88e5;border-radius:2px;opacity:.5;z-index:-1}.mobile-auth-buttons{display:flex;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid #f0f0f0}.mobile-login-button{flex:1;padding:12px;border:1px solid #1E88E5;border-radius:8px;color:#1e88e5;text-decoration:none;font-size:14px;font-weight:500;text-align:center;transition:all .3s ease}.mobile-login-button:hover{background-color:#1e88e50d}.mobile-trial-button{flex:1;padding:12px;background-color:#1e88e5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.mobile-trial-button:hover{background-color:#1976d2}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}.progress-container{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill-low{height:100%;background-color:#4caf50;border-radius:3px;transition:width .3s ease}.progress-fill-medium{height:100%;background-color:#ffc107;border-radius:3px;transition:width .3s ease}.progress-fill-high{height:100%;background-color:#f44336;border-radius:3px;transition:width .3s ease}.progress-fill-primary{height:100%;background-color:#1e88e5;border-radius:3px;transition:width .3s ease}@media(max-width:768px){.progress-container{height:4px}.navbar-content{height:56px}.logo-text{font-size:18px}.mobile-menu{top:56px}}*{box-sizing:border-box}body{margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}input:focus,select:focus,textarea:focus{outline:none}button{transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fa{display:inline-block;font: 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fixed{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.agent-navbar[data-v-dcf70593]{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar-brand[data-v-dcf70593]{display:flex;align-items:center;gap:10px}.brand-icon[data-v-dcf70593]{font-size:24px}.navbar-brand h2[data-v-dcf70593]{font-size:18px;color:#1e88e5;margin:0;font-weight:600}.navbar-menu[data-v-dcf70593]{display:flex;gap:20px;flex:1;justify-content:center;max-width:800px}.agent-navbar[data-v-dcf70593]{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;padding:0 30px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.nav-item[data-v-dcf70593]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;text-decoration:none;color:#666;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.nav-item[data-v-dcf70593]:hover{background-color:#f0f7ff;color:#1e88e5;transform:translateY(-2px);box-shadow:0 4px 8px #1e88e533}.nav-item.active[data-v-dcf70593]{background-color:#1e88e5;color:#fff;box-shadow:0 4px 12px #1e88e54d}.nav-item.active[data-v-dcf70593]:hover{background-color:#1976d2;transform:translateY(-2px)}.nav-icon[data-v-dcf70593]{font-size:16px}.navbar-actions[data-v-dcf70593]{display:flex;gap:10px}.action-btn[data-v-dcf70593]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;text-decoration:none;color:#666;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid #ddd;background-color:#fff}.action-btn[data-v-dcf70593]:hover{background-color:#f8f9fa;border-color:#1e88e5;color:#1e88e5}.home-btn[data-v-dcf70593]:hover{background-color:#f8f9fa}.logout-btn[data-v-dcf70593]:hover{background-color:#e74c3c1a;border-color:#e74c3c;color:#e74c3c}.btn-icon[data-v-dcf70593]{font-size:16px}@media(max-width:1200px){.nav-item span[data-v-dcf70593]:not(.nav-icon){display:none}.nav-item[data-v-dcf70593]{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}.action-btn span[data-v-dcf70593]:not(.btn-icon){display:none}.action-btn[data-v-dcf70593]{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}}@media(max-width:768px){.navbar-brand h2[data-v-dcf70593]{font-size:16px}.navbar-menu[data-v-dcf70593]{gap:5px}.nav-item[data-v-dcf70593],.action-btn[data-v-dcf70593]{width:36px;height:36px;font-size:14px}}.modal-overlay[data-v-dcf70593]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-dcf70593]{background-color:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.modal-header[data-v-dcf70593]{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-dcf70593]{margin:0;font-size:18px;color:#333}.close-btn[data-v-dcf70593]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-dcf70593]:hover{background-color:#f0f0f0;color:#333}.modal-body[data-v-dcf70593]{padding:25px;text-align:center}.modal-body p[data-v-dcf70593]{margin:0;font-size:16px;color:#333}.modal-footer[data-v-dcf70593]{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-dcf70593]{padding:10px 20px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.btn-cancel[data-v-dcf70593]:hover{background-color:#f8f9fa;border-color:#adb5bd}.btn-confirm[data-v-dcf70593]{background-color:#e74c3c;color:#fff;border-color:#e74c3c}.btn-confirm[data-v-dcf70593]:hover{background-color:#c0392b;border-color:#c0392b}.agent-dashboard[data-v-2407f779]{min-height:100vh;background-color:#f5f7fa}.dashboard-content[data-v-2407f779]{padding:20px;display:flex;flex-direction:column;gap:30px}.dashboard-header[data-v-2407f779]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.dashboard-header h1[data-v-2407f779]{font-size:28px;color:#1e88e5;margin:0}.user-info[data-v-2407f779]{display:flex;align-items:center;gap:15px}.user-avatar[data-v-2407f779]{width:50px;height:50px;border-radius:50%;background-color:#1e88e5;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.user-details[data-v-2407f779]{text-align:right}.user-name[data-v-2407f779]{font-size:16px;font-weight:600;margin:0 0 5px}.user-phone[data-v-2407f779]{font-size:14px;color:#666;margin:0}.dashboard-content[data-v-2407f779]{display:flex;flex-direction:column;gap:30px}.data-overview h2[data-v-2407f779],.chart-section h2[data-v-2407f779],.system-notifications h2[data-v-2407f779],.function-area h2[data-v-2407f779]{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.data-cards[data-v-2407f779]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.data-card[data-v-2407f779]{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.data-card[data-v-2407f779]:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026}.card-icon[data-v-2407f779]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.monitor-icon[data-v-2407f779]{background-color:#e3f2fd;color:#1e88e5}.available-icon[data-v-2407f779]{background-color:#e8f5e9;color:#4caf50}.time-icon[data-v-2407f779]{background-color:#fff3e0;color:#ff9800}.plan-icon[data-v-2407f779]{background-color:#f3e5f5;color:#9c27b0}.card-content h3[data-v-2407f779]{font-size:14px;color:#666;margin:0 0 10px}.card-value[data-v-2407f779]{font-size:28px;font-weight:700;color:#333;margin:0 0 8px}.card-value.exceeded[data-v-2407f779]{color:#ff4757}.card-expire[data-v-2407f779]{font-size:14px;color:#666;margin:0 0 4px}.card-remaining[data-v-2407f779]{font-size:14px;color:#1e88e5;font-weight:600;margin:0}.charts-container[data-v-2407f779]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.chart-card[data-v-2407f779]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;height:300px}.function-buttons[data-v-2407f779]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.function-btn[data-v-2407f779]{background-color:#fff;border-radius:12px;padding:30px 20px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:15px;text-decoration:none;color:#333;transition:all .3s ease}.function-btn[data-v-2407f779]:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026;background-color:#f8f9fa}.btn-icon[data-v-2407f779]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:#e3f2fd;color:#1e88e5}.video-icon[data-v-2407f779]{background-color:#e3f2fd;color:#1e88e5}.manage-icon[data-v-2407f779]{background-color:#e8f5e9;color:#4caf50}.add-icon[data-v-2407f779]{background-color:#fff3e0;color:#ff9800}.service-icon[data-v-2407f779]{background-color:#f3e5f5;color:#9c27b0}.setting-icon[data-v-2407f779]{background-color:#e0f7fa;color:#00bcd4}.function-btn span[data-v-2407f779]{font-size:16px;font-weight:600}.notification-list[data-v-2407f779]{display:flex;flex-direction:column;gap:15px}.notification-item[data-v-2407f779]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #FF9800}.notification-item[data-v-2407f779]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.notification-item.read[data-v-2407f779]{border-left-color:#4caf50;background-color:#f9f9f9}.notification-content[data-v-2407f779]{flex:1}.notification-header[data-v-2407f779]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notification-header h3[data-v-2407f779]{font-size:16px;font-weight:600;color:#333;margin:0}.notification-time[data-v-2407f779]{font-size:12px;color:#999}.notification-message[data-v-2407f779]{font-size:14px;color:#666;margin:0;line-height:1.4}.notification-actions[data-v-2407f779]{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.notification-status[data-v-2407f779]{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;background-color:#fff3e0;color:#ff9800}.notification-status.read[data-v-2407f779]{background-color:#e8f5e9;color:#4caf50}.view-btn[data-v-2407f779]{padding:8px 16px;border:1px solid #1E88E5;border-radius:6px;background-color:#fff;color:#1e88e5;cursor:pointer;font-size:14px;transition:all .3s ease}.view-btn[data-v-2407f779]:hover{background-color:#1e88e5;color:#fff}.empty-notifications[data-v-2407f779]{background-color:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 10px #0000001a}.empty-notifications p[data-v-2407f779]{font-size:16px;color:#999;margin:0}.modal-overlay[data-v-2407f779]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-2407f779]{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-2407f779]{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-2407f779]{margin:0;font-size:18px;color:#333}.close-btn[data-v-2407f779]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-2407f779]:hover{background-color:#f0f0f0;color:#333}.modal-body[data-v-2407f779]{padding:25px}.notification-detail-time[data-v-2407f779]{font-size:14px;color:#999;margin:0 0 15px}.notification-detail-message[data-v-2407f779]{font-size:16px;color:#666;margin:0;line-height:1.5}.modal-footer[data-v-2407f779]{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-2407f779]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-primary[data-v-2407f779]{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.btn-primary[data-v-2407f779]:hover{background-color:#1976d2;border-color:#1976d2}.alert-modal[data-v-2407f779]{max-width:500px;width:90%}@media(max-width:768px){.dashboard-header[data-v-2407f779]{flex-direction:column;align-items:flex-start;gap:20px}.user-info[data-v-2407f779]{align-self:flex-end}.data-cards[data-v-2407f779],.charts-container[data-v-2407f779]{grid-template-columns:1fr}.notification-item[data-v-2407f779]{flex-direction:column;align-items:flex-start}.notification-actions[data-v-2407f779]{flex-direction:row;justify-content:space-between;width:100%;margin-top:10px}.function-buttons[data-v-2407f779]{grid-template-columns:repeat(2,1fr)}.pagination-container[data-v-2407f779]{justify-content:center}.pagination[data-v-2407f779]{flex-wrap:wrap;gap:8px}.page-info[data-v-2407f779]{border:none;padding:0;margin:0 5px}}.pagination-container[data-v-2407f779]{display:flex;justify-content:flex-end;margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.pagination[data-v-2407f779]{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 16px;box-shadow:0 2px 4px #0000000d}.page-btn[data-v-2407f779]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500}.page-btn[data-v-2407f779]:hover:not(:disabled){background-color:#1e88e5;color:#fff;border-color:#1e88e5;transform:translateY(-1px);box-shadow:0 2px 8px #1e88e54d}.page-btn[data-v-2407f779]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.page-info[data-v-2407f779]{font-size:13px;color:#666;font-weight:500;padding:0 8px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin:0 3px}.video-monitoring[data-v-6f480812]{min-height:100vh;background-color:#f5f7fa}.monitoring-content[data-v-6f480812]{padding:20px;display:flex;flex-direction:column;gap:30px}.monitoring-header[data-v-6f480812]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.monitoring-header h1[data-v-6f480812]{font-size:28px;color:#1e88e5;margin:0}.header-actions[data-v-6f480812]{display:flex;gap:10px}.action-btn[data-v-6f480812]{padding:10px 20px;border:1px solid #1E88E5;border-radius:6px;background-color:#fff;color:#1e88e5;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.action-btn[data-v-6f480812]:hover{background-color:#1e88e5;color:#fff}.refresh-btn[data-v-6f480812]:hover,.fullscreen-btn[data-v-6f480812]:hover{background-color:#1976d2}.monitoring-content[data-v-6f480812]{display:flex;flex-direction:column;gap:30px}.camera-grid[data-v-6f480812]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.camera-card[data-v-6f480812]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.camera-card[data-v-6f480812]:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026}.camera-header[data-v-6f480812]{padding:15px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.camera-header h3[data-v-6f480812]{font-size:16px;font-weight:600;margin:0;color:#333}.camera-status[data-v-6f480812]{display:flex;align-items:center;gap:8px}.camera-status span[data-v-6f480812]{font-size:14px;color:#666}.camera-preview[data-v-6f480812]{position:relative;height:250px;overflow:hidden}.camera-preview img[data-v-6f480812]{width:100%;height:100%;object-fit:cover}.offline-overlay[data-v-6f480812]{position:absolute;inset:0;background-color:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:15px}.offline-overlay span[data-v-6f480812]{font-size:18px;font-weight:600}.reconnect-btn[data-v-6f480812]{padding:8px 16px;border:1px solid white;border-radius:4px;background-color:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.reconnect-btn[data-v-6f480812]:hover{background-color:#fff;color:#333}.camera-controls[data-v-6f480812]{position:absolute;bottom:10px;right:10px;display:flex;gap:8px}.control-btn[data-v-6f480812]{width:36px;height:36px;border-radius:50%;border:none;background-color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px}.control-btn[data-v-6f480812]:hover{background-color:#fff;transform:scale(1.1)}.control-btn.disabled[data-v-6f480812]{opacity:.5;cursor:not-allowed}.camera-info[data-v-6f480812]{padding:15px 20px;border-top:1px solid #f0f0f0}.camera-info p[data-v-6f480812]{font-size:14px;color:#666;margin:5px 0}.camera-info .label[data-v-6f480812]{font-weight:600;color:#333}.history-section h2[data-v-6f480812]{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.history-table[data-v-6f480812]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.history-table table[data-v-6f480812]{width:100%;border-collapse:collapse}.history-table th[data-v-6f480812],.history-table td[data-v-6f480812]{padding:15px 20px;text-align:left;border-bottom:1px solid #f0f0f0}.history-table th[data-v-6f480812]{background-color:#f8f9fa;font-weight:600;color:#333;font-size:14px}.history-table td[data-v-6f480812]{font-size:14px;color:#666}.status-resolved[data-v-6f480812]{padding:4px 12px;border-radius:12px;background-color:#e8f5e9;color:#4caf50;font-size:12px;font-weight:600}.status-pending[data-v-6f480812]{padding:4px 12px;border-radius:12px;background-color:#fff3e0;color:#ff9800;font-size:12px;font-weight:600}.view-btn[data-v-6f480812]{padding:6px 12px;border:1px solid #1E88E5;border-radius:4px;background-color:#fff;color:#1e88e5;cursor:pointer;font-size:12px;transition:all .3s ease}.view-btn[data-v-6f480812]:hover{background-color:#1e88e5;color:#fff}.pagination[data-v-6f480812]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.page-btn[data-v-6f480812]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.page-btn[data-v-6f480812]:hover:not(:disabled){background-color:#1e88e5;color:#fff;border-color:#1e88e5}.page-btn[data-v-6f480812]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-6f480812]{font-size:14px;color:#666}@media(max-width:768px){.monitoring-header[data-v-6f480812]{flex-direction:column;align-items:flex-start;gap:15px}.header-actions[data-v-6f480812]{align-self:flex-end}.camera-grid[data-v-6f480812]{grid-template-columns:1fr}.history-table[data-v-6f480812]{overflow-x:auto}.alert-modal[data-v-6f480812]{width:95%;margin:20px}}.camera-offline[data-v-6f480812]{filter:grayscale(100%);opacity:.6;transition:all .3s ease}.status-indicator[data-v-6f480812]{width:8px;height:8px;border-radius:50%}.status-indicator.online[data-v-6f480812]{background-color:#4caf50;box-shadow:0 0 10px #4caf5099}.status-indicator.offline[data-v-6f480812]{background-color:#f44336}.power-btn[data-v-6f480812]{background-color:#0f0c;font-size:12px}.power-btn.power-on[data-v-6f480812]{background-color:#f00c}.alert-modal-overlay[data-v-6f480812]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.alert-modal[data-v-6f480812]{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;width:90%;max-width:500px;overflow:hidden;animation:modalFadeIn-6f480812 .3s ease}@keyframes modalFadeIn-6f480812{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-modal-header[data-v-6f480812]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;background-color:#f8f9fa}.alert-modal-header h3[data-v-6f480812]{margin:0;color:#333;font-size:18px;font-weight:600}.close-btn[data-v-6f480812]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-6f480812]:hover{background-color:#e9ecef;color:#333}.alert-modal-content[data-v-6f480812]{padding:20px;display:flex;flex-direction:column;gap:15px}.alert-detail-item[data-v-6f480812]{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f0f0}.alert-detail-item[data-v-6f480812]:last-child{border-bottom:none}.detail-label[data-v-6f480812]{font-weight:600;color:#333;min-width:100px}.detail-value[data-v-6f480812]{color:#666;flex:1;text-align:right}.detail-value.notified[data-v-6f480812]{color:#4caf50;font-weight:600}.detail-value.not-notified[data-v-6f480812]{color:#f44336;font-weight:600}.alert-modal-footer[data-v-6f480812]{padding:20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:10px;background-color:#f8f9fa}.modal-btn[data-v-6f480812]{padding:10px 20px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.modal-btn.primary-btn[data-v-6f480812]{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.modal-btn.primary-btn[data-v-6f480812]:hover{background-color:#1976d2;border-color:#1976d2}.modal-btn[data-v-6f480812]:hover{background-color:#f8f9fa;border-color:#1e88e5;color:#1e88e5}.modal-overlay[data-v-6f480812]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-6f480812]{background-color:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-6f480812]{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-6f480812]{margin:0;font-size:18px;color:#333}.close-btn[data-v-6f480812]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-6f480812]:hover{background-color:#f0f0f0;color:#333}.modal-body[data-v-6f480812]{padding:25px}.modal-footer[data-v-6f480812]{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-6f480812]{padding:10px 20px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-secondary[data-v-6f480812]{background-color:#fff;color:#666}.btn-secondary[data-v-6f480812]:hover{background-color:#f0f0f0}.btn-primary[data-v-6f480812]{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.btn-primary[data-v-6f480812]:hover{background-color:#1976d2}.alert-modal[data-v-6f480812]{max-width:400px;width:90%}.alert-message[data-v-6f480812]{font-size:16px;color:#333;text-align:center;margin:0;line-height:1.5;padding:20px 0}.camera-management[data-v-a39b007c]{min-height:100vh;background-color:#f5f7fa}.management-header[data-v-a39b007c]{border-bottom:1px solid #e0e0e0;padding:20px;max-width:1200px;margin:0 auto}.management-header h1[data-v-a39b007c]{font-size:28px;color:#1e88e5;margin:0}.management-content[data-v-a39b007c]{display:flex;flex-direction:column;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px 20px}.search-filter-section[data-v-a39b007c]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-box[data-v-a39b007c]{display:flex;gap:10px;flex:1;min-width:300px}.search-input[data-v-a39b007c]{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.search-input[data-v-a39b007c]:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e51a}.search-btn[data-v-a39b007c]{padding:10px 20px;border:none;border-radius:6px;background-color:#1e88e5;color:#fff;cursor:pointer;transition:background-color .3s ease}.search-btn[data-v-a39b007c]:hover{background-color:#1976d2}.filter-options[data-v-a39b007c]{display:flex;gap:10px}.filter-select[data-v-a39b007c]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:border-color .3s ease}.filter-select[data-v-a39b007c]:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e51a}.camera-list-section h2[data-v-a39b007c]{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.camera-table[data-v-a39b007c]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.camera-table table[data-v-a39b007c]{width:100%;border-collapse:collapse}.camera-table th[data-v-a39b007c],.camera-table td[data-v-a39b007c]{padding:15px 20px;text-align:left;border-bottom:1px solid #f0f0f0}.camera-table th[data-v-a39b007c]{background-color:#f8f9fa;font-weight:600;color:#333;font-size:14px;position:sticky;top:0;z-index:10}.camera-table td[data-v-a39b007c]{font-size:14px;color:#666;vertical-align:middle}.status-indicator[data-v-a39b007c]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.online[data-v-a39b007c]{background-color:#4caf50;box-shadow:0 0 10px #4caf5099}.status-indicator.offline[data-v-a39b007c]{background-color:#f44336}.status-text[data-v-a39b007c]{font-size:14px;color:#666}.ai-status[data-v-a39b007c]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.ai-status.active[data-v-a39b007c]{background-color:#e8f5e9;color:#4caf50}.ai-status.inactive[data-v-a39b007c]{background-color:#ffebee;color:#f44336}.action-buttons[data-v-a39b007c]{display:flex;gap:8px}.action-btn[data-v-a39b007c]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;cursor:pointer;font-size:12px;transition:all .3s ease}.edit-btn[data-v-a39b007c]{border-color:#ffc107;color:#ff9800}.edit-btn[data-v-a39b007c]:hover{background-color:#ffc107;color:#fff}.view-btn[data-v-a39b007c]{border-color:#1e88e5;color:#1e88e5}.view-btn[data-v-a39b007c]:hover{background-color:#1e88e5;color:#fff}.delete-btn[data-v-a39b007c]{border-color:#f44336;color:#f44336}.delete-btn[data-v-a39b007c]:hover{background-color:#f44336;color:#fff}.toggle-btn[data-v-a39b007c]{border-color:#4caf50;color:#4caf50}.toggle-btn[data-v-a39b007c]:hover{background-color:#4caf50;color:#fff}.toggle-btn.toggle-on[data-v-a39b007c]{border-color:#f44336;color:#f44336}.toggle-btn.toggle-on[data-v-a39b007c]:hover{background-color:#f44336;color:#fff}.empty-state[data-v-a39b007c]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center;color:#999}.batch-actions[data-v-a39b007c]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.batch-actions h2[data-v-a39b007c]{font-size:16px;color:#333;margin:0 0 15px}.batch-buttons[data-v-a39b007c]{display:flex;gap:10px;flex-wrap:wrap}.batch-btn[data-v-a39b007c]{padding:10px 20px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.batch-btn[data-v-a39b007c]:hover{background-color:#f8f9fa;border-color:#1e88e5;color:#1e88e5}.pagination[data-v-a39b007c]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.page-btn[data-v-a39b007c]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.page-btn[data-v-a39b007c]:hover:not(:disabled){background-color:#1e88e5;color:#fff;border-color:#1e88e5}.page-btn[data-v-a39b007c]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-a39b007c]{font-size:14px;color:#666}.modal-overlay[data-v-a39b007c]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-a39b007c]{background-color:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-a39b007c]{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-a39b007c]{margin:0;font-size:18px;color:#333}.close-btn[data-v-a39b007c]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-a39b007c]:hover{background-color:#f0f0f0;color:#333}.modal-body[data-v-a39b007c]{padding:25px}.form-section[data-v-a39b007c]{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.form-section[data-v-a39b007c]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4[data-v-a39b007c]{margin:0 0 15px;font-size:16px;color:#333;font-weight:600}.form-group[data-v-a39b007c]{margin-bottom:15px}.form-group label[data-v-a39b007c]{display:block;margin-bottom:6px;font-size:14px;color:#666;font-weight:500}.form-input[data-v-a39b007c]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-input[data-v-a39b007c]:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e51a}.form-select[data-v-a39b007c]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:border-color .3s ease}.form-select[data-v-a39b007c]:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e51a}.form-row[data-v-a39b007c]{display:flex;gap:15px;margin-bottom:15px}.form-row .form-group[data-v-a39b007c]{flex:1;margin-bottom:0}.contact-item[data-v-a39b007c]{margin-bottom:15px;padding:15px;background-color:#f8f9fa;border-radius:8px}.toggle-switch[data-v-a39b007c]{position:relative;display:inline-block;width:80px;height:32px}.toggle-switch input[data-v-a39b007c]{opacity:0;width:0;height:0}.toggle-switch label[data-v-a39b007c]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:32px;display:flex;align-items:center;font-size:12px;color:#fff;font-weight:600}.toggle-switch input:not(:checked)+label[data-v-a39b007c]{justify-content:flex-end;padding-right:12px}.toggle-switch input:checked+label[data-v-a39b007c]{background-color:#1e88e5;justify-content:flex-start;padding-left:12px}.toggle-switch label[data-v-a39b007c]:before{position:absolute;content:"";height:26px;width:26px;left:3px;top:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+label[data-v-a39b007c]:before{transform:translate(48px)}.modal-footer[data-v-a39b007c]{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-a39b007c]{padding:10px 20px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-secondary[data-v-a39b007c]{background-color:#fff;color:#666}.btn-secondary[data-v-a39b007c]:hover{background-color:#f0f0f0}.btn-primary[data-v-a39b007c]{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.btn-sm[data-v-a39b007c]{padding:6px 12px;font-size:12px}.section-header[data-v-a39b007c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.contact-header[data-v-a39b007c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;color:#333}.form-hint[data-v-a39b007c]{font-size:12px;color:#999;margin-top:10px;margin-bottom:0}.info-section[data-v-a39b007c]{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.info-section[data-v-a39b007c]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-section h4[data-v-a39b007c]{margin:0 0 15px;font-size:16px;color:#333;font-weight:600}.info-item[data-v-a39b007c]{display:flex;margin-bottom:10px;align-items:center}.info-label[data-v-a39b007c]{width:100px;font-size:14px;color:#666;font-weight:500}.info-value[data-v-a39b007c]{flex:1;font-size:14px;color:#333}.status-badge[data-v-a39b007c]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active[data-v-a39b007c]{background-color:#e8f5e9;color:#4caf50}.status-badge.inactive[data-v-a39b007c]{background-color:#ffebee;color:#f44336}.contact-info-item[data-v-a39b007c]{display:flex;margin-bottom:8px;align-items:center;padding:8px 12px;background-color:#f8f9fa;border-radius:6px}.contact-index[data-v-a39b007c]{width:80px;font-size:14px;color:#666;font-weight:500}.contact-detail[data-v-a39b007c]{flex:1;font-size:14px;color:#333}.btn-primary[data-v-a39b007c]:hover{background-color:#1976d2}@media(max-width:768px){.search-filter-section[data-v-a39b007c]{flex-direction:column;align-items:stretch}.search-box[data-v-a39b007c]{min-width:auto}.filter-options[data-v-a39b007c]{flex-direction:column}.filter-select[data-v-a39b007c]{flex:1}.camera-table[data-v-a39b007c]{overflow-x:auto}.action-buttons[data-v-a39b007c]{flex-direction:column}.action-btn[data-v-a39b007c]{width:100%;text-align:center}.form-row[data-v-a39b007c]{flex-direction:column}.modal-content[data-v-a39b007c]{width:95%;margin:20px}.modal-body[data-v-a39b007c]{padding:20px}}.alert-modal[data-v-a39b007c],.confirm-modal[data-v-a39b007c]{max-width:400px;width:90%}.alert-message[data-v-a39b007c],.confirm-message[data-v-a39b007c]{font-size:16px;color:#333;text-align:center;margin:0;line-height:1.5;padding:20px 0}.service-plan[data-v-18e57ee8]{min-height:100vh;background-color:#f5f7fa}.plan-header[data-v-18e57ee8]{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:20px;max-width:1200px;margin:0 auto}.plan-content[data-v-18e57ee8]{max-width:1200px;margin:0 auto;padding:0 20px 20px;display:flex;flex-direction:column;gap:40px}.plan-header h1[data-v-18e57ee8]{font-size:28px;color:#1e88e5;margin:0}.current-plan[data-v-18e57ee8]{font-size:14px;color:#666;margin:0}.plan-name[data-v-18e57ee8]{font-weight:600;color:#1e88e5}.plan-content[data-v-18e57ee8]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.plan-description[data-v-18e57ee8]{text-align:center}.plan-description h2[data-v-18e57ee8]{font-size:28px;font-weight:700;color:#333;margin:0 0 10px}.plan-description p[data-v-18e57ee8]{font-size:16px;color:#666;max-width:800px;margin:0 auto}.current-plan-info[data-v-18e57ee8]{display:flex;flex-direction:column;gap:5px}.expire-date[data-v-18e57ee8]{font-size:14px;color:#666;margin:0}.plan-cards[data-v-18e57ee8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.plan-card[data-v-18e57ee8]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.plan-card[data-v-18e57ee8]:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026}.plan-card.active[data-v-18e57ee8]{border:2px solid #1E88E5;box-shadow:0 0 0 4px #1e88e51a}.plan-badge[data-v-18e57ee8]{position:absolute;top:15px;right:15px;padding:4px 12px;border-radius:12px;background-color:#1e88e5;color:#fff;font-size:12px;font-weight:600;z-index:10}.plan-header-card[data-v-18e57ee8]{padding:30px 20px 20px;text-align:center;border-bottom:1px solid #f0f0f0}.plan-header-card h3[data-v-18e57ee8]{font-size:20px;color:#333;margin:0 0 15px}.plan-price[data-v-18e57ee8]{display:flex;flex-direction:column;align-items:center;gap:5px}.price-container[data-v-18e57ee8]{display:flex;align-items:baseline;gap:10px}.price[data-v-18e57ee8]{font-size:32px;font-weight:700;color:#333;display:flex;align-items:baseline;gap:5px}.original-price[data-v-18e57ee8]{font-size:20px;color:#999;text-decoration:line-through;display:flex;align-items:baseline;gap:5px}.discounted-price[data-v-18e57ee8]{font-size:32px;font-weight:700;color:#ff4757;display:flex;align-items:baseline;gap:5px}.discount-badge[data-v-18e57ee8]{background-color:#ff4757;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px}.period[data-v-18e57ee8]{font-size:14px;color:#666}.discount-end-time[data-v-18e57ee8]{font-size:12px;color:#ff4757;margin-top:5px}.plan-features[data-v-18e57ee8]{padding:20px}.plan-features ul[data-v-18e57ee8]{list-style:none;padding:0;margin:0}.feature-item[data-v-18e57ee8]{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;color:#666}.feature-item[data-v-18e57ee8]:last-child{margin-bottom:0}.feature-icon[data-v-18e57ee8]{width:20px;height:20px;border-radius:50%;background-color:#e8f5e9;color:#4caf50;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.cross-icon[data-v-18e57ee8],.feature-item.disabled .feature-icon[data-v-18e57ee8]{background-color:#ffebee;color:#f44336}.feature-item.disabled[data-v-18e57ee8]{opacity:.6}.subscribe-btn[data-v-18e57ee8]{width:100%;padding:12px;border:1px solid #1E88E5;border-radius:6px;background-color:#fff;color:#1e88e5;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn[data-v-18e57ee8]:hover:not(:disabled){background-color:#1e88e5;color:#fff}.subscribe-btn[data-v-18e57ee8]:disabled{background-color:#f8f9fa;color:#999;border-color:#ddd;cursor:not-allowed}.card-verification[data-v-18e57ee8]{margin-bottom:15px;display:flex;flex-direction:column;gap:10px}.card-verification input[data-v-18e57ee8]{flex:1}.card-code-label[data-v-18e57ee8]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:600}.card-code-input[data-v-18e57ee8]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.card-code-input[data-v-18e57ee8]:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e51a}.plan-faq[data-v-18e57ee8]{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.plan-faq h2[data-v-18e57ee8]{font-size:20px;color:#333;margin:0 0 20px}.faq-items[data-v-18e57ee8]{display:flex;flex-direction:column;gap:15px}.faq-item h4[data-v-18e57ee8]{font-size:16px;color:#333;margin:0 0 8px}.faq-item p[data-v-18e57ee8]{font-size:14px;color:#666;margin:0;line-height:1.5}@media(max-width:768px){.plan-header[data-v-18e57ee8]{flex-direction:column;align-items:flex-start}.plan-cards[data-v-18e57ee8]{grid-template-columns:1fr}.plan-card.recommended[data-v-18e57ee8]{transform:none}.plan-content[data-v-18e57ee8]{padding:0}.plan-faq[data-v-18e57ee8]{padding:20px}}.modal-overlay[data-v-18e57ee8]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-18e57ee8]{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-18e57ee8]{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-18e57ee8]{margin:0;font-size:18px;color:#333}.close-btn[data-v-18e57ee8]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-18e57ee8]:hover{background-color:#f0f0f0;color:#333}.modal-body[data-v-18e57ee8]{padding:25px}.alert-message[data-v-18e57ee8]{font-size:16px;color:#333;text-align:center;margin:0;line-height:1.5}.modal-footer[data-v-18e57ee8]{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-18e57ee8]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-primary[data-v-18e57ee8]{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.btn-primary[data-v-18e57ee8]:hover{background-color:#1976d2;border-color:#1976d2}.alert-modal[data-v-18e57ee8]{max-width:500px;width:90%}.renewal-box[data-v-18e57ee8]{margin-top:20px;padding:15px;border-top:1px solid #f0f0f0;background-color:#f8f9fa;border-radius:8px}.renewal-box h4[data-v-18e57ee8]{margin:0 0 15px;font-size:16px;color:#333;font-weight:600;text-align:center}.renewal-options[data-v-18e57ee8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.renewal-btn[data-v-18e57ee8]{padding:12px 8px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#333;cursor:pointer;transition:all .3s ease;text-align:center;font-size:14px}.renewal-btn[data-v-18e57ee8]:hover{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.renewal-price[data-v-18e57ee8]{font-size:12px;color:#666;margin-top:4px;display:block}.renewal-btn:hover .renewal-price[data-v-18e57ee8]{color:#fff}@media(max-width:768px){.modal-content[data-v-18e57ee8]{width:95%;margin:20px}.renewal-options[data-v-18e57ee8]{grid-template-columns:repeat(2,1fr)}}.subscription-box[data-v-18e57ee8]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px;margin-top:30px}.subscription-box h3[data-v-18e57ee8]{font-size:20px;color:#333;margin:0 0 20px;text-align:center}.subscription-section[data-v-18e57ee8]{max-width:500px;margin:0 auto}.subscription-section h4[data-v-18e57ee8]{font-size:16px;color:#666;margin:0 0 15px;text-align:center;font-weight:600}.subscription-section .card-verification[data-v-18e57ee8]{margin-bottom:20px}.subscription-section .subscribe-btn[data-v-18e57ee8]{margin-top:10px}.user-settings[data-v-73dcfb8a]{min-height:100vh;background-color:#f5f7fa}.settings-header[data-v-73dcfb8a]{border-bottom:1px solid #e0e0e0;padding:20px;max-width:800px;margin:0 auto}.settings-content[data-v-73dcfb8a]{max-width:800px;margin:0 auto;padding:0 20px 20px}.settings-header h1[data-v-73dcfb8a]{font-size:28px;color:#1e88e5;margin:0}.settings-content[data-v-73dcfb8a]{max-width:800px;margin:0 auto}.settings-form[data-v-73dcfb8a]{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.form-section[data-v-73dcfb8a]{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.form-section[data-v-73dcfb8a]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2[data-v-73dcfb8a]{font-size:24px;font-weight:700;color:#333;margin:0 0 20px}.form-row[data-v-73dcfb8a]{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.form-group[data-v-73dcfb8a]{flex:1;min-width:250px;margin-bottom:15px}.form-group label[data-v-73dcfb8a]{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-input[data-v-73dcfb8a],.form-select[data-v-73dcfb8a]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-input[data-v-73dcfb8a]:focus,.form-select[data-v-73dcfb8a]:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e51a}.checkbox-label[data-v-73dcfb8a]{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;cursor:pointer;margin-bottom:10px}.checkbox-label[data-v-73dcfb8a]:last-child{margin-bottom:0}.form-actions[data-v-73dcfb8a]{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #f0f0f0}.save-btn[data-v-73dcfb8a]{padding:12px 30px;border:none;border-radius:6px;background-color:#1e88e5;color:#fff;cursor:pointer;transition:background-color .3s ease;font-size:14px;font-weight:600}.save-btn[data-v-73dcfb8a]:hover{background-color:#1976d2}.form-actions[data-v-73dcfb8a]{justify-content:center}@media(max-width:768px){.settings-content[data-v-73dcfb8a]{max-width:100%}.settings-form[data-v-73dcfb8a]{padding:20px}.form-row[data-v-73dcfb8a]{flex-direction:column}.form-group[data-v-73dcfb8a]{min-width:auto}.form-actions[data-v-73dcfb8a]{flex-direction:column}.save-btn[data-v-73dcfb8a]{width:100%;text-align:center}}.modal-overlay[data-v-73dcfb8a]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-73dcfb8a]{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-73dcfb8a]{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-73dcfb8a]{margin:0;font-size:18px;color:#333}.close-btn[data-v-73dcfb8a]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-73dcfb8a]:hover{background-color:#f0f0f0;color:#333}.modal-body[data-v-73dcfb8a]{padding:25px}.alert-message[data-v-73dcfb8a]{font-size:16px;color:#333;text-align:center;margin:0;line-height:1.5}.modal-footer[data-v-73dcfb8a]{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-73dcfb8a]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-primary[data-v-73dcfb8a]{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.btn-primary[data-v-73dcfb8a]:hover{background-color:#1976d2;border-color:#1976d2}.alert-modal[data-v-73dcfb8a]{max-width:500px;width:90%}@media(max-width:768px){.modal-content[data-v-73dcfb8a]{width:95%;margin:20px}}.admin-login[data-v-aebf0fd4]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:20px}.login-container[data-v-aebf0fd4]{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;width:100%;max-width:400px}.login-header[data-v-aebf0fd4]{text-align:center;margin-bottom:30px}.login-title[data-v-aebf0fd4]{font-size:28px;font-weight:700;color:#333;margin-bottom:10px}.login-subtitle[data-v-aebf0fd4]{font-size:14px;color:#666}.login-form[data-v-aebf0fd4]{margin-bottom:30px}.form-group[data-v-aebf0fd4]{margin-bottom:20px}.form-group label[data-v-aebf0fd4]{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input[data-v-aebf0fd4]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input[data-v-aebf0fd4]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-group.remember[data-v-aebf0fd4]{display:flex;align-items:center;gap:8px}.form-group.remember input[data-v-aebf0fd4]{width:auto}.login-btn[data-v-aebf0fd4]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.login-btn[data-v-aebf0fd4]:hover{opacity:.9}.login-footer[data-v-aebf0fd4]{text-align:center;font-size:12px;color:#999}@media(max-width:480px){.login-container[data-v-aebf0fd4]{padding:30px 20px}.login-title[data-v-aebf0fd4]{font-size:24px}}.admin-navbar[data-v-8da335c3]{background-color:#2c3e50;border-bottom:1px solid #34495e;box-shadow:0 2px 10px #0003;padding:0 30px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar-brand[data-v-8da335c3]{display:flex;align-items:center;gap:10px}.brand-icon[data-v-8da335c3]{font-size:24px;color:#3498db}.navbar-brand h2[data-v-8da335c3]{font-size:18px;color:#fff;margin:0;font-weight:600}.navbar-menu[data-v-8da335c3]{display:flex;gap:20px;flex:1;justify-content:center;max-width:1000px}.nav-item[data-v-8da335c3]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;text-decoration:none;color:#bdc3c7;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap;box-shadow:0 1px 3px #0000004d}.nav-item[data-v-8da335c3]:hover{background-color:#3498db33;color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.nav-item.active[data-v-8da335c3]{background-color:#3498db;color:#fff;box-shadow:0 4px 12px #3498db66}.nav-item.active[data-v-8da335c3]:hover{background-color:#2980b9;transform:translateY(-2px)}.nav-icon[data-v-8da335c3]{font-size:16px}.navbar-actions[data-v-8da335c3]{display:flex;gap:15px}.action-btn[data-v-8da335c3]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;text-decoration:none;color:#bdc3c7;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid #34495e;background-color:#ffffff1a;cursor:pointer}.action-btn[data-v-8da335c3]:hover{background-color:#fff3;border-color:#3498db;color:#3498db}.home-btn[data-v-8da335c3]:hover{background-color:#fff3}.logout-btn[data-v-8da335c3]:hover{background-color:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.btn-icon[data-v-8da335c3]{font-size:16px}@media(max-width:1200px){.nav-item span[data-v-8da335c3]:not(.nav-icon){display:none}.nav-item[data-v-8da335c3]{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}.action-btn span[data-v-8da335c3]:not(.btn-icon){display:none}.action-btn[data-v-8da335c3]{padding:10px;border-radius:50%;width:40px;height:40px;justify-content:center}}@media(max-width:768px){.navbar-brand h2[data-v-8da335c3]{font-size:16px}.navbar-menu[data-v-8da335c3]{gap:10px}.nav-item[data-v-8da335c3],.action-btn[data-v-8da335c3]{width:36px;height:36px;font-size:14px}}.modal-overlay[data-v-8da335c3]{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-8da335c3]{background-color:#2c3e50;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 30px #0006;overflow:hidden;border:1px solid #34495e}.modal-header[data-v-8da335c3]{padding:20px 25px;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-8da335c3]{margin:0;font-size:18px;color:#fff}.close-btn[data-v-8da335c3]{background:none;border:none;font-size:24px;cursor:pointer;color:#bdc3c7;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-8da335c3]:hover{background-color:#ffffff1a;color:#fff}.modal-body[data-v-8da335c3]{padding:25px;text-align:center}.modal-body p[data-v-8da335c3]{margin:0;font-size:16px;color:#ecf0f1}.modal-footer[data-v-8da335c3]{padding:20px 25px;border-top:1px solid #34495e;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-8da335c3]{padding:10px 20px;border:1px solid #34495e;border-radius:6px;background-color:#ffffff1a;color:#bdc3c7;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.btn-cancel[data-v-8da335c3]:hover{background-color:#fff3;border-color:#34495e;color:#fff}.btn-confirm[data-v-8da335c3]{background-color:#e74c3c;color:#fff;border-color:#e74c3c}.btn-confirm[data-v-8da335c3]:hover{background-color:#c0392b;border-color:#c0392b}.admin-dashboard[data-v-6ecfb2ad]{min-height:100vh;background-color:#f8f9fa}.dashboard-content[data-v-6ecfb2ad]{padding:20px;display:flex;flex-direction:column;gap:30px}.dashboard-header[data-v-6ecfb2ad]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.dashboard-header h1[data-v-6ecfb2ad]{font-size:28px;color:#2c3e50;margin:0}.admin-info[data-v-6ecfb2ad]{display:flex;align-items:center;gap:15px}.admin-avatar[data-v-6ecfb2ad]{width:50px;height:50px;border-radius:50%;background-color:#3498db;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.admin-details[data-v-6ecfb2ad]{text-align:right}.admin-name[data-v-6ecfb2ad]{font-size:16px;font-weight:600;margin:0 0 5px;color:#2c3e50}.admin-role[data-v-6ecfb2ad]{font-size:14px;color:#7f8c8d;margin:0}.dashboard-content[data-v-6ecfb2ad]{display:flex;flex-direction:column;gap:30px}.data-overview h2[data-v-6ecfb2ad],.chart-section h2[data-v-6ecfb2ad],.function-area h2[data-v-6ecfb2ad]{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:20px}.data-cards[data-v-6ecfb2ad]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.data-card[data-v-6ecfb2ad]{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #3498db}.data-card[data-v-6ecfb2ad]:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026}.card-icon[data-v-6ecfb2ad]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.user-icon[data-v-6ecfb2ad]{background-color:#e3f2fd;color:#3498db}.camera-icon[data-v-6ecfb2ad],.online-icon[data-v-6ecfb2ad]{background-color:#e8f5e9;color:#27ae60}.offline-icon[data-v-6ecfb2ad]{background-color:#ffebee;color:#e74c3c}.plan-user-icon[data-v-6ecfb2ad]{background-color:#fff3e0;color:#f39c12}.plan-count-icon[data-v-6ecfb2ad]{background-color:#f3e5f5;color:#9b59b6}.new-user-icon[data-v-6ecfb2ad]{background-color:#e0f7fa;color:#00acc1}.new-camera-icon[data-v-6ecfb2ad]{background-color:#fce4ec;color:#e91e63}.no-plan-icon[data-v-6ecfb2ad]{background-color:#ffebee;color:#e74c3c}.card-content h3[data-v-6ecfb2ad]{font-size:14px;color:#7f8c8d;margin:0 0 10px}.card-value[data-v-6ecfb2ad]{font-size:28px;font-weight:700;color:#2c3e50;margin:0}.charts-container[data-v-6ecfb2ad]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.chart-card[data-v-6ecfb2ad]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;height:300px}.function-buttons[data-v-6ecfb2ad]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.function-btn[data-v-6ecfb2ad]{background-color:#fff;border-radius:12px;padding:30px 20px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:15px;text-decoration:none;color:#2c3e50;transition:all .3s ease;border:1px solid #ecf0f1}.function-btn[data-v-6ecfb2ad]:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026;border-color:#3498db;background-color:#f8f9fa}.btn-icon[data-v-6ecfb2ad]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:#e3f2fd;color:#3498db}.user-btn-icon[data-v-6ecfb2ad]{background-color:#e3f2fd;color:#3498db}.plan-btn-icon[data-v-6ecfb2ad]{background-color:#fff3e0;color:#f39c12}.notification-btn-icon[data-v-6ecfb2ad]{background-color:#e8f5e9;color:#27ae60}.card-btn-icon[data-v-6ecfb2ad]{background-color:#f3e5f5;color:#9b59b6}.camera-btn-icon[data-v-6ecfb2ad]{background-color:#e8f5e9;color:#27ae60}.setting-btn-icon[data-v-6ecfb2ad]{background-color:#e0f7fa;color:#00acc1}.function-btn span[data-v-6ecfb2ad]{font-size:16px;font-weight:600}@media(max-width:768px){.dashboard-header[data-v-6ecfb2ad]{flex-direction:column;align-items:flex-start;gap:20px}.admin-info[data-v-6ecfb2ad]{align-self:flex-end}.data-cards[data-v-6ecfb2ad],.charts-container[data-v-6ecfb2ad]{grid-template-columns:1fr}.function-buttons[data-v-6ecfb2ad]{grid-template-columns:repeat(2,1fr)}}.users-management[data-v-b3057394]{min-height:100vh;background-color:#f8f9fa}.management-content[data-v-b3057394]{padding:20px;display:flex;flex-direction:column;gap:30px}.management-header[data-v-b3057394]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.management-header h1[data-v-b3057394]{font-size:28px;color:#2c3e50;margin:0}.add-user-btn[data-v-b3057394]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;background-color:#3498db;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600}.add-user-btn[data-v-b3057394]:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-icon[data-v-b3057394]{font-size:16px}.management-content[data-v-b3057394]{display:flex;flex-direction:column;gap:30px}.search-filter-section[data-v-b3057394]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-box[data-v-b3057394]{display:flex;gap:10px;flex:1;min-width:300px}.search-input[data-v-b3057394]{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.search-input[data-v-b3057394]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.search-btn[data-v-b3057394]{padding:10px 20px;border:none;border-radius:6px;background-color:#3498db;color:#fff;cursor:pointer;transition:background-color .3s ease}.search-btn[data-v-b3057394]:hover{background-color:#2980b9}.filter-options[data-v-b3057394]{display:flex;gap:10px}.filter-select[data-v-b3057394]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:border-color .3s ease}.filter-select[data-v-b3057394]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.users-list-section h2[data-v-b3057394]{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:20px}.users-table[data-v-b3057394]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.users-table table[data-v-b3057394]{width:100%;border-collapse:collapse}.users-table th[data-v-b3057394],.users-table td[data-v-b3057394]{padding:15px 20px;text-align:left;border-bottom:1px solid #f0f0f0}.users-table th[data-v-b3057394]{background-color:#f8f9fa;font-weight:600;color:#2c3e50;font-size:14px;position:sticky;top:0;z-index:10}.users-table td[data-v-b3057394]{font-size:14px;color:#34495e;vertical-align:middle}.plan-badge[data-v-b3057394]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-badge.basic[data-v-b3057394]{background-color:#e3f2fd;color:#3498db}.plan-badge.standard[data-v-b3057394]{background-color:#fff3e0;color:#f39c12}.plan-badge.premium[data-v-b3057394]{background-color:#f3e5f5;color:#9b59b6}.status-badge[data-v-b3057394]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.normal[data-v-b3057394]{background-color:#e8f5e9;color:#27ae60}.status-badge.disabled[data-v-b3057394]{background-color:#ffebee;color:#e74c3c}.action-buttons[data-v-b3057394]{display:flex;gap:8px}.action-btn[data-v-b3057394]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;cursor:pointer;font-size:12px;transition:all .3s ease}.view-btn[data-v-b3057394]{border-color:#3498db;color:#3498db}.view-btn[data-v-b3057394]:hover{background-color:#3498db;color:#fff}.edit-btn[data-v-b3057394]{border-color:#f39c12;color:#f39c12}.edit-btn[data-v-b3057394]:hover{background-color:#f39c12;color:#fff}.delete-btn[data-v-b3057394]{border-color:#e74c3c;color:#e74c3c}.block-btn[data-v-b3057394]{border-color:#9b59b6;color:#9b59b6}.block-btn[data-v-b3057394]:hover{background-color:#9b59b6;color:#fff}.delete-btn[data-v-b3057394]:hover{background-color:#e74c3c;color:#fff}.empty-state[data-v-b3057394]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center;color:#95a5a6}.pagination[data-v-b3057394]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.page-btn[data-v-b3057394]{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease}.page-btn[data-v-b3057394]:hover:not(:disabled){background-color:#3498db;border-color:#3498db;color:#fff}.page-btn[data-v-b3057394]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-b3057394]{font-size:14px;color:#7f8c8d}@media(max-width:768px){.management-header[data-v-b3057394]{flex-direction:column;align-items:flex-start;gap:15px}.add-user-btn[data-v-b3057394]{align-self:flex-end}.search-filter-section[data-v-b3057394]{flex-direction:column;align-items:stretch}.search-box[data-v-b3057394]{min-width:auto}.filter-options[data-v-b3057394]{flex-direction:column}.filter-select[data-v-b3057394]{flex:1}.users-table[data-v-b3057394]{overflow-x:auto}.action-buttons[data-v-b3057394]{flex-direction:column}.action-btn[data-v-b3057394]{width:100%;text-align:center}}.modal-overlay[data-v-b3057394]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-b3057394]{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header[data-v-b3057394]{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-b3057394]{margin:0;font-size:18px;color:#2c3e50}.close-btn[data-v-b3057394]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn[data-v-b3057394]:hover{background-color:#f0f0f0;color:#333}.modal-body[data-v-b3057394]{padding:25px}.modal-footer[data-v-b3057394]{padding:20px 25px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.form-group[data-v-b3057394]{margin-bottom:15px}.form-group label[data-v-b3057394]{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-input[data-v-b3057394],.form-select[data-v-b3057394]{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-input[data-v-b3057394]:focus,.form-select[data-v-b3057394]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.btn[data-v-b3057394]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-primary[data-v-b3057394]{background-color:#3498db;color:#fff;border-color:#3498db}.btn-primary[data-v-b3057394]:hover{background-color:#2980b9;border-color:#2980b9}.btn-secondary[data-v-b3057394]{background-color:#fff;color:#666;border-color:#ddd}.btn-secondary[data-v-b3057394]:hover{background-color:#f0f0f0}.info-item[data-v-b3057394]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.info-item[data-v-b3057394]:last-child{border-bottom:none}.info-label[data-v-b3057394]{font-weight:600;color:#333;min-width:100px}.info-value[data-v-b3057394]{color:#666;flex:1;text-align:right}.alert-modal[data-v-b3057394]{max-width:400px;width:90%}@media(max-width:768px){.modal-content[data-v-b3057394]{width:95%;margin:20px}.modal-body[data-v-b3057394]{padding:20px}}.plans-management[data-v-ea9118c3]{min-height:100vh;background-color:#f8f9fa}.management-content[data-v-ea9118c3]{padding:20px;display:flex;flex-direction:column;gap:30px}.management-header[data-v-ea9118c3]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.management-header h1[data-v-ea9118c3]{font-size:28px;color:#2c3e50;margin:0}.add-plan-btn[data-v-ea9118c3]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;background-color:#3498db;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600}.add-plan-btn[data-v-ea9118c3]:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-icon[data-v-ea9118c3]{font-size:16px}.management-content[data-v-ea9118c3]{display:flex;flex-direction:column;gap:30px}.plans-list-section h2[data-v-ea9118c3]{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:20px}.plans-grid[data-v-ea9118c3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.plan-card[data-v-ea9118c3]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #ecf0f1}.plan-card[data-v-ea9118c3]:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026;border-color:#3498db}.plan-header[data-v-ea9118c3]{padding:20px;background-color:#f8f9fa;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center}.plan-header h3[data-v-ea9118c3]{font-size:18px;color:#2c3e50;margin:0}.plan-status[data-v-ea9118c3]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-status.active[data-v-ea9118c3]{background-color:#e8f5e9;color:#27ae60}.plan-status.inactive[data-v-ea9118c3]{background-color:#ffebee;color:#e74c3c}.plan-details[data-v-ea9118c3]{padding:20px}.plan-price[data-v-ea9118c3]{margin-bottom:20px}.price[data-v-ea9118c3]{font-size:28px;font-weight:700;color:#e74c3c}.original-price[data-v-ea9118c3]{font-size:18px;color:#95a5a6;text-decoration:line-through;margin-right:10px}.period[data-v-ea9118c3]{font-size:14px;color:#7f8c8d;margin-left:5px}.discount-info[data-v-ea9118c3]{margin-top:10px;display:flex;align-items:center;gap:10px}.discount-label[data-v-ea9118c3]{font-size:14px;color:#7f8c8d}.discount-value[data-v-ea9118c3]{font-size:14px;font-weight:700;color:#e74c3c}.expiry-date[data-v-ea9118c3]{margin-top:5px;font-size:12px;color:#95a5a6}.discount-price[data-v-ea9118c3]{font-size:16px;font-weight:700;color:#e74c3c;margin-top:5px}.plan-features[data-v-ea9118c3]{list-style:none;padding:0;margin:0 0 20px}.plan-features li[data-v-ea9118c3]{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;color:#34495e}.feature-icon[data-v-ea9118c3]{color:#27ae60;font-weight:700;margin-top:2px;flex-shrink:0}.cross-icon[data-v-ea9118c3]{color:#e74c3c}.plan-limits[data-v-ea9118c3]{border-top:1px solid #ecf0f1;padding-top:15px;font-size:14px;color:#7f8c8d}.plan-limits p[data-v-ea9118c3]{margin:5px 0}.plan-actions[data-v-ea9118c3]{padding:20px;border-top:1px solid #ecf0f1;display:flex;gap:10px;justify-content:flex-end}.action-btn[data-v-ea9118c3]{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;cursor:pointer;font-size:14px;transition:all .3s ease}.view-btn[data-v-ea9118c3]{border-color:#3498db;color:#3498db}.view-btn[data-v-ea9118c3]:hover{background-color:#3498db;color:#fff}.edit-btn[data-v-ea9118c3]{border-color:#f39c12;color:#f39c12}.edit-btn[data-v-ea9118c3]:hover{background-color:#f39c12;color:#fff}.delete-btn[data-v-ea9118c3]{border-color:#e74c3c;color:#e74c3c}.delete-btn[data-v-ea9118c3]:hover{background-color:#e74c3c;color:#fff}.empty-state[data-v-ea9118c3]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center;color:#95a5a6}.modal-overlay[data-v-ea9118c3]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-ea9118c3]{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.alert-modal[data-v-ea9118c3]{max-width:400px}.modal-header[data-v-ea9118c3]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-ea9118c3]{margin:0;font-size:18px;font-weight:700;color:#2c3e50}.close-btn[data-v-ea9118c3]{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-ea9118c3]:hover{background-color:#f8f9fa;color:#2c3e50}.modal-body[data-v-ea9118c3]{padding:20px}.modal-footer[data-v-ea9118c3]{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.form-group[data-v-ea9118c3]{margin-bottom:20px}.form-group label[data-v-ea9118c3]{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-input[data-v-ea9118c3],.form-select[data-v-ea9118c3]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-input[data-v-ea9118c3]:focus,.form-select[data-v-ea9118c3]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.checkbox-group[data-v-ea9118c3]{display:flex;gap:20px;flex-wrap:wrap}.checkbox-label[data-v-ea9118c3]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#34495e}.checkbox-label input[type=checkbox][data-v-ea9118c3]{width:16px;height:16px;cursor:pointer}.btn[data-v-ea9118c3]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-ea9118c3]{background-color:#3498db;color:#fff}.btn-primary[data-v-ea9118c3]:hover{background-color:#2980b9;transform:translateY(-1px)}.btn-secondary[data-v-ea9118c3]{background-color:#95a5a6;color:#fff}.btn-secondary[data-v-ea9118c3]:hover{background-color:#7f8c8d;transform:translateY(-1px)}.info-item[data-v-ea9118c3]{display:flex;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.info-item[data-v-ea9118c3]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label[data-v-ea9118c3]{width:120px;font-weight:600;color:#7f8c8d;font-size:14px}.info-value[data-v-ea9118c3]{flex:1;color:#2c3e50;font-size:14px;word-break:break-word}@media(max-width:768px){.management-header[data-v-ea9118c3]{flex-direction:column;align-items:flex-start;gap:15px}.add-plan-btn[data-v-ea9118c3]{align-self:flex-end}.plans-grid[data-v-ea9118c3]{grid-template-columns:1fr}.plan-actions[data-v-ea9118c3]{flex-direction:column}.action-btn[data-v-ea9118c3]{width:100%;text-align:center}.modal-content[data-v-ea9118c3]{width:95%;margin:20px}.checkbox-group[data-v-ea9118c3]{flex-direction:column;gap:10px}.modal-footer[data-v-ea9118c3]{flex-direction:column}.btn[data-v-ea9118c3]{width:100%}.info-item[data-v-ea9118c3]{flex-direction:column;gap:5px}.info-label[data-v-ea9118c3]{width:100%}}.notification-management[data-v-34adb1d1]{min-height:100vh;background-color:#f5f5f5}.main-content[data-v-34adb1d1]{padding:20px}.container[data-v-34adb1d1]{max-width:1600px;margin:0 auto;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.page-title[data-v-34adb1d1]{font-size:28px;margin-bottom:24px;color:#333;font-weight:700}.section-title[data-v-34adb1d1]{font-size:20px;margin:24px 0 16px;color:#555;font-weight:700}.action-bar[data-v-34adb1d1]{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.send-btn[data-v-34adb1d1],.batch-send-btn[data-v-34adb1d1],.homepage-btn[data-v-34adb1d1]{padding:10px 20px;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.send-btn[data-v-34adb1d1]{background-color:#2196f3}.send-btn[data-v-34adb1d1]:hover{background-color:#1976d2}.batch-send-btn[data-v-34adb1d1]{background-color:#4caf50}.batch-send-btn[data-v-34adb1d1]:hover{background-color:#388e3c}.homepage-btn[data-v-34adb1d1]{background-color:#ff9800}.homepage-btn[data-v-34adb1d1]:hover{background-color:#f57c00}.filter-bar[data-v-34adb1d1]{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-bar input[data-v-34adb1d1],.filter-bar select[data-v-34adb1d1]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-bar input[data-v-34adb1d1]{flex:1;min-width:200px}.data-table[data-v-34adb1d1]{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}.data-table th[data-v-34adb1d1],.data-table td[data-v-34adb1d1]{padding:16px 20px;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:middle}.data-table th[data-v-34adb1d1]{background-color:#f8f9fa;font-weight:600;color:#343a40;font-size:15px;border-bottom:2px solid #dee2e6;white-space:nowrap}.data-table td[data-v-34adb1d1]{font-size:14px;color:#555}.data-table tr[data-v-34adb1d1]:hover{background-color:#f8f9fa;transition:background-color .2s ease}.data-table tr[data-v-34adb1d1]{transition:background-color .2s ease}.status-tag[data-v-34adb1d1]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-tag.sent[data-v-34adb1d1]{background-color:#e8f5e9;color:#2e7d32}.status-tag.pending[data-v-34adb1d1]{background-color:#fff3e0;color:#ef6c00}.status-tag.failed[data-v-34adb1d1]{background-color:#ffebee;color:#c62828}.view-btn[data-v-34adb1d1],.resend-btn[data-v-34adb1d1]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:8px;transition:background-color .3s}.view-btn[data-v-34adb1d1]{background-color:#e3f2fd;color:#1565c0}.view-btn[data-v-34adb1d1]:hover{background-color:#bbdefb}.resend-btn[data-v-34adb1d1]{background-color:#fff3e0;color:#ef6c00}.resend-btn[data-v-34adb1d1]:hover{background-color:#ffe0b2}.pagination[data-v-34adb1d1]{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:12px}.page-btn[data-v-34adb1d1]{padding:6px 12px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.page-btn[data-v-34adb1d1]:hover:not(:disabled){background-color:#e9ecef}.page-btn[data-v-34adb1d1]:disabled{cursor:not-allowed;opacity:.5}.modal[data-v-34adb1d1]{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-34adb1d1]{background-color:#fff;padding:24px;border-radius:8px;width:600px;max-width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-34adb1d1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee}.modal-header h2[data-v-34adb1d1]{margin:0;font-size:20px;color:#333}.close-btn[data-v-34adb1d1]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .3s}.close-btn[data-v-34adb1d1]:hover{color:#333}.form-group[data-v-34adb1d1]{margin-bottom:20px}.form-group label[data-v-34adb1d1]{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input[data-v-34adb1d1],.form-group select[data-v-34adb1d1],.form-group textarea[data-v-34adb1d1]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[data-v-34adb1d1]:focus,.form-group select[data-v-34adb1d1]:focus,.form-group textarea[data-v-34adb1d1]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.form-group textarea[data-v-34adb1d1]{resize:vertical}.checkbox-group[data-v-34adb1d1]{display:flex;flex-wrap:wrap;gap:16px}.checkbox-group label[data-v-34adb1d1]{display:flex;align-items:center;gap:6px;font-weight:400;cursor:pointer}.form-actions[data-v-34adb1d1]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.cancel-btn[data-v-34adb1d1]{padding:10px 20px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.cancel-btn[data-v-34adb1d1]:hover{background-color:#e9ecef}.btn[data-v-34adb1d1]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-34adb1d1]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-34adb1d1]:hover{background-color:#5a6268}.info-group[data-v-34adb1d1]{display:flex;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.info-group label[data-v-34adb1d1]{width:100px;font-weight:500;color:#666}.info-group span[data-v-34adb1d1]{flex:1;color:#333;word-break:break-word}.confirm-message[data-v-34adb1d1]{text-align:center;font-size:16px;color:#333;margin-bottom:24px;line-height:1.5}@media(max-width:768px){.main-content[data-v-34adb1d1],.container[data-v-34adb1d1]{padding:16px}.action-bar[data-v-34adb1d1]{flex-direction:column;align-items:stretch}.filter-bar[data-v-34adb1d1]{flex-direction:column}.filter-bar input[data-v-34adb1d1],.filter-bar select[data-v-34adb1d1]{width:100%}.data-table th[data-v-34adb1d1],.data-table td[data-v-34adb1d1]{padding:10px;font-size:12px}.modal-content[data-v-34adb1d1]{width:95%;padding:20px}.info-group[data-v-34adb1d1]{flex-direction:column;gap:4px}.info-group label[data-v-34adb1d1]{width:100%}}.card-management[data-v-4829ae9a]{min-height:100vh;background-color:#f5f5f5}.main-content[data-v-4829ae9a]{padding:20px}.container[data-v-4829ae9a]{max-width:1600px;margin:0 auto;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.page-title[data-v-4829ae9a]{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.action-bar[data-v-4829ae9a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.action-buttons[data-v-4829ae9a],.search-filter-box[data-v-4829ae9a]{display:flex;gap:10px;align-items:center}.filter-box[data-v-4829ae9a]{display:flex;align-items:center}.filter-box select[data-v-4829ae9a]{padding:8px 12px;border:1px solid #ddd;border-radius:4px}.search-box[data-v-4829ae9a]{display:flex;gap:10px}.search-box input[data-v-4829ae9a]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:300px}.search-btn[data-v-4829ae9a]{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.generate-btn[data-v-4829ae9a]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.batch-delete-btn[data-v-4829ae9a]{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.batch-delete-btn[data-v-4829ae9a]:disabled{background-color:#ffcdd2;color:#f44336;cursor:not-allowed}.delete-used-btn[data-v-4829ae9a]{padding:8px 16px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer}.data-table[data-v-4829ae9a]{width:100%;border-collapse:collapse;font-size:14px}.data-table th[data-v-4829ae9a],.data-table td[data-v-4829ae9a]{padding:16px 20px;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:middle}.data-table th[data-v-4829ae9a]{background-color:#f8f9fa;font-weight:600;color:#343a40;font-size:15px;border-bottom:2px solid #dee2e6;white-space:nowrap}.data-table tr[data-v-4829ae9a]:hover{background-color:#f8f9fa;transition:background-color .2s ease}.data-table tr[data-v-4829ae9a]{transition:background-color .2s ease}.status-badge[data-v-4829ae9a]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.未使用[data-v-4829ae9a]{background-color:#e3f2fd;color:#1976d2}.status-badge.已使用[data-v-4829ae9a]{background-color:#e8f5e8;color:#388e3c}.status-badge.已过期[data-v-4829ae9a]{background-color:#ffebee;color:#d32f2f}.delete-btn[data-v-4829ae9a]{padding:4px 8px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination[data-v-4829ae9a]{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:10px}.page-btn[data-v-4829ae9a]{padding:4px 8px;background-color:#f2f2f2;border:1px solid #ddd;border-radius:4px;cursor:pointer}.page-btn[data-v-4829ae9a]:disabled{cursor:not-allowed;opacity:.5}.modal[data-v-4829ae9a]{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-4829ae9a]{background-color:#fff;padding:20px;border-radius:8px;width:500px;max-width:90%}.modal-header[data-v-4829ae9a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn[data-v-4829ae9a]{background:none;border:none;font-size:24px;cursor:pointer}.form-group[data-v-4829ae9a]{margin-bottom:16px}.form-group label[data-v-4829ae9a]{display:block;margin-bottom:8px;font-weight:500}.form-group input[data-v-4829ae9a],.form-group select[data-v-4829ae9a]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.form-actions[data-v-4829ae9a]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.message-text[data-v-4829ae9a],.confirm-text[data-v-4829ae9a]{font-size:16px;line-height:1.5;margin:0;text-align:center;white-space:pre-line}.modal-footer[data-v-4829ae9a]{display:flex;justify-content:center;padding:16px;border-top:1px solid #eee;gap:10px}.cancel-btn[data-v-4829ae9a]{padding:8px 16px;background-color:#f2f2f2;border:1px solid #ddd;border-radius:4px;cursor:pointer}.confirm-btn[data-v-4829ae9a]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}@media(max-width:768px){.main-content[data-v-4829ae9a]{margin-left:0}.action-bar[data-v-4829ae9a]{flex-direction:column;align-items:flex-start;gap:10px}.search-box[data-v-4829ae9a]{width:100%}.search-box input[data-v-4829ae9a]{flex:1}.data-table[data-v-4829ae9a]{font-size:14px}.data-table th[data-v-4829ae9a],.data-table td[data-v-4829ae9a]{padding:8px}}.monitoring-management[data-v-bc402bad]{min-height:100vh;background-color:#f5f5f5}.main-content[data-v-bc402bad]{padding:20px}.container[data-v-bc402bad]{max-width:1600px;margin:0 auto;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.page-title[data-v-bc402bad]{font-size:32px;font-weight:700;margin-bottom:20px;color:#333}.action-bar[data-v-bc402bad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px}.filter-box[data-v-bc402bad]{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:4px}.filter-box select[data-v-bc402bad]{padding:10px 16px;border:none;background:transparent;cursor:pointer;outline:none;font-size:14px;color:#495057}.search-box[data-v-bc402bad]{display:flex;gap:12px;align-items:center}.search-box input[data-v-bc402bad]{padding:10px 16px;border:1px solid #dee2e6;border-radius:6px;width:350px;font-size:14px;transition:border-color .2s ease}.search-box input[data-v-bc402bad]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.search-btn[data-v-bc402bad]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.search-btn[data-v-bc402bad]:hover{background-color:#43a047}.contact-item[data-v-bc402bad]{margin-bottom:15px;padding:15px;background-color:#f8f9fa;border-radius:8px}.contact-header[data-v-bc402bad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.contact-header span[data-v-bc402bad]{font-weight:500;color:#333}.btn[data-v-bc402bad]{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.btn-sm[data-v-bc402bad]{padding:4px 8px;font-size:12px}.btn-primary[data-v-bc402bad]{background-color:#007bff;color:#fff;border-color:#007bff}.btn-primary[data-v-bc402bad]:hover{background-color:#0069d9;border-color:#0062cc}.btn-secondary[data-v-bc402bad]{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary[data-v-bc402bad]:hover{background-color:#5a6268;border-color:#545b62}.section-header[data-v-bc402bad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-hint[data-v-bc402bad]{font-size:12px;color:#6c757d;margin-top:8px}.add-btn[data-v-bc402bad]{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.add-btn[data-v-bc402bad]:hover{background-color:#1976d2}.data-table[data-v-bc402bad]{width:100%;border-collapse:collapse;font-size:14px}.data-table th[data-v-bc402bad],.data-table td[data-v-bc402bad]{padding:16px 20px;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:middle}.data-table th[data-v-bc402bad]{background-color:#f8f9fa;font-weight:600;color:#343a40;font-size:15px;border-bottom:2px solid #dee2e6;white-space:nowrap}.data-table tr[data-v-bc402bad]:hover{background-color:#f8f9fa}.data-table tr[data-v-bc402bad]{transition:background-color .2s ease}.status-badge[data-v-bc402bad]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.在线[data-v-bc402bad]{background-color:#e8f5e8;color:#388e3c}.status-badge.离线[data-v-bc402bad]{background-color:#ffebee;color:#d32f2f}.status-badge.正常[data-v-bc402bad]{background-color:#e8f5e8;color:#388e3c}.status-badge.封禁[data-v-bc402bad]{background-color:#ffebee;color:#d32f2f}.block-btn[data-v-bc402bad]{padding:8px 12px;background-color:#ff9800;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-right:10px;font-size:13px;font-weight:500;transition:background-color .2s ease}.block-btn[data-v-bc402bad]:hover{background-color:#e68a00}.unblock-btn[data-v-bc402bad]{background-color:#4caf50}.unblock-btn[data-v-bc402bad]:hover{background-color:#43a047}.view-btn[data-v-bc402bad]{padding:8px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-right:10px;font-size:13px;font-weight:500;transition:background-color .2s ease}.view-btn[data-v-bc402bad]:hover{background-color:#1976d2}.edit-btn[data-v-bc402bad]{padding:8px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-right:10px;font-size:13px;font-weight:500;transition:background-color .2s ease}.edit-btn[data-v-bc402bad]:hover{background-color:#43a047}.delete-btn[data-v-bc402bad]{padding:8px 12px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s ease}.delete-btn[data-v-bc402bad]:hover{background-color:#e53935}.pagination[data-v-bc402bad]{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:12px;padding:16px;background-color:#f8f9fa;border-radius:8px}.page-btn[data-v-bc402bad]{padding:10px 16px;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.page-btn[data-v-bc402bad]:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff}.page-btn[data-v-bc402bad]:disabled{cursor:not-allowed;opacity:.5;background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d}.pagination span[data-v-bc402bad]{font-size:14px;color:#495057;font-weight:500}.modal[data-v-bc402bad]{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-bc402bad]{background-color:#fff;padding:20px;border-radius:8px;width:500px;max-width:90%;max-height:80vh;overflow-y:auto}.view-modal[data-v-bc402bad]{width:700px;max-width:90%}.modal-header[data-v-bc402bad]{position:sticky;top:0;background-color:#fff;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #eee;z-index:10;display:flex;justify-content:space-between;align-items:center}.close-btn[data-v-bc402bad]{background:none;border:none;font-size:24px;cursor:pointer}.form-group[data-v-bc402bad]{margin-bottom:16px}.form-group label[data-v-bc402bad]{display:block;margin-bottom:8px;font-weight:500}.form-group input[data-v-bc402bad],.form-group select[data-v-bc402bad]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.form-actions[data-v-bc402bad]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-section[data-v-bc402bad]{margin-top:24px;padding-top:20px;border-top:1px solid #eee}.form-section h3[data-v-bc402bad]{margin-bottom:16px;font-size:16px;font-weight:600;color:#333}.contact-form-group[data-v-bc402bad]{display:flex;flex-direction:column;gap:16px}.form-row[data-v-bc402bad]{display:flex;gap:16px}.form-row .form-group[data-v-bc402bad]{flex:1}@media(max-width:768px){.form-row[data-v-bc402bad]{flex-direction:column}}.cancel-btn[data-v-bc402bad]{padding:8px 16px;background-color:#f2f2f2;border:1px solid #ddd;border-radius:4px;cursor:pointer}.save-btn[data-v-bc402bad]{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.monitoring-details[data-v-bc402bad]{display:flex;flex-direction:column;gap:12px}.detail-item[data-v-bc402bad]{display:flex;gap:10px}.detail-item label[data-v-bc402bad]{font-weight:500;min-width:100px}.emergency-contacts[data-v-bc402bad]{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.emergency-contacts h3[data-v-bc402bad]{margin-bottom:12px;font-size:16px;font-weight:600;color:#333}.contact-list[data-v-bc402bad]{display:flex;flex-direction:column;gap:10px}.contact-item[data-v-bc402bad]{display:flex;gap:10px;align-items:center}.contact-item label[data-v-bc402bad]{font-weight:500;min-width:80px;font-size:14px}.contact-item span[data-v-bc402bad]{font-size:14px;color:#555}.monitoring-preview[data-v-bc402bad]{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.preview-placeholder[data-v-bc402bad]{width:100%;height:300px;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px}.modal-footer[data-v-bc402bad]{display:flex;justify-content:flex-end;padding:16px;border-top:1px solid #eee;gap:10px}@media(max-width:768px){.main-content[data-v-bc402bad]{margin-left:0}.action-bar[data-v-bc402bad]{flex-direction:column;align-items:flex-start;gap:10px}.search-box[data-v-bc402bad]{width:100%}.search-box input[data-v-bc402bad]{flex:1}.data-table[data-v-bc402bad]{font-size:14px}.data-table th[data-v-bc402bad],.data-table td[data-v-bc402bad]{padding:8px}.view-modal[data-v-bc402bad]{width:90%}}.system-settings[data-v-0fa62a3e]{min-height:100vh;background-color:#f5f5f5}.main-content[data-v-0fa62a3e]{padding:20px}.container[data-v-0fa62a3e]{max-width:1200px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.page-title[data-v-0fa62a3e]{font-size:24px;margin-bottom:20px;color:#333}.settings-form[data-v-0fa62a3e]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-0fa62a3e]{background-color:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.section-title[data-v-0fa62a3e]{font-size:18px;margin-bottom:16px;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.form-grid[data-v-0fa62a3e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.form-group[data-v-0fa62a3e]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-0fa62a3e]{font-weight:500;color:#555}.form-group input[data-v-0fa62a3e],.form-group textarea[data-v-0fa62a3e]{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input[data-v-0fa62a3e]:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group textarea[data-v-0fa62a3e]{resize:vertical;min-height:80px}.form-actions[data-v-0fa62a3e]{display:flex;justify-content:flex-start;gap:12px;margin-top:20px}.save-btn[data-v-0fa62a3e]{padding:10px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.reset-btn[data-v-0fa62a3e]{padding:10px 24px;background-color:#f2f2f2;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}@media(max-width:768px){.main-content[data-v-0fa62a3e]{margin-left:0}.form-grid[data-v-0fa62a3e]{grid-template-columns:1fr}.form-actions[data-v-0fa62a3e]{flex-direction:column;gap:8px}.save-btn[data-v-0fa62a3e],.reset-btn[data-v-0fa62a3e]{width:100%}}