.app[data-v-f0df1e79]{max-width:1850px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-f0df1e79]{text-align:center;color:#333}.search-filter[data-v-f0df1e79]{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.search-filter input[data-v-f0df1e79],.search-filter select[data-v-f0df1e79]{border:1px solid #ddd;border-radius:4px;padding:8px}.search-container[data-v-f0df1e79]{display:inline-block;position:relative}.search-container input[data-v-f0df1e79]{padding-right:80px}.clear-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:4px;padding:4px 12px;font-size:12px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.add-btn[data-v-f0df1e79],.edit-btn[data-v-f0df1e79],.delete-btn[data-v-f0df1e79],.details-btn[data-v-f0df1e79],.save-btn[data-v-f0df1e79],.cancel-btn[data-v-f0df1e79],.close-btn[data-v-f0df1e79]{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.add-btn[data-v-f0df1e79],.save-btn[data-v-f0df1e79]{color:#fff;background-color:#4caf50}.edit-btn[data-v-f0df1e79]{color:#fff;background-color:#2196f3}.delete-btn[data-v-f0df1e79]{color:#fff;background-color:#f44336}.details-btn[data-v-f0df1e79]{color:#fff;background-color:#ff9800}.export-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.analytics-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.logout-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.ip-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#ff5722;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.login-container[data-v-f0df1e79]{justify-content:center;align-items:center;min-height:80vh;display:flex}.login-form[data-v-f0df1e79]{background-color:#fff;border-radius:8px;width:400px;max-width:90%;padding:40px;box-shadow:0 4px 12px #00000026}.login-form h2[data-v-f0df1e79]{color:#333;margin-bottom:20px}.login-info[data-v-f0df1e79]{background-color:#f9f9f9;border-radius:4px;margin-top:20px;padding:15px;font-size:14px}.login-info p[data-v-f0df1e79]{margin:5px 0}.login-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;width:100%;margin-top:20px;padding:10px 20px;font-size:16px}.error-message[data-v-f0df1e79]{color:red;margin-top:10px;font-size:14px}.analytics-container[data-v-f0df1e79]{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.chart-section[data-v-f0df1e79]{background-color:#f9f9f9;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.chart[data-v-f0df1e79]{width:100%;height:300px;margin-top:10px}.cancel-btn[data-v-f0df1e79],.close-btn[data-v-f0df1e79]{color:#fff;background-color:#9e9e9e}.fan-list table[data-v-f0df1e79]{border-collapse:collapse;width:100%;margin-bottom:20px}.fan-list th[data-v-f0df1e79],.fan-list td[data-v-f0df1e79]{text-align:left;border:1px solid #ddd;padding:8px}.fan-list th[data-v-f0df1e79]{background-color:#f2f2f2}.modal[data-v-f0df1e79]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-f0df1e79]{background-color:#fff;border-radius:8px;width:95%;max-width:1850px;max-height:80vh;padding:20px;overflow-y:auto}.modal-header[data-v-f0df1e79]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-actions[data-v-f0df1e79]{gap:10px;display:flex}.form-container[data-v-f0df1e79]{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.form-group[data-v-f0df1e79]{margin-bottom:0}.form-group label[data-v-f0df1e79]{margin-bottom:5px;font-weight:700;display:block}.form-group input[data-v-f0df1e79],.form-group textarea[data-v-f0df1e79]{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px}.form-group textarea[data-v-f0df1e79]{resize:vertical;min-height:100px}.checkbox-group[data-v-f0df1e79]{flex-wrap:wrap;gap:15px;margin-top:5px;display:flex}.checkbox-group label[data-v-f0df1e79]{cursor:pointer;align-items:center;gap:5px;font-weight:400;display:flex}.form-actions[data-v-f0df1e79]{gap:10px;margin-top:20px;display:flex}.company-section[data-v-f0df1e79],.question-section[data-v-f0df1e79]{margin-top:30px}.company-section h3[data-v-f0df1e79],.question-section h3[data-v-f0df1e79]{margin-bottom:10px}.empty-message[data-v-f0df1e79]{text-align:center;color:#999;background-color:#f9f9f9;border-radius:4px;padding:20px}.fan-info[data-v-f0df1e79]{background-color:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:15px}.fan-info-row[data-v-f0df1e79]{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.fan-info p[data-v-f0df1e79]{margin:5px 0}@media (width<=768px){.fan-info-row[data-v-f0df1e79]{grid-template-columns:1fr}}.ip-management[data-v-f0df1e79]{margin-top:20px}.ip-actions[data-v-f0df1e79]{gap:10px;margin-bottom:20px;display:flex}.refresh-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.unblock-all-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.unblock-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;padding:6px 12px;font-size:12px}.ip-table[data-v-f0df1e79]{border-collapse:collapse;width:100%}.ip-table th[data-v-f0df1e79],.ip-table td[data-v-f0df1e79]{text-align:left;border:1px solid #ddd;padding:10px}.access-ips-management[data-v-f0df1e79]{margin-top:20px}.access-ips-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#9c27b0;border:none;border-radius:4px;margin-right:10px;padding:8px 16px;font-size:14px}.parse-section[data-v-f0df1e79]{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:30px;padding:20px}.parse-section h3[data-v-f0df1e79]{color:#333;margin-top:0;margin-bottom:15px}.parse-section textarea[data-v-f0df1e79]{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:15px;padding:10px;font-size:14px}.parse-btn[data-v-f0df1e79]{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;padding:10px 20px;font-size:14px;transition:background-color .3s}.parse-btn[data-v-f0df1e79]:hover{background-color:#45a049}.parse-success[data-v-f0df1e79]{color:#155724;text-align:center;background-color:#d4edda;border-radius:4px;margin-top:10px;padding:10px;animation:1s ease-in-out 1s forwards fadeOut-f0df1e79}@keyframes fadeOut-f0df1e79{0%{opacity:1}to{opacity:0}}.ip-table th[data-v-f0df1e79]{background-color:#f2f2f2;font-weight:700}.ip-table tr[data-v-f0df1e79]:nth-child(2n){background-color:#f9f9f9}@media (width<=768px){.search-filter[data-v-f0df1e79]{flex-direction:column}.search-filter input[data-v-f0df1e79],.search-filter select[data-v-f0df1e79]{width:100%}.fan-list table[data-v-f0df1e79]{font-size:12px}.fan-list th[data-v-f0df1e79],.fan-list td[data-v-f0df1e79]{padding:4px}}