*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#0f1621;color:#e2e8f0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid #24304a;background:#161f2e}.topbar__inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.topbar__brand{font-weight:700;font-size:18px}.topbar__brand span{font-weight:400;color:#a0aec0;margin-left:6px}.topbar__nav{display:flex;gap:18px;flex-wrap:wrap}.topbar__nav a{color:#a0aec0;font-size:14px}.topbar__nav a:hover{color:#e2e8f0}.page{max-width:1200px;margin:0 auto;padding:24px}.page__title{margin:0 0 4px;font-size:24px}.page__subtitle{margin:0 0 20px;color:#a0aec0;font-size:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page__head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:12px}.section-title{font-size:18px;margin:36px 0 12px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge--ok{background:rgba(72,187,120,.15);color:#48bb78}.badge--warn{background:rgba(236,201,75,.15);color:#ecc94b}.badge--stale{background:rgba(252,129,129,.15);color:#fc8181}.badge--unknown{background:rgba(113,128,150,.15);color:#718096}.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:20px;margin-bottom:12px}.card{display:block;background:#161f2e;border:1px solid #24304a;border-radius:10px;padding:18px 20px;transition:background .15s,border-color .15s}.card--link:hover{background:#1c2839;border-color:#4fd1c5}.card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.card__head h2{margin:0;font-size:17px}.card__timestamp{margin:0 0 12px;color:#a0aec0;font-size:13px}.card__empty{color:#a0aec0;font-size:13px}.metric-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px 16px;margin:0}.metric-list--wide{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));background:#161f2e;border:1px solid #24304a;border-radius:10px;padding:16px 20px;margin-bottom:20px}.metric-list__item dt{font-size:12px;color:#a0aec0;margin-bottom:2px}.metric-list__item dd{margin:0;font-size:18px;font-weight:600}.range-switch{display:flex;gap:6px;background:#161f2e;border:1px solid #24304a;border-radius:999px;padding:4px;height:fit-content}.range-switch__item{padding:6px 14px;border-radius:999px;font-size:13px;color:#a0aec0}.range-switch__item:hover{color:#e2e8f0}.range-switch__item--active{background:#4fd1c5;color:#06282a;font-weight:600}.charts{display:grid;grid-template-columns:repeat(auto-fit, minmax(420px, 1fr));gap:20px}.chart-card{background:#161f2e;border:1px solid #24304a;border-radius:10px;padding:16px 18px;height:320px;display:flex;flex-direction:column}.chart-card h3{margin:0 0 10px;font-size:15px;color:#a0aec0;font-weight:600}.chart-card canvas{flex:1;max-width:100%}.chart-card__empty{flex:1;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:13px;margin:0}.charts__error{color:#fc8181;font-size:14px}.table-wrap{overflow-x:auto;border:1px solid #24304a;border-radius:10px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px 14px;text-align:left;border-bottom:1px solid #24304a;white-space:nowrap}.table th{color:#a0aec0;font-weight:600;background:#161f2e}.table tbody tr:hover{background:#1c2839}.table__empty{color:#a0aec0;text-align:center}.table__cell--warn{color:#ecc94b;font-weight:600}