:root{font-family:Inter,sans-serif;color:#1f2937;background:#f4f6f8}body{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:#111827;color:#fff;padding:24px;display:flex;flex-direction:column;gap:16px}.sidebar h1{font-size:20px}.sidebar nav button{display:block;width:100%;padding:10px;margin-bottom:8px;border:none;background:#1f2937;color:#fff;cursor:pointer;text-align:left}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px}main{flex:1;padding:32px}.card{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #0000000f}.kpi-section{margin-bottom:16px}.kpi-section h3{margin-bottom:12px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi{background:#fff;padding:16px;border-radius:10px;box-shadow:0 4px 8px #0000000a}.kpi strong{display:block;font-size:24px;margin-top:8px}table{width:100%;border-collapse:collapse}th,td{padding:8px 12px;border-bottom:1px solid #e5e7eb;text-align:left}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600}.badge-danger{background:#ef4444;color:#fff}.badge-success{background:#22c55e;color:#fff}.badge-neutral{background:#e5e7eb;color:#111827}.login{max-width:360px;margin:80px auto;padding:32px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:4px}input,select{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db}button{padding:10px 12px;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;background:#2563eb;color:#fff;text-decoration:none;font-size:12px}.button-link:hover{background:#1d4ed8}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pagination{margin-top:16px;display:flex;gap:12px;align-items:center}.error{color:#dc2626}.success{color:#16a34a}.timeseries{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.timeseries-item{padding:12px;background:#f9fafb;border-radius:8px}.hourly-chart{display:flex;align-items:flex-end;gap:8px;padding:12px 4px;height:220px}.hourly-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.hourly-bar-track{flex:1;width:100%;background:#f3f4f6;border-radius:10px;display:flex;align-items:flex-end;padding:4px}.hourly-bar-fill{width:100%;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:8px;min-height:4px}.hourly-bar-label{font-size:12px;color:#6b7280}.hourly-bar-value{font-size:12px;color:#111827}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.status-item{background:#f9fafb;padding:12px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.status-good{color:#16a34a}.status-bad{color:#dc2626}.row{display:flex;gap:12px}.log-block{margin-top:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.log-block pre{margin:8px 0 0;white-space:pre-wrap;font-size:12px}.debug-summary{margin-top:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.debug-summary ul{margin:8px 0 0;padding-left:18px}