.admin-sidebar[data-v-5f34d1db]{width:280px;height:100vh;background:#212529;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;box-shadow:2px 0 10px #0000001a}.sidebar-header[data-v-5f34d1db]{padding:24px 20px;border-bottom:1px solid #343a40}.logo h2[data-v-5f34d1db]{margin:0;font-size:20px;font-weight:700;color:#fff}.sidebar-nav[data-v-5f34d1db]{flex:1;padding:20px 0;overflow-y:auto}.nav-list[data-v-5f34d1db]{list-style:none;margin:0;padding:0}.nav-item[data-v-5f34d1db]{margin-bottom:4px}.nav-link[data-v-5f34d1db]{display:flex;align-items:center;padding:12px 20px;color:#adb5bd;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-link[data-v-5f34d1db]:hover{background:#343a40;color:#fff;border-left-color:#6c757d}.nav-link.active[data-v-5f34d1db]{background:#343a40;color:#fff;border-left-color:#fff}.nav-link i[data-v-5f34d1db]{width:20px;margin-right:12px;font-size:16px}.nav-link span[data-v-5f34d1db]{font-size:14px;font-weight:500}.sidebar-footer[data-v-5f34d1db]{padding:20px;border-top:1px solid #343a40}.user-info[data-v-5f34d1db]{display:flex;align-items:center;margin-bottom:16px;padding:12px;background:#343a40;border-radius:8px}.user-avatar[data-v-5f34d1db]{width:40px;height:40px;background:#6c757d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.user-avatar i[data-v-5f34d1db]{font-size:18px;color:#fff}.user-details[data-v-5f34d1db]{flex:1}.user-name[data-v-5f34d1db]{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.user-email[data-v-5f34d1db]{font-size:12px;color:#adb5bd}.logout-btn[data-v-5f34d1db]{width:100%;display:flex;align-items:center;justify-content:center;padding:10px;background:transparent;border:1px solid #6c757d;color:#adb5bd;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.logout-btn[data-v-5f34d1db]:hover{background:#dc3545;border-color:#dc3545;color:#fff}.logout-btn i[data-v-5f34d1db]{margin-right:8px}@media (max-width: 768px){.admin-sidebar[data-v-5f34d1db]{width:260px;transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open[data-v-5f34d1db]{transform:translate(0)}}.admin-layout[data-v-8efdd0dc]{display:flex;min-height:100vh;background:#f8f9fa}.admin-content[data-v-8efdd0dc]{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.admin-header[data-v-8efdd0dc]{background:#fff;border-bottom:1px solid #e9ecef;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.header-left[data-v-8efdd0dc]{display:flex;align-items:center}.sidebar-toggle[data-v-8efdd0dc]{display:none;background:none;border:none;font-size:18px;color:#212529;cursor:pointer;padding:8px;margin-right:16px;border-radius:4px;transition:background .3s ease}.sidebar-toggle[data-v-8efdd0dc]:hover{background:#f8f9fa}.page-title[data-v-8efdd0dc]{margin:0;font-size:24px;font-weight:600;color:#212529}.header-right[data-v-8efdd0dc]{display:flex;align-items:center;gap:16px}.header-actions[data-v-8efdd0dc]{display:flex;align-items:center;gap:8px}.action-btn[data-v-8efdd0dc]{position:relative;background:none;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;cursor:pointer;transition:all .3s ease}.action-btn[data-v-8efdd0dc]:hover{background:#f8f9fa;color:#212529}.notification-badge[data-v-8efdd0dc]{position:absolute;top:8px;right:8px;background:#dc3545;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.user-menu[data-v-8efdd0dc]{margin-left:8px}.user-avatar[data-v-8efdd0dc]{width:40px;height:40px;background:#212529;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.user-avatar[data-v-8efdd0dc]:hover{background:#000}.admin-main[data-v-8efdd0dc]{flex:1;padding:24px;overflow-y:auto}.main-content[data-v-8efdd0dc]{max-width:1400px;margin:0 auto}@media (max-width: 768px){.admin-content[data-v-8efdd0dc]{margin-left:0}.sidebar-toggle[data-v-8efdd0dc]{display:block}.admin-header[data-v-8efdd0dc]{padding:0 16px}.page-title[data-v-8efdd0dc]{font-size:20px}.admin-main[data-v-8efdd0dc]{padding:16px}.header-actions[data-v-8efdd0dc]{gap:4px}.action-btn[data-v-8efdd0dc],.user-avatar[data-v-8efdd0dc]{width:36px;height:36px}}.dashboard-stats[data-v-724a39e4]{margin-bottom:30px}.stats-grid[data-v-724a39e4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card[data-v-724a39e4]{background:#fff;border-radius:12px;padding:24px;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;transition:all .3s ease}.stat-card[data-v-724a39e4]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.stat-icon[data-v-724a39e4]{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.stat-icon i[data-v-724a39e4]{font-size:28px;color:#fff}.stat-icon.sites[data-v-724a39e4]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.sensors[data-v-724a39e4]{background:linear-gradient(135deg,#2196f3,#1976d2)}.stat-icon.online[data-v-724a39e4]{background:linear-gradient(135deg,#4caf50,#388e3c)}.stat-icon.warning[data-v-724a39e4]{background:linear-gradient(135deg,#ffc107,#f57c00)}.stat-icon.error[data-v-724a39e4]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-content[data-v-724a39e4]{flex:1}.stat-number[data-v-724a39e4]{font-size:32px;font-weight:700;color:#212529;margin-bottom:4px;line-height:1}.stat-label[data-v-724a39e4]{font-size:14px;color:#6c757d;margin-bottom:6px;font-weight:600}.stat-desc[data-v-724a39e4]{font-size:12px;color:#adb5bd}.stat-change[data-v-724a39e4]{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.stat-change i[data-v-724a39e4]{font-size:12px}.stat-change.positive[data-v-724a39e4]{color:#28a745}.stat-change.negative[data-v-724a39e4]{color:#dc3545}@media (max-width: 768px){.stats-grid[data-v-724a39e4]{grid-template-columns:1fr}.stat-card[data-v-724a39e4]{padding:20px}.stat-icon[data-v-724a39e4]{width:56px;height:56px;margin-right:16px}.stat-icon i[data-v-724a39e4]{font-size:24px}.stat-number[data-v-724a39e4]{font-size:28px}}.dashboard-charts[data-v-234b05a6]{margin-bottom:30px}.charts-grid[data-v-234b05a6]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card[data-v-234b05a6]{background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;overflow:hidden}.chart-header[data-v-234b05a6]{padding:20px 24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.chart-header h3[data-v-234b05a6]{margin:0;font-size:18px;font-weight:700;color:#212529}.view-all-link[data-v-234b05a6]{display:flex;align-items:center;gap:6px;font-size:13px;color:#007bff;text-decoration:none;font-weight:600;transition:all .3s ease}.view-all-link[data-v-234b05a6]:hover{color:#0056b3;gap:8px}.alert-count[data-v-234b05a6]{font-size:13px;color:#6c757d;font-weight:500}.chart-content[data-v-234b05a6]{padding:0}.empty-state[data-v-234b05a6]{padding:60px 20px;text-align:center;color:#adb5bd}.empty-state i[data-v-234b05a6]{font-size:48px;margin-bottom:12px;color:#dee2e6}.empty-state p[data-v-234b05a6]{margin:0;font-size:14px}.sites-scroll[data-v-234b05a6],.alerts-scroll[data-v-234b05a6]{max-height:400px;overflow-y:auto}.site-item[data-v-234b05a6]{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:all .3s ease}.site-item[data-v-234b05a6]:last-child{border-bottom:none}.site-item[data-v-234b05a6]:hover{background:#f8f9fa}.site-icon[data-v-234b05a6]{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.site-icon i[data-v-234b05a6]{font-size:20px;color:#fff}.site-details[data-v-234b05a6]{flex:1}.site-name[data-v-234b05a6]{font-size:15px;font-weight:600;color:#212529;margin-bottom:4px}.site-location[data-v-234b05a6]{font-size:13px;color:#6c757d;margin-bottom:6px}.site-sensors[data-v-234b05a6]{display:flex;align-items:center;gap:12px;font-size:12px}.sensor-count[data-v-234b05a6]{color:#6c757d;font-weight:500}.sensor-online[data-v-234b05a6],.sensor-warning[data-v-234b05a6],.sensor-error[data-v-234b05a6]{display:flex;align-items:center;gap:4px;font-weight:600}.sensor-online[data-v-234b05a6]{color:#28a745}.sensor-warning[data-v-234b05a6]{color:#ffc107}.sensor-error[data-v-234b05a6]{color:#dc3545}.site-status[data-v-234b05a6]{font-size:24px;flex-shrink:0}.site-status.online[data-v-234b05a6]{color:#28a745}.site-status.warning[data-v-234b05a6]{color:#ffc107}.site-status.offline[data-v-234b05a6]{color:#dc3545}.alert-item[data-v-234b05a6]{display:flex;align-items:center;padding:14px 24px;border-bottom:1px solid #f1f3f4;transition:all .3s ease}.alert-item[data-v-234b05a6]:last-child{border-bottom:none}.alert-item[data-v-234b05a6]:hover{background:#f8f9fa}.alert-icon[data-v-234b05a6]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.alert-icon.warning[data-v-234b05a6]{background:#ffc10726;color:#ffc107}.alert-icon.error[data-v-234b05a6]{background:#dc354526;color:#dc3545}.alert-icon i[data-v-234b05a6]{font-size:18px}.alert-details[data-v-234b05a6]{flex:1}.alert-title[data-v-234b05a6]{font-size:14px;font-weight:600;color:#212529;margin-bottom:3px}.alert-value[data-v-234b05a6]{font-size:13px;color:#6c757d;margin-bottom:2px}.alert-time[data-v-234b05a6]{font-size:12px;color:#adb5bd}.alert-status-badge[data-v-234b05a6]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0}.alert-status-badge.warning[data-v-234b05a6]{background:#ffc10726;color:#f57c00}.alert-status-badge.error[data-v-234b05a6]{background:#dc354526;color:#dc3545}@media (max-width: 1024px){.charts-grid[data-v-234b05a6]{grid-template-columns:1fr}}@media (max-width: 768px){.chart-header[data-v-234b05a6]{padding:16px 20px}.site-item[data-v-234b05a6],.alert-item[data-v-234b05a6]{padding:12px 20px}.site-icon[data-v-234b05a6]{width:40px;height:40px;margin-right:12px}.site-icon i[data-v-234b05a6]{font-size:18px}.alert-icon[data-v-234b05a6]{width:36px;height:36px;margin-right:12px}.alert-icon i[data-v-234b05a6]{font-size:16px}}.dashboard-page[data-v-827238ac]{max-width:100%}.dashboard-header[data-v-827238ac]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d}.welcome-section h2[data-v-827238ac]{margin:0 0 8px;font-size:28px;font-weight:700;color:#212529}.welcome-section p[data-v-827238ac]{margin:0;font-size:16px;color:#6c757d;line-height:1.5}.date-section[data-v-827238ac]{text-align:right}.current-date[data-v-827238ac]{font-size:18px;font-weight:600;color:#212529;margin-bottom:4px}.current-time[data-v-827238ac]{font-size:24px;font-weight:700;color:#212529;font-family:Courier New,monospace}.dashboard-footer[data-v-827238ac]{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-top:30px}.quick-actions[data-v-827238ac],.system-status[data-v-827238ac]{background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;padding:24px}.quick-actions h3[data-v-827238ac],.system-status h3[data-v-827238ac]{margin:0 0 20px;font-size:20px;font-weight:700;color:#212529}.actions-grid[data-v-827238ac]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.quick-action-card[data-v-827238ac]{display:flex;align-items:center;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;text-decoration:none;color:inherit;cursor:pointer;transition:all .3s ease}.quick-action-card[data-v-827238ac]:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon[data-v-827238ac]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.action-icon.monitoring[data-v-827238ac]{background:linear-gradient(135deg,#667eea,#764ba2)}.action-icon.refresh[data-v-827238ac]{background:linear-gradient(135deg,#4caf50,#388e3c)}.action-icon.users[data-v-827238ac]{background:linear-gradient(135deg,#2196f3,#1976d2)}.action-icon i[data-v-827238ac]{font-size:20px;color:#fff}.rotating[data-v-827238ac]{animation:rotate-827238ac 1s linear infinite}@keyframes rotate-827238ac{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-content[data-v-827238ac]{flex:1}.action-title[data-v-827238ac]{font-size:14px;font-weight:600;color:#212529;margin-bottom:4px}.action-desc[data-v-827238ac]{font-size:12px;color:#6c757d;line-height:1.4}.status-grid[data-v-827238ac]{display:grid;gap:16px}.status-item[data-v-827238ac]{display:flex;align-items:center;padding:14px 16px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.status-item[data-v-827238ac]:hover{background:#e9ecef}.status-indicator[data-v-827238ac]{width:12px;height:12px;border-radius:50%;margin-right:12px;flex-shrink:0}.status-indicator.online[data-v-827238ac]{background:#28a745;box-shadow:0 0 8px #28a74580}.status-indicator.warning[data-v-827238ac]{background:#ffc107;box-shadow:0 0 8px #ffc10780}.status-indicator.offline[data-v-827238ac]{background:#dc3545;box-shadow:0 0 8px #dc354580}.status-label[data-v-827238ac]{flex:1;font-size:14px;color:#6c757d;font-weight:500}.status-value[data-v-827238ac]{font-size:14px;font-weight:700;color:#212529}@media (max-width: 768px){.dashboard-header[data-v-827238ac]{flex-direction:column;gap:16px}.date-section[data-v-827238ac]{text-align:left}.dashboard-footer[data-v-827238ac]{grid-template-columns:1fr;gap:20px}.actions-grid[data-v-827238ac]{grid-template-columns:1fr}.welcome-section h2[data-v-827238ac]{font-size:24px}.current-time[data-v-827238ac]{font-size:20px}}.monitoring-container[data-v-8240189c]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d}.page-header[data-v-8240189c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.page-header h2[data-v-8240189c]{margin:0;font-size:24px;font-weight:700;color:#212529}.header-actions[data-v-8240189c]{display:flex;gap:12px}.btn-refresh[data-v-8240189c],.btn-export[data-v-8240189c]{padding:10px 20px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-refresh[data-v-8240189c]:hover,.btn-export[data-v-8240189c]:hover{background:#f8f9fa;border-color:#adb5bd}.rotating[data-v-8240189c]{animation:rotate-8240189c 1s linear infinite}@keyframes rotate-8240189c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-section[data-v-8240189c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:6px}.filter-group label[data-v-8240189c]{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:6px}.filter-select[data-v-8240189c],.filter-input[data-v-8240189c]{width:calc(100% - 24px);padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#495057;background:#fff}.filter-select[data-v-8240189c]:focus,.filter-input[data-v-8240189c]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff1a}.monitoring-stats[data-v-8240189c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-8240189c]{display:flex;align-items:center;padding:20px;border-radius:8px;background:#fff;border:1px solid #e9ecef;transition:all .3s ease}.stat-card[data-v-8240189c]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card.online[data-v-8240189c]{border-left:4px solid #28a745}.stat-card.offline[data-v-8240189c]{border-left:4px solid #dc3545}.stat-card.warning[data-v-8240189c]{border-left:4px solid #ffc107}.stat-card.total[data-v-8240189c]{border-left:4px solid #007bff}.stat-icon[data-v-8240189c]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:16px;font-size:24px}.stat-card.online .stat-icon[data-v-8240189c]{background:#d4edda;color:#28a745}.stat-card.offline .stat-icon[data-v-8240189c]{background:#f8d7da;color:#dc3545}.stat-card.warning .stat-icon[data-v-8240189c]{background:#fff3cd;color:#ffc107}.stat-card.total .stat-icon[data-v-8240189c]{background:#cfe2ff;color:#007bff}.stat-content[data-v-8240189c]{flex:1}.stat-value[data-v-8240189c]{font-size:28px;font-weight:700;color:#212529;line-height:1;margin-bottom:4px}.stat-label[data-v-8240189c]{font-size:14px;color:#6c757d;font-weight:500}.table-container[data-v-8240189c]{overflow-x:auto;margin-bottom:20px}.monitoring-table[data-v-8240189c]{width:100%;border-collapse:collapse;font-size:14px}.monitoring-table thead[data-v-8240189c]{background:#f8f9fa}.monitoring-table th[data-v-8240189c]{padding:12px 16px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.monitoring-table th[data-v-8240189c]:hover{background:#e9ecef}.monitoring-table th i[data-v-8240189c]{margin-left:4px;font-size:12px;color:#adb5bd}.monitoring-table td[data-v-8240189c]{padding:12px 16px;border-bottom:1px solid #e9ecef;color:#495057}.monitoring-table tbody tr[data-v-8240189c]:hover{background:#f8f9fa}.loading-cell[data-v-8240189c],.empty-cell[data-v-8240189c]{text-align:center;padding:40px;color:#6c757d}.device-name[data-v-8240189c]{display:flex;align-items:center;gap:8px;font-weight:500}.device-name i[data-v-8240189c]{color:#6c757d}.type-badge[data-v-8240189c]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.type-badge.server[data-v-8240189c]{background:#e7f3ff;color:#06c}.type-badge.network[data-v-8240189c]{background:#e8f5e9;color:#2e7d32}.type-badge.storage[data-v-8240189c]{background:#fff3e0;color:#ef6c00}.status-badge[data-v-8240189c]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.online[data-v-8240189c]{background:#d4edda;color:#28a745}.status-badge.offline[data-v-8240189c]{background:#f8d7da;color:#dc3545}.status-badge.warning[data-v-8240189c]{background:#fff3cd;color:#856404}.metric-cell[data-v-8240189c]{display:flex;align-items:center;gap:8px}.metric-bar[data-v-8240189c]{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.metric-fill[data-v-8240189c]{height:100%;border-radius:4px;transition:width .3s ease}.metric-fill.normal[data-v-8240189c]{background:#28a745}.metric-fill.warning[data-v-8240189c]{background:#ffc107}.metric-fill.critical[data-v-8240189c]{background:#dc3545}.metric-value[data-v-8240189c]{min-width:40px;text-align:right;font-weight:500;font-size:13px}.action-buttons[data-v-8240189c]{display:flex;gap:8px}.btn-action[data-v-8240189c]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;background:#fff;color:#6c757d;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-action[data-v-8240189c]:hover{background:#007bff;border-color:#007bff;color:#fff}.pagination[data-v-8240189c]{display:flex;align-items:center;justify-content:center;gap:16px}.pagination-btn[data-v-8240189c]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .3s ease}.pagination-btn[data-v-8240189c]:hover:not(:disabled){background:#007bff;border-color:#007bff;color:#fff}.pagination-btn[data-v-8240189c]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-8240189c]{font-size:14px;font-weight:500;color:#495057;min-width:80px;text-align:center}.per-page-select[data-v-8240189c]{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;color:#495057;background:#fff;cursor:pointer}@media (max-width: 1024px){.monitoring-stats[data-v-8240189c]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.monitoring-container[data-v-8240189c]{padding:16px}.page-header[data-v-8240189c]{flex-direction:column;align-items:flex-start;gap:16px}.monitoring-stats[data-v-8240189c],.filters-section[data-v-8240189c]{grid-template-columns:1fr}.table-container[data-v-8240189c]{overflow-x:scroll}.monitoring-table[data-v-8240189c]{min-width:1200px}}.axis-chart-container[data-v-97de5ce4]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.axis-chart-container .chart-header[data-v-97de5ce4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.axis-chart-container .chart-header .chart-title[data-v-97de5ce4]{font-size:14px;font-weight:600;color:#333;margin:0}.axis-chart-container .chart-header .current-value[data-v-97de5ce4]{font-size:16px;font-weight:700;color:#007bff}.axis-chart-container .chart-wrapper[data-v-97de5ce4]{position:relative;height:250px}.axis-chart-container .chart-wrapper canvas[data-v-97de5ce4]{max-width:100%;max-height:100%}.sensor-chart-group[data-v-587a4998]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:20px;margin-bottom:24px}.sensor-chart-group .sensor-header[data-v-587a4998]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #dee2e6}.sensor-chart-group .sensor-header .sensor-info[data-v-587a4998]{display:flex;align-items:center;gap:12px}.sensor-chart-group .sensor-header .sensor-info .sensor-name[data-v-587a4998]{font-size:18px;font-weight:700;color:#212529;margin:0}.sensor-chart-group .sensor-header .sensor-info .data-count[data-v-587a4998]{font-size:12px;font-weight:500;color:#6c757d;background:#e9ecef;padding:4px 8px;border-radius:12px}.sensor-chart-group .sensor-header .collapse-toggle[data-v-587a4998]{background:none;border:none;cursor:pointer;padding:8px;color:#6c757d;font-size:16px;transition:all .2s}.sensor-chart-group .sensor-header .collapse-toggle[data-v-587a4998]:hover{color:#212529;transform:scale(1.1)}.sensor-chart-group .sensor-header .collapse-toggle[data-v-587a4998]:active{transform:scale(.95)}.sensor-chart-group .charts-container[data-v-587a4998]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1200px){.sensor-chart-group .charts-container[data-v-587a4998]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sensor-chart-group .charts-container[data-v-587a4998]{grid-template-columns:1fr}}.collapse-enter-active[data-v-587a4998],.collapse-leave-active[data-v-587a4998]{transition:all .3s ease;overflow:hidden}.collapse-enter-from[data-v-587a4998],.collapse-leave-to[data-v-587a4998]{opacity:0;max-height:0}.collapse-enter-to[data-v-587a4998],.collapse-leave-from[data-v-587a4998]{opacity:1;max-height:800px}@media (max-width: 768px){.sensor-chart-group[data-v-587a4998]{padding:16px;margin-bottom:16px}.sensor-chart-group .sensor-header .sensor-info[data-v-587a4998]{flex-direction:column;align-items:flex-start;gap:8px}.sensor-chart-group .sensor-header .sensor-info .sensor-name[data-v-587a4998]{font-size:16px}}.monitoring-chart-container[data-v-81ed8c80]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000000d}.monitoring-chart-container .no-data-message[data-v-81ed8c80]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6c757d}.monitoring-chart-container .no-data-message i[data-v-81ed8c80]{font-size:64px;margin-bottom:16px;opacity:.3}.monitoring-chart-container .no-data-message p[data-v-81ed8c80]{font-size:16px;font-weight:500;margin:0}.monitoring-chart-container .sensor-charts-wrapper[data-v-81ed8c80]{display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.monitoring-chart-container[data-v-81ed8c80]{padding:16px}.monitoring-chart-container .sensor-charts-wrapper[data-v-81ed8c80]{gap:16px}}.site-detail-container[data-v-8e9515d5]{background:#f8f9fa;min-height:100vh;padding:24px}.page-header[data-v-8e9515d5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.page-header h2[data-v-8e9515d5]{flex:1;margin:0 20px;font-size:28px;font-weight:700;color:#212529}.btn-back[data-v-8e9515d5],.btn-refresh[data-v-8e9515d5]{padding:12px 24px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-back[data-v-8e9515d5]:hover{background:#f8f9fa;border-color:#adb5bd}.btn-refresh[data-v-8e9515d5]:hover{background:#007bff;border-color:#007bff;color:#fff}.header-actions[data-v-8e9515d5]{display:flex;align-items:center;gap:12px}.refresh-interval-selector[data-v-8e9515d5]{display:flex;align-items:center;gap:8px}.refresh-interval-selector label[data-v-8e9515d5]{font-size:14px;font-weight:600;color:#495057;white-space:nowrap}.refresh-interval-select[data-v-8e9515d5]{padding:10px 16px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:80px}.refresh-interval-select[data-v-8e9515d5]:hover{border-color:#adb5bd;background:#f8f9fa}.refresh-interval-select[data-v-8e9515d5]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.rotating[data-v-8e9515d5]{animation:rotate-8e9515d5 1s linear infinite}@keyframes rotate-8e9515d5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conveyor-image-section[data-v-8e9515d5]{width:100%;margin-bottom:24px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.conveyor-image[data-v-8e9515d5]{width:100%;height:auto;display:block}.site-info-bar[data-v-8e9515d5]{display:flex;flex-wrap:wrap;gap:24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;align-items:center}.info-item[data-v-8e9515d5]{display:flex;align-items:center;gap:8px;font-size:14px}.info-label[data-v-8e9515d5]{font-weight:600;color:#6c757d}.info-value[data-v-8e9515d5]{color:#212529}.info-value strong.success[data-v-8e9515d5]{color:#28a745}.info-value strong.warning[data-v-8e9515d5]{color:#ffc107}.info-value strong.error[data-v-8e9515d5]{color:#dc3545}.status-badge[data-v-8e9515d5]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.online[data-v-8e9515d5]{background:#d4edda;color:#28a745}.status-badge.warning[data-v-8e9515d5]{background:#fff3cd;color:#856404}.status-badge.error[data-v-8e9515d5]{background:#f8d7da;color:#dc3545}.chart-full-width[data-v-8e9515d5]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;min-height:800px}.section-header[data-v-8e9515d5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.section-header h3[data-v-8e9515d5]{margin:0;font-size:20px;font-weight:700;color:#212529}.selected-sensor-label[data-v-8e9515d5]{color:#007bff;font-size:18px;font-weight:600;margin-left:8px}.last-update[data-v-8e9515d5]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.time-range-selector[data-v-8e9515d5]{display:flex;gap:6px;flex-wrap:wrap}.time-range-btn[data-v-8e9515d5]{padding:6px 12px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.time-range-btn[data-v-8e9515d5]:hover{background:#f8f9fa}.time-range-btn.active[data-v-8e9515d5]{background:#007bff;border-color:#007bff;color:#fff}@media (max-width: 768px){.site-detail-container[data-v-8e9515d5]{padding:16px}.page-header[data-v-8e9515d5]{flex-direction:column;align-items:flex-start;gap:16px}.page-header h2[data-v-8e9515d5]{margin:0}.site-info-bar[data-v-8e9515d5]{flex-direction:column;align-items:flex-start;gap:12px}.chart-full-width[data-v-8e9515d5]{padding:16px;min-height:600px}.time-range-selector[data-v-8e9515d5]{width:100%}.time-range-btn[data-v-8e9515d5]{flex:1;text-align:center}.section-header[data-v-8e9515d5]{flex-direction:column;align-items:flex-start;gap:12px}}.modal-overlay[data-v-49bb46f9]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-49bb46f9]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-49bb46f9]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-49bb46f9]{margin:0;font-size:20px;font-weight:700;color:#212529}.btn-close[data-v-49bb46f9]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f8f9fa;color:#6c757d;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-close[data-v-49bb46f9]:hover{background:#e9ecef;color:#495057}.modal-body[data-v-49bb46f9]{padding:24px}.form-group[data-v-49bb46f9]{margin-bottom:20px}.form-label[data-v-49bb46f9]{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.required[data-v-49bb46f9]{color:#dc3545}.form-input[data-v-49bb46f9]{width:calc(100% - 28px);padding:12px 14px;border:1px solid #ced4da;border-radius:6px;font-size:14px;color:#495057;transition:all .3s ease}.form-input[data-v-49bb46f9]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input.is-invalid[data-v-49bb46f9]{border-color:#dc3545}.form-input[data-v-49bb46f9]:-moz-read-only{background-color:#f8f9fa;cursor:default}.form-input[data-v-49bb46f9]:read-only{background-color:#f8f9fa;cursor:default}.input-group[data-v-49bb46f9]{display:flex;gap:8px}.input-group .form-input[data-v-49bb46f9]{flex:1}.btn-search-address[data-v-49bb46f9]{padding:12px 20px;border:1px solid #007bff;background:#007bff;color:#fff;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-search-address[data-v-49bb46f9]:hover{background:#0056b3;border-color:#0056b3}.error-message[data-v-49bb46f9]{margin-top:6px;font-size:13px;color:#dc3545}.alert-error[data-v-49bb46f9]{padding:12px 16px;background:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;color:#842029;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.modal-footer[data-v-49bb46f9]{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef}.btn-cancel[data-v-49bb46f9],.btn-submit[data-v-49bb46f9]{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-49bb46f9]{border:1px solid #dee2e6;background:#fff;color:#495057}.btn-cancel[data-v-49bb46f9]:hover:not(:disabled){background:#f8f9fa}.btn-submit[data-v-49bb46f9]{border:1px solid #007bff;background:#007bff;color:#fff;min-width:80px}.btn-submit[data-v-49bb46f9]:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.btn-cancel[data-v-49bb46f9]:disabled,.btn-submit[data-v-49bb46f9]:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active[data-v-49bb46f9],.modal-leave-active[data-v-49bb46f9]{transition:opacity .3s ease}.modal-enter-from[data-v-49bb46f9],.modal-leave-to[data-v-49bb46f9]{opacity:0}.modal-enter-active .modal-container[data-v-49bb46f9],.modal-leave-active .modal-container[data-v-49bb46f9]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-49bb46f9],.modal-leave-to .modal-container[data-v-49bb46f9]{transform:scale(.9)}@media (max-width: 576px){.modal-container[data-v-49bb46f9]{max-width:100%}.input-group[data-v-49bb46f9]{flex-direction:column}.btn-search-address[data-v-49bb46f9]{width:100%;justify-content:center}}.site-list-container[data-v-9d098bfd]{background:#f8f9fa;min-height:100vh;padding:24px}.page-header[data-v-9d098bfd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.page-header h2[data-v-9d098bfd]{margin:0;font-size:28px;font-weight:700;color:#212529}.header-actions[data-v-9d098bfd]{display:flex;gap:12px}.btn-add-site[data-v-9d098bfd],.btn-refresh[data-v-9d098bfd]{padding:12px 24px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-add-site[data-v-9d098bfd]{background:#007bff;border-color:#007bff;color:#fff}.btn-add-site[data-v-9d098bfd]:hover{background:#0056b3;border-color:#0056b3}.btn-refresh[data-v-9d098bfd]:hover{background:#007bff;border-color:#007bff;color:#fff}.rotating[data-v-9d098bfd]{animation:rotate-9d098bfd 1s linear infinite}@keyframes rotate-9d098bfd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-section[data-v-9d098bfd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.filter-group label[data-v-9d098bfd]{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.filter-select[data-v-9d098bfd],.filter-input[data-v-9d098bfd]{width:calc(100% - 28px);padding:10px 14px;border:1px solid #ced4da;border-radius:8px;font-size:14px;color:#495057;background:#fff;transition:all .3s ease}.filter-select[data-v-9d098bfd]:focus,.filter-input[data-v-9d098bfd]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.loading-state[data-v-9d098bfd],.empty-state[data-v-9d098bfd]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.loading-state i[data-v-9d098bfd],.empty-state i[data-v-9d098bfd]{font-size:48px;color:#adb5bd;margin-bottom:16px}.loading-state p[data-v-9d098bfd],.empty-state p[data-v-9d098bfd]{font-size:16px;color:#6c757d;margin:0}.sites-grid[data-v-9d098bfd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.site-card[data-v-9d098bfd]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer}.site-card[data-v-9d098bfd]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.site-thumbnail[data-v-9d098bfd]{position:relative;width:100%;height:200px;background:#f8f9fa;overflow:hidden}.site-thumbnail img[data-v-9d098bfd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-placeholder[data-v-9d098bfd]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.thumbnail-placeholder i[data-v-9d098bfd]{font-size:64px;opacity:.8}.site-status-badge[data-v-9d098bfd]{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-status-badge.online[data-v-9d098bfd]{background:#28a745e6;color:#fff}.site-status-badge.warning[data-v-9d098bfd]{background:#ffc107e6;color:#212529}.site-status-badge.offline[data-v-9d098bfd]{background:#dc3545e6;color:#fff}.site-info[data-v-9d098bfd]{padding:20px}.site-name[data-v-9d098bfd]{font-size:20px;font-weight:700;color:#212529;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-meta[data-v-9d098bfd]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item[data-v-9d098bfd]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.meta-item i[data-v-9d098bfd]{width:16px;color:#adb5bd}.site-stats[data-v-9d098bfd]{display:flex;gap:16px;padding-top:16px;border-top:1px solid #e9ecef}.stat-item[data-v-9d098bfd]{flex:1;display:flex;flex-direction:column;gap:4px;text-align:center}.stat-label[data-v-9d098bfd]{font-size:12px;color:#6c757d;font-weight:500}.stat-value[data-v-9d098bfd]{font-size:18px;font-weight:700;color:#212529}.stat-value.success[data-v-9d098bfd]{color:#28a745}.stat-value.error[data-v-9d098bfd]{color:#dc3545}@media (max-width: 768px){.site-list-container[data-v-9d098bfd]{padding:16px}.page-header[data-v-9d098bfd]{flex-direction:column;align-items:flex-start;gap:16px}.sites-grid[data-v-9d098bfd],.filters-section[data-v-9d098bfd]{grid-template-columns:1fr}}.user-detail-container[data-v-ce52ef45]{background:#f8f9fa;min-height:100vh;padding:24px}.page-header[data-v-ce52ef45]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.page-header h2[data-v-ce52ef45]{flex:1;margin:0 20px;font-size:28px;font-weight:700;color:#212529}.btn-back[data-v-ce52ef45],.btn-delete[data-v-ce52ef45]{padding:12px 24px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-back[data-v-ce52ef45]:hover{background:#f8f9fa;border-color:#adb5bd}.btn-delete[data-v-ce52ef45]{background:#dc3545;border-color:#dc3545;color:#fff}.btn-delete[data-v-ce52ef45]:hover{background:#c82333;border-color:#c82333}.user-info-card[data-v-ce52ef45],.password-change-card[data-v-ce52ef45]{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.card-header[data-v-ce52ef45]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.card-header h3[data-v-ce52ef45]{margin:0;font-size:20px;font-weight:700;color:#212529}.user-id[data-v-ce52ef45]{font-size:14px;color:#6c757d;font-weight:500;background:#f8f9fa;padding:6px 12px;border-radius:6px}.hint-text[data-v-ce52ef45]{font-size:13px;color:#6c757d;font-style:italic}.card-body[data-v-ce52ef45]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group[data-v-ce52ef45]{display:flex;flex-direction:column}.form-group label[data-v-ce52ef45]{font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.form-input[data-v-ce52ef45]{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#495057;transition:all .3s ease}.form-input[data-v-ce52ef45]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff1a}.form-input[data-v-ce52ef45]:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.error-message[data-v-ce52ef45]{color:#dc3545;font-size:13px;margin-top:6px}.form-actions[data-v-ce52ef45]{display:flex;justify-content:flex-end;gap:12px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.btn-cancel[data-v-ce52ef45],.btn-save[data-v-ce52ef45]{padding:12px 32px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-ce52ef45]{background:#fff;border:1px solid #dee2e6;color:#495057}.btn-cancel[data-v-ce52ef45]:hover{background:#f8f9fa}.btn-save[data-v-ce52ef45]{background:#007bff;border:1px solid #007bff;color:#fff;display:flex;align-items:center;gap:8px}.btn-save[data-v-ce52ef45]:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.btn-save[data-v-ce52ef45]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.user-detail-container[data-v-ce52ef45]{padding:16px}.page-header[data-v-ce52ef45]{flex-direction:column;align-items:flex-start;gap:16px}.page-header h2[data-v-ce52ef45]{margin:0}.card-body[data-v-ce52ef45]{grid-template-columns:1fr}}.users-container[data-v-6a26d809]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000000d}.page-header[data-v-6a26d809]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.page-header h2[data-v-6a26d809]{margin:0;font-size:24px;font-weight:700;color:#212529}.header-actions[data-v-6a26d809]{display:flex;gap:12px}.btn-refresh[data-v-6a26d809],.btn-create[data-v-6a26d809]{padding:10px 20px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-refresh[data-v-6a26d809]:hover{background:#f8f9fa;border-color:#adb5bd}.btn-create[data-v-6a26d809]{background:#007bff;color:#fff;border-color:#007bff}.btn-create[data-v-6a26d809]:hover{background:#0056b3;border-color:#0056b3}.rotating[data-v-6a26d809]{animation:rotate-6a26d809 1s linear infinite}@keyframes rotate-6a26d809{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-section[data-v-6a26d809]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:6px}.filter-group label[data-v-6a26d809]{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:6px}.filter-input[data-v-6a26d809]{width:calc(100% - 24px);padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#495057;background:#fff}.filter-input[data-v-6a26d809]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff1a}.table-container[data-v-6a26d809]{overflow-x:auto;margin-bottom:20px}.users-table[data-v-6a26d809]{width:100%;border-collapse:collapse;font-size:14px}.users-table thead[data-v-6a26d809]{background:#f8f9fa}.users-table th[data-v-6a26d809]{padding:12px 16px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.users-table td[data-v-6a26d809]{padding:12px 16px;border-bottom:1px solid #e9ecef;color:#495057}.user-row[data-v-6a26d809]{cursor:pointer;transition:background .2s ease}.user-row[data-v-6a26d809]:hover{background:#f8f9fa}.loading-cell[data-v-6a26d809],.empty-cell[data-v-6a26d809]{text-align:center;padding:40px;color:#6c757d}.action-buttons[data-v-6a26d809]{display:flex;gap:8px}.btn-action[data-v-6a26d809]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;background:#fff;color:#6c757d;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-action[data-v-6a26d809]:hover{background:#007bff;border-color:#007bff;color:#fff}.btn-action.btn-danger[data-v-6a26d809]:hover{background:#dc3545;border-color:#dc3545;color:#fff}.pagination[data-v-6a26d809]{display:flex;align-items:center;justify-content:center;gap:16px}.pagination-btn[data-v-6a26d809]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;transition:all .3s ease}.pagination-btn[data-v-6a26d809]:hover:not(:disabled){background:#007bff;border-color:#007bff;color:#fff}.pagination-btn[data-v-6a26d809]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-6a26d809]{font-size:14px;font-weight:500;color:#495057;min-width:80px;text-align:center}.modal-overlay[data-v-6a26d809]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-6a26d809]{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 10px 40px #0003}.modal-header[data-v-6a26d809]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-6a26d809]{margin:0;font-size:20px;font-weight:700;color:#212529}.btn-close[data-v-6a26d809]{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.btn-close[data-v-6a26d809]:hover{background:#f8f9fa;color:#212529}.modal-body[data-v-6a26d809]{padding:24px}.form-group[data-v-6a26d809]{margin-bottom:20px}.form-group label[data-v-6a26d809]{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.form-input[data-v-6a26d809]{width:calc(100% - 24px);padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#495057;transition:all .3s ease}.form-input[data-v-6a26d809]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff1a}.error-message[data-v-6a26d809]{display:block;color:#dc3545;font-size:13px;margin-top:6px}.modal-footer[data-v-6a26d809]{padding:16px 24px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-6a26d809],.btn-submit[data-v-6a26d809]{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-6a26d809]{background:#fff;border:1px solid #dee2e6;color:#495057}.btn-cancel[data-v-6a26d809]:hover{background:#f8f9fa}.btn-submit[data-v-6a26d809]{background:#007bff;border:1px solid #007bff;color:#fff}.btn-submit[data-v-6a26d809]:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.btn-submit[data-v-6a26d809]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.users-container[data-v-6a26d809]{padding:16px}.page-header[data-v-6a26d809]{flex-direction:column;align-items:flex-start;gap:16px}.table-container[data-v-6a26d809]{overflow-x:scroll}.users-table[data-v-6a26d809]{min-width:600px}}.find-id-container[data-v-ea82df54]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.find-id-card[data-v-ea82df54]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;padding:40px;width:100%;max-width:400px}.find-id-header[data-v-ea82df54]{text-align:center;margin-bottom:30px}.find-id-header h1[data-v-ea82df54]{font-size:28px;font-weight:700;color:#212529;margin-bottom:8px}.find-id-header p[data-v-ea82df54]{color:#6c757d;font-size:14px;line-height:1.5}.find-id-form[data-v-ea82df54],.form-group[data-v-ea82df54]{margin-bottom:20px}.form-group label[data-v-ea82df54]{display:block;margin-bottom:6px;font-weight:600;color:#212529;font-size:14px}.form-group input[data-v-ea82df54]{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:4px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-group input[data-v-ea82df54]:focus{outline:none;border-color:#212529;box-shadow:0 0 0 2px #2125291a}.form-group input.error[data-v-ea82df54]{border-color:#dc3545}.error-message[data-v-ea82df54]{color:#dc3545;font-size:12px;margin-top:4px;display:block}.find-button[data-v-ea82df54]{width:100%;background:#212529;color:#fff;border:none;padding:14px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.find-button[data-v-ea82df54]:hover:not(:disabled){background:#000;transform:translateY(-1px)}.find-button[data-v-ea82df54]:disabled{opacity:.6;cursor:not-allowed;transform:none}.general-error[data-v-ea82df54]{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;border:1px solid #f5c6cb;margin-top:16px;font-size:14px;text-align:center}.result-section[data-v-ea82df54]{text-align:center;margin-bottom:20px}.success-icon[data-v-ea82df54]{width:60px;height:60px;background:#212529;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.result-section h3[data-v-ea82df54]{color:#212529;margin-bottom:20px;font-size:20px}.found-info[data-v-ea82df54]{background:#f8f9fa;padding:20px;border-radius:4px;border:1px solid #e9ecef;margin-bottom:20px;text-align:left}.found-info p[data-v-ea82df54]{margin-bottom:8px;color:#6c757d}.found-info strong[data-v-ea82df54]{color:#212529}.result-actions[data-v-ea82df54]{display:flex;gap:10px;flex-direction:column}.login-link[data-v-ea82df54],.find-password-link[data-v-ea82df54]{padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;transition:transform .2s ease}.login-link[data-v-ea82df54]{background:#212529;color:#fff}.find-password-link[data-v-ea82df54]{background:#fff;color:#212529;border:1px solid #212529}.login-link[data-v-ea82df54]:hover{background:#000;transform:translateY(-1px)}.find-password-link[data-v-ea82df54]:hover{background:#f8f9fa;transform:translateY(-1px)}.back-link[data-v-ea82df54]{text-align:center;padding-top:20px;border-top:1px solid #e9ecef}.link[data-v-ea82df54]{color:#212529;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.link[data-v-ea82df54]:hover{color:#000;text-decoration:underline}.find-password-container[data-v-3e1d842c]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.find-password-card[data-v-3e1d842c]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;padding:40px;width:100%;max-width:400px}.find-password-header[data-v-3e1d842c]{text-align:center;margin-bottom:30px}.find-password-header h1[data-v-3e1d842c]{font-size:28px;font-weight:700;color:#212529;margin-bottom:8px}.find-password-header p[data-v-3e1d842c]{color:#6c757d;font-size:14px;line-height:1.5}.find-password-form[data-v-3e1d842c],.form-group[data-v-3e1d842c]{margin-bottom:20px}.form-group label[data-v-3e1d842c]{display:block;margin-bottom:6px;font-weight:600;color:#212529;font-size:14px}.form-group input[data-v-3e1d842c]{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:4px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-group input[data-v-3e1d842c]:focus{outline:none;border-color:#212529;box-shadow:0 0 0 2px #2125291a}.form-group input.error[data-v-3e1d842c]{border-color:#dc3545}.error-message[data-v-3e1d842c]{color:#dc3545;font-size:12px;margin-top:4px;display:block}.find-button[data-v-3e1d842c]{width:100%;background:#212529;color:#fff;border:none;padding:14px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.find-button[data-v-3e1d842c]:hover:not(:disabled){background:#000;transform:translateY(-1px)}.find-button[data-v-3e1d842c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.general-error[data-v-3e1d842c]{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;border:1px solid #f5c6cb;margin-top:16px;font-size:14px;text-align:center}.result-section[data-v-3e1d842c]{text-align:center;margin-bottom:20px}.success-icon[data-v-3e1d842c]{font-size:48px;margin-bottom:20px}.result-section h3[data-v-3e1d842c]{color:#212529;margin-bottom:20px;font-size:20px}.success-message[data-v-3e1d842c]{background:#f8f9fa;padding:20px;border-radius:4px;border:1px solid #e9ecef;margin-bottom:20px;text-align:left}.success-message p[data-v-3e1d842c]{margin-bottom:8px;color:#6c757d;line-height:1.5}.email-info[data-v-3e1d842c]{background:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #e9ecef;margin-bottom:20px}.email-info p[data-v-3e1d842c]{margin:0;color:#6c757d}.email-info strong[data-v-3e1d842c]{color:#212529}.result-actions[data-v-3e1d842c]{display:flex;gap:10px;flex-direction:column}.resend-button[data-v-3e1d842c],.login-link[data-v-3e1d842c]{padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;transition:transform .2s ease;cursor:pointer}.resend-button[data-v-3e1d842c]{background:#fff;color:#212529;border:1px solid #212529}.login-link[data-v-3e1d842c]{background:#212529;color:#fff}.resend-button[data-v-3e1d842c]:hover:not(:disabled){background:#f8f9fa;transform:translateY(-1px)}.login-link[data-v-3e1d842c]:hover{background:#000;transform:translateY(-1px)}.resend-button[data-v-3e1d842c]:disabled{opacity:.7;cursor:not-allowed}.back-link[data-v-3e1d842c]{text-align:center;padding-top:20px;border-top:1px solid #e9ecef}.link[data-v-3e1d842c]{color:#212529;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.link[data-v-3e1d842c]:hover{color:#000;text-decoration:underline}.login-container[data-v-038fe9b5]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.login-card[data-v-038fe9b5]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;padding:40px;width:100%;max-width:400px}.login-header[data-v-038fe9b5]{text-align:center;margin-bottom:30px}.login-header h1[data-v-038fe9b5]{font-size:28px;font-weight:700;color:#212529;margin-bottom:8px}.login-header p[data-v-038fe9b5]{color:#6c757d;font-size:14px}.login-form[data-v-038fe9b5],.form-group[data-v-038fe9b5]{margin-bottom:20px}.form-group label[data-v-038fe9b5]{display:block;margin-bottom:6px;font-weight:600;color:#212529;font-size:14px}.form-group input[data-v-038fe9b5]{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:4px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-group input[data-v-038fe9b5]:focus{outline:none;border-color:#212529;box-shadow:0 0 0 2px #2125291a}.form-group input.error[data-v-038fe9b5]{border-color:#dc3545}.error-message[data-v-038fe9b5]{color:#dc3545;font-size:12px;margin-top:4px;display:block}.form-options[data-v-038fe9b5]{margin-bottom:24px}.remember-me[data-v-038fe9b5]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#6c757d}.remember-me input[data-v-038fe9b5]{margin-right:8px;width:auto}.login-button[data-v-038fe9b5]{width:100%;background:#212529;color:#fff;border:none;padding:14px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button[data-v-038fe9b5]:hover:not(:disabled){background:#000;transform:translateY(-1px)}.login-button[data-v-038fe9b5]:disabled{opacity:.6;cursor:not-allowed;transform:none}.general-error[data-v-038fe9b5]{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;border:1px solid #f5c6cb;margin-top:16px;font-size:14px;text-align:center}.login-links[data-v-038fe9b5]{text-align:center;padding-top:20px;border-top:1px solid #e9ecef}.link[data-v-038fe9b5]{color:#212529;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.link[data-v-038fe9b5]:hover{color:#000;text-decoration:underline}.divider[data-v-038fe9b5]{margin:0 12px;color:#adb5bd}.reset-password-container[data-v-ceb158ed]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.reset-password-card[data-v-ceb158ed]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;padding:40px;width:100%;max-width:400px}.reset-password-header[data-v-ceb158ed]{text-align:center;margin-bottom:30px}.reset-password-header h1[data-v-ceb158ed]{font-size:28px;font-weight:700;color:#212529;margin-bottom:8px}.reset-password-header p[data-v-ceb158ed]{color:#6c757d;font-size:14px;line-height:1.5}.reset-password-form[data-v-ceb158ed],.form-group[data-v-ceb158ed]{margin-bottom:20px}.form-group label[data-v-ceb158ed]{display:block;margin-bottom:6px;font-weight:600;color:#212529;font-size:14px}.form-group input[data-v-ceb158ed]{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:4px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-group input[data-v-ceb158ed]:focus{outline:none;border-color:#212529;box-shadow:0 0 0 2px #2125291a}.form-group input.error[data-v-ceb158ed]{border-color:#dc3545}.error-message[data-v-ceb158ed]{color:#dc3545;font-size:12px;margin-top:4px;display:block}.password-requirements[data-v-ceb158ed]{background:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #e9ecef;margin-bottom:20px}.password-requirements h4[data-v-ceb158ed]{margin:0 0 10px;font-size:14px;color:#212529}.password-requirements ul[data-v-ceb158ed]{margin:0;padding-left:20px;list-style:none}.password-requirements li[data-v-ceb158ed]{font-size:12px;color:#6c757d;margin-bottom:4px;position:relative}.password-requirements li[data-v-ceb158ed]:before{content:"✗";color:#dc3545;font-weight:700;position:absolute;left:-15px}.password-requirements li.valid[data-v-ceb158ed]:before{content:"✓";color:#212529}.password-requirements li.valid[data-v-ceb158ed]{color:#212529}.reset-button[data-v-ceb158ed]{width:100%;background:#212529;color:#fff;border:none;padding:14px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button[data-v-ceb158ed]:hover:not(:disabled){background:#000;transform:translateY(-1px)}.reset-button[data-v-ceb158ed]:disabled{opacity:.6;cursor:not-allowed;transform:none}.general-error[data-v-ceb158ed]{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;border:1px solid #f5c6cb;margin-top:16px;font-size:14px;text-align:center}.result-section[data-v-ceb158ed]{text-align:center;margin-bottom:20px}.success-icon[data-v-ceb158ed]{width:60px;height:60px;background:#212529;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.result-section h3[data-v-ceb158ed]{color:#212529;margin-bottom:20px;font-size:20px}.success-message[data-v-ceb158ed]{background:#f8f9fa;padding:20px;border-radius:4px;border:1px solid #e9ecef;margin-bottom:20px;text-align:left}.success-message p[data-v-ceb158ed]{margin-bottom:8px;color:#6c757d;line-height:1.5}.result-actions[data-v-ceb158ed]{display:flex;gap:10px;flex-direction:column}.login-link[data-v-ceb158ed]{padding:12px 20px;border-radius:4px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;background:#212529;color:#fff}.login-link[data-v-ceb158ed]:hover{background:#000;transform:translateY(-1px)}.back-link[data-v-ceb158ed]{text-align:center;padding-top:20px;border-top:1px solid #e9ecef}.link[data-v-ceb158ed]{color:#212529;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.link[data-v-ceb158ed]:hover{color:#000;text-decoration:underline}