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}.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;overflow-x:auto;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}.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.d7c6a7bf.css.map*/