html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;height:100%;width:100%}#app{height:100%;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}input,button{font-family:inherit;font-size:inherit}button{border:none;outline:none;background:none;cursor:pointer}input{outline:none;border:1px solid #ddd}@media (max-width: 768px){#app{padding:.5rem}.app-container{padding:1rem!important;width:100%!important;max-width:100%!important}h1{font-size:1.5rem}.login-form,.register-form{padding:1rem!important}.form-group{margin-bottom:1rem!important}input,button{padding:.6rem!important;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{animation:fadeIn .5s ease-out}input:focus-within{transition:all .3s ease}button:hover{transition:all .3s ease}.loading{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-form[data-v-4910b356]{width:100%;max-width:500px;margin:0 auto;padding:2.5rem;border-radius:12px;background-color:#fff;box-shadow:0 4px 20px #0000000d}.form-group[data-v-4910b356]{margin-bottom:2rem}label[data-v-4910b356]{display:block;margin-bottom:.75rem;font-weight:600;color:#555;font-size:1.1rem}input[data-v-4910b356]{width:100%;padding:1rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;transition:all .3s ease;background-color:#fafafa}input[data-v-4910b356]:focus{outline:none;border-color:#1976d2;background-color:#fff;box-shadow:0 0 0 3px #1976d21a}.btn-primary[data-v-4910b356]{width:100%;padding:1rem 1.5rem;background-color:#1976d2;color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #1976d233}.btn-primary[data-v-4910b356]:hover{background-color:#1565c0;transform:translateY(-2px);box-shadow:0 6px 15px #1976d24d}.btn-primary[data-v-4910b356]:active{transform:translateY(0)}.error-message[data-v-4910b356]{color:#d32f2f;margin-bottom:1.5rem;font-size:1rem;padding:.75rem;background-color:#ffebee;border-radius:6px;border-left:4px solid #d32f2f}.switch-form[data-v-4910b356]{margin-top:2rem;text-align:center;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border-top:1px solid #e9ecef}.switch-form p[data-v-4910b356]{margin-bottom:1rem;font-size:1.1rem;color:#6c757d}.login-button[data-v-4910b356]{margin-bottom:1.5rem}.switch-btn[data-v-4910b356]{background:none;border:2px solid #1976d2;color:#1976d2;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;border-radius:8px;transition:all .3s ease;width:100%}.switch-btn[data-v-4910b356]:hover{background-color:#1976d2;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #1976d233}.switch-btn[data-v-4910b356]:active{transform:translateY(0)}@media (min-width: 1920px){.login-form[data-v-4910b356]{max-width:600px;padding:3rem}input[data-v-4910b356]{font-size:1.2rem;padding:1.25rem 1.5rem}.btn-primary[data-v-4910b356]{font-size:1.3rem;padding:1.25rem 2rem}label[data-v-4910b356]{font-size:1.2rem}}@media (max-width: 768px){.login-form[data-v-4910b356]{padding:1.5rem}.form-group[data-v-4910b356]{margin-bottom:1.5rem}}.register-form[data-v-4514a7fc]{width:100%;max-width:500px;margin:0 auto;padding:2.5rem;border-radius:12px;background-color:#fff;box-shadow:0 4px 20px #0000000d}.form-group[data-v-4514a7fc]{margin-bottom:2rem;text-align:left}label[data-v-4514a7fc]{display:block;margin-bottom:.75rem;font-weight:600;color:#555;font-size:1.1rem}input[data-v-4514a7fc]{width:100%;padding:1rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;transition:all .3s ease;background-color:#fafafa}input[data-v-4514a7fc]:focus{outline:none;border-color:#1976d2;background-color:#fff;box-shadow:0 0 0 3px #1976d21a}.register-button[data-v-4514a7fc]{margin-bottom:1.5rem}.switch-btn[data-v-4514a7fc]{background:none;border:2px solid #1976d2;color:#1976d2;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;border-radius:8px;transition:all .3s ease;width:100%}.switch-btn[data-v-4514a7fc]:hover{background-color:#1976d2;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #1976d233}.switch-btn[data-v-4514a7fc]:active{transform:translateY(0)}@media (min-width: 1920px){.register-form[data-v-4514a7fc]{max-width:600px;padding:3rem}input[data-v-4514a7fc]{font-size:1.2rem;padding:1.25rem 1.5rem}.register-submit-btn[data-v-4514a7fc],.back-btn[data-v-4514a7fc]{font-size:1.3rem;padding:1.25rem 2rem}label[data-v-4514a7fc]{font-size:1.2rem}}@media (max-width: 768px){.register-form[data-v-4514a7fc]{padding:1.5rem}.form-group[data-v-4514a7fc]{margin-bottom:1.5rem}}.realtime-report-container[data-v-fdeef489]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;margin:2rem 0;overflow:hidden;position:relative}.report-header[data-v-fdeef489]{background-color:#1976d2;color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.report-header h2[data-v-fdeef489]{margin:0;font-size:1.8rem;font-weight:600}.close-btn[data-v-fdeef489]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-btn[data-v-fdeef489]:hover{background-color:#fff3}.query-section[data-v-fdeef489]{padding:1.5rem 2rem;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.query-form[data-v-fdeef489]{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end}.form-group[data-v-fdeef489]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-fdeef489]{font-weight:500;color:#555;font-size:.9rem}.form-control[data-v-fdeef489]{padding:.75rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-control[data-v-fdeef489]:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.query-btn[data-v-fdeef489],.export-btn[data-v-fdeef489]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.btn-primary[data-v-fdeef489]{background-color:#1976d2;color:#fff}.btn-primary[data-v-fdeef489]:hover{background-color:#1565c0;transform:translateY(-1px);box-shadow:0 4px 10px #1976d24d}.btn-secondary[data-v-fdeef489]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-fdeef489]:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 10px #6c757d4d}.btn-secondary[data-v-fdeef489]:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.report-content[data-v-fdeef489]{padding:2rem;min-height:400px}.loading-state[data-v-fdeef489],.error-state[data-v-fdeef489],.empty-state[data-v-fdeef489]{display:flex;justify-content:center;align-items:center;height:300px;color:#666;font-size:1.1rem}.error-state[data-v-fdeef489]{color:#f44336}.report-table-container[data-v-fdeef489]{overflow-x:auto;margin-bottom:2rem}.report-table[data-v-fdeef489]{width:100%;border-collapse:collapse;font-size:.95rem}.report-table th[data-v-fdeef489],.report-table td[data-v-fdeef489]{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.report-table th[data-v-fdeef489]{background-color:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.report-table tr[data-v-fdeef489]:hover{background-color:#f5f5f5}.status-normal[data-v-fdeef489]{background-color:#f1f8e9}.status-low[data-v-fdeef489]{background-color:#e3f2fd}.status-high[data-v-fdeef489]{background-color:#fff8e1}.status-very-high[data-v-fdeef489]{background-color:#ffebee}.change-positive[data-v-fdeef489]{color:#4caf50;font-weight:600}.change-negative[data-v-fdeef489]{color:#f44336;font-weight:600}.change-neutral[data-v-fdeef489]{color:#666}.report-stats[data-v-fdeef489]{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #1976d2}.report-stats p[data-v-fdeef489]{margin:.5rem 0;color:#555;font-size:.95rem}@media (max-width: 768px){.query-form[data-v-fdeef489]{flex-direction:column}.form-group[data-v-fdeef489]{width:100%}.report-header[data-v-fdeef489]{padding:1rem}.report-header h2[data-v-fdeef489]{font-size:1.4rem}.report-content[data-v-fdeef489]{padding:1rem}.report-table th[data-v-fdeef489],.report-table td[data-v-fdeef489]{padding:.75rem .5rem;font-size:.85rem}}.dashboard-layout[data-v-f1225702]{display:flex;height:100vh;overflow:hidden;background-color:#f0f2f5}.sidebar[data-v-f1225702]{width:280px;background-color:#1976d2;color:#fff;padding:2rem 0;overflow-y:auto;box-shadow:2px 0 10px #00000026;z-index:100}.sidebar-title[data-v-f1225702]{padding:0 2rem 1.5rem;margin:0;font-size:1.4rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2)}.site-tree[data-v-f1225702]{list-style:none;padding:0;margin:1.5rem 0}.site-item[data-v-f1225702]{padding:1.2rem 2rem;cursor:pointer;transition:all .3s ease;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.site-item[data-v-f1225702]:hover{background-color:#ffffff1a;padding-left:2.2rem}.site-item.active[data-v-f1225702]{background-color:#1565c0;font-weight:600;position:relative;padding-left:2.2rem}.site-item.active[data-v-f1225702]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#ffc107}.content-area[data-v-f1225702]{flex:1;overflow-y:auto;background-color:#f0f2f5;padding:0}.monitoring-dashboard[data-v-f1225702]{background-color:#fff;padding:2.5rem;min-height:100vh;max-width:1920px;margin:0 auto;box-shadow:0 0 20px #0000000d}.monitoring-dashboard h2[data-v-f1225702]{color:#1976d2;margin-bottom:2rem;font-size:2.2rem;font-weight:600;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.dashboard-header[data-v-f1225702]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.dashboard-header p[data-v-f1225702]{font-size:1.25rem;color:#555;margin:0;font-weight:500}.logout-btn[data-v-f1225702]{padding:.75rem 1.5rem;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;box-shadow:0 2px 5px #0000001a}.logout-btn[data-v-f1225702]:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.metrics-container[data-v-f1225702]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2.5rem}.metric-card[data-v-f1225702]{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;transition:all .3s ease;border-left:5px solid #1976d2}.metric-card[data-v-f1225702]:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.metric-card h3[data-v-f1225702]{margin-top:0;margin-bottom:1.5rem;color:#666;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value[data-v-f1225702]{font-size:3rem;font-weight:700;color:#1976d2;margin-bottom:.75rem;line-height:1.2}.metric-change.increase[data-v-f1225702]{color:#4caf50;font-size:1.1rem;font-weight:500}.metric-change.decrease[data-v-f1225702]{color:#f44336;font-size:1.1rem;font-weight:500}.chart-container[data-v-f1225702]{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2.5rem}.chart-container h3[data-v-f1225702]{margin-top:0;margin-bottom:2rem;color:#666;font-size:1.4rem;font-weight:600;text-align:center}.chart-placeholder[data-v-f1225702]{height:350px;position:relative;background-color:#fafafa;border-radius:8px;padding:2rem;display:flex;overflow:hidden}.chart-y-axis[data-v-f1225702]{width:50px;height:100%;position:relative;margin-right:15px;display:flex;flex-direction:column;justify-content:space-between}.y-axis-step[data-v-f1225702]{position:relative;display:flex;align-items:center;height:25%}.y-axis-line[data-v-f1225702]{position:absolute;left:40px;right:-15px;height:1px;background-color:#e0e0e0}.y-axis-label[data-v-f1225702]{color:#666;font-size:12px;text-align:right;padding-right:10px;width:40px}.chart-content[data-v-f1225702]{flex:1;height:100%;display:flex;flex-direction:column}.chart-bars[data-v-f1225702]{flex:1;display:flex;align-items:flex-end;justify-content:space-between;padding:0 10px 20px}.chart-bar[data-v-f1225702]{flex:1;margin:0 4px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.bar[data-v-f1225702]{width:70%;border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.bar-low[data-v-f1225702]{background-color:#4caf50}.bar-medium[data-v-f1225702]{background-color:#ff9800}.bar-high[data-v-f1225702]{background-color:#f44336}.bar-very-high[data-v-f1225702]{background-color:#9c27b0}.bar[data-v-f1225702]:hover{opacity:.9;transform:scaleY(1.02)}.bar-value[data-v-f1225702]{position:absolute;bottom:-20px;font-size:10px;color:#666;white-space:nowrap}.chart-x-axis[data-v-f1225702]{height:30px;display:flex;justify-content:space-between;padding:0 10px;margin-top:5px}.x-axis-label[data-v-f1225702]{flex:1;text-align:center;color:#666;font-size:11px;white-space:nowrap;transform:rotate(-45deg);transform-origin:center top}@media (max-width: 768px){.chart-y-axis[data-v-f1225702]{width:40px}.y-axis-label[data-v-f1225702]{font-size:10px}.x-axis-label[data-v-f1225702]{font-size:9px}.bar-value[data-v-f1225702]{font-size:8px}}.reports-section[data-v-f1225702]{display:flex;gap:1.5rem;margin-bottom:2.5rem;justify-content:center}.report-btn[data-v-f1225702]{padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000001a;min-width:180px}.realtime-report-btn[data-v-f1225702]{background-color:#1976d2;color:#fff}.realtime-report-btn[data-v-f1225702]:hover{background-color:#1565c0;transform:translateY(-2px);box-shadow:0 6px 15px #1976d24d}.total-report-btn[data-v-f1225702]{background-color:#4caf50;color:#fff}.total-report-btn[data-v-f1225702]:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 6px 15px #4caf504d}.report-btn[data-v-f1225702]:active{transform:translateY(0)}.warning-section[data-v-f1225702]{background-color:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;padding:2rem;margin-top:1rem}.warning-section h3[data-v-f1225702]{margin-top:0;color:#856404;margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.warning-item[data-v-f1225702]{background-color:#fff;padding:1.5rem;border-radius:8px;color:#856404;font-size:1.1rem;font-weight:500;border-left:4px solid #ffc107}@media (min-width: 1600px){.metrics-container[data-v-f1225702]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.metrics-container[data-v-f1225702]{grid-template-columns:1fr;gap:1.5rem}.monitoring-dashboard[data-v-f1225702]{padding:1.5rem}.chart-placeholder[data-v-f1225702]{height:250px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333;min-height:100vh;font-size:16px;line-height:1.5}.app-container{width:100%;min-height:100vh;max-width:100%;margin:0 auto;padding:0}.auth-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#1976d2,#0d47a1);padding:2rem}.auth-header{text-align:center;margin-bottom:3rem}.auth-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.system-description{font-size:1.2rem;color:#ffffffe6;font-weight:400;margin-top:.5rem}.auth-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:2.5rem;width:100%;max-width:480px;border:1px solid rgba(255,255,255,.18)}.auth-form-container h2{color:#333;margin-bottom:2rem;font-size:1.5rem;text-align:center}.dashboard-container{width:100%;height:100vh}@media (min-width: 1920px){.auth-container{padding:4rem}.auth-header h1{font-size:3rem;margin-bottom:1.25rem}.system-description{font-size:1.4rem}.auth-form-container{max-width:520px;padding:3rem}body{font-size:18px}}@media (max-width: 768px){.auth-container{padding:1.5rem}.auth-header h1{font-size:2rem;margin-bottom:.75rem}.system-description{font-size:1rem}.auth-form-container{padding:2rem}}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding:.75rem 0;text-align:center;font-size:.9rem;color:#666;border-top:1px solid #e0e0e0;z-index:1000}.footer p{margin:0}.dashboard-container,.auth-container{padding-bottom:3rem}