body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dashboard-container{background:#0f172a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:0}.dashboard-header{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-bottom:1px solid #334155;box-shadow:0 4px 12px #0006;color:#fff;padding:24px 40px}.dashboard-header h1{color:#f1f5f9;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0}.dashboard-header p{color:#cbd5e1;font-size:14px;margin:8px 0 0;opacity:.9}.dashboard-content{margin:0 auto;max-width:1600px;padding:30px 40px}.controls{background-color:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px 24px}.control-group,.controls{align-items:center;display:flex}.control-group{gap:10px}.control-group label{color:#cbd5e1;font-size:14px;font-weight:500}.control-group select{background-color:#0f172a;border:1px solid #475569;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.control-group select:hover{background-color:#1e293b;border-color:#3b82f6}.control-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.controls button{background-color:#3b82f6;border:none;border-radius:6px;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:all .2s}.controls button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 8px #0006;transform:translateY(-1px)}.controls button:active:not(:disabled){transform:translateY(0)}.controls button:disabled{background-color:#475569;cursor:not-allowed;opacity:.5}.loading-progress{align-items:center;display:flex;flex:1 1;gap:12px;min-width:200px}.progress-bar-container{background-color:#0f172a;border:1px solid #475569;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#94a3b8;font-size:13px;font-weight:500;white-space:nowrap}.time-range-filter{background-color:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:24px;padding:20px 24px}.time-range-header{margin-bottom:16px}.time-range-header label{align-items:center;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.time-range-header input[type=checkbox]{cursor:pointer;height:18px;width:18px}.time-range-controls{border-top:1px solid #475569;display:flex;flex-direction:column;gap:16px;padding-top:16px}.preset-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.preset-buttons>label{font-size:14px;margin-right:6px}.preset-button,.preset-buttons>label{color:#cbd5e1;font-weight:500;white-space:nowrap}.preset-button{background-color:#0f172a;border:1.5px solid #475569;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.preset-button:hover{background-color:#1e3a8a;border-color:#3b82f6;color:#93c5fd}.preset-button.active{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f666;color:#fff}.custom-range{display:flex;flex-direction:column;gap:12px}.custom-range>label{color:#cbd5e1;font-size:14px;font-weight:500}.date-inputs{display:flex;flex-wrap:wrap;gap:16px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{color:#94a3b8;font-size:13px;font-weight:500}.date-input-group input{background-color:#0f172a;border:1px solid #475569;border-radius:6px;color:#e2e8f0;font-size:14px;padding:8px 12px;transition:all .2s}.date-input-group input:hover{border-color:#3b82f6}.date-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px;padding:15px}.tabs-container{border-bottom:2px solid #334155;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s;white-space:nowrap}.tab-button:hover{background-color:#1e293b;color:#60a5fa}.tab-button.active{border-bottom-color:#3b82f6;color:#60a5fa;font-weight:600}.tab-button:focus{outline:none}.system-diagram{background-color:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:24px;padding:24px}.system-diagram h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.diagram-container{align-items:center;background-color:#0f172a;border:1px solid #475569;border-radius:6px;display:flex;justify-content:center;min-height:300px;padding:20px}.diagram-container img{border-radius:4px;box-shadow:0 4px 12px #0006;height:auto;max-height:500px;max-width:100%}.diagram-placeholder{color:#94a3b8;padding:40px;text-align:center}.diagram-placeholder p{font-size:14px;margin:10px 0}.diagram-placeholder code{background-color:#334155;border-radius:4px;color:#60a5fa;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.metric-selector{background-color:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:24px;padding:24px}.metric-selector h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.metric-buttons{display:flex;flex-wrap:wrap;gap:10px}.metric-button{align-items:center;background-color:#0f172a;border:1.5px solid #475569;border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:all .2s}.metric-button:hover:not(:disabled){background-color:#1e3a8a;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#93c5fd;transform:translateY(-1px)}.metric-button.selected{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f666;color:#fff}.metric-button.no-data{background-color:#1e293b;cursor:not-allowed;opacity:.3}.metric-count{font-size:11px;font-weight:400;opacity:.85}.boolean-selector{margin-top:-8px}.selector-hint{color:#94a3b8;font-size:13px;margin:0 0 12px}.boolean-metric.selected{background:linear-gradient(135deg,#059669,#10b981);border-color:#10b981}.boolean-metric:hover:not(:disabled):not(.selected){background-color:#064e3b;border-color:#10b981;color:#6ee7b7}.chart-container{background-color:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:24px;padding:24px}.chart-container h2{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.statistics{background-color:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:24px;padding:24px}.statistics h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.statistics table{border-collapse:collapse;width:100%}.statistics td,.statistics th{border-bottom:1px solid #475569;font-size:15px;padding:14px 18px;text-align:left}.statistics th{background-color:#0f172a;color:#93c5fd;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.statistics td{color:#e2e8f0;font-weight:500}.statistics tr:hover{background-color:#334155}.statistics tr:last-child td{border-bottom:none}.data-table{background-color:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:24px;padding:24px}.data-table h3{color:#f1f5f9;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.table-wrapper{border-radius:6px;overflow-x:auto}.data-table table{border-collapse:collapse;font-size:14px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #475569;padding:14px 18px;text-align:left}.data-table th{background-color:#0f172a;border-bottom:2px solid #3b82f6;color:#93c5fd;font-size:13px;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.data-table td{color:#e2e8f0;font-weight:500}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:#334155}.data-table tbody tr:nth-child(2n){background-color:#0f172a66}.data-table tr:last-child td{border-bottom:none}.device-id{background-color:#0f172a;border-radius:4px;color:#94a3b8;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}@media (max-width:768px){.control-group,.controls{align-items:stretch;flex-direction:column}.metric-buttons{justify-content:center}}*{box-sizing:border-box;margin:0}*,.App{padding:0}.App{min-height:100vh}.App,body{background:#0f172a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.731739a6.css.map*/