*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0f172a;color:#e5e7eb}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{font-size:24px;font-weight:700}.badge{padding:8px 14px;border-radius:999px;background:#16a34a;color:white;font-size:13px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.card{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.card-title{color:#9ca3af;font-size:13px;margin-bottom:8px}.card-value{font-size:28px;font-weight:700}.chart-box{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:20px;margin-bottom:24px}.table{width:100%;border-collapse:collapse;margin-top:12px}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid #1f2937}.table th{color:#9ca3af;font-size:13px}.ok{color:#22c55e}.ok,.warn{font-weight:700}.warn{color:#facc15}.down{color:#ef4444;font-weight:700}@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width:520px){.page{padding:14px}.header{display:block}.brand{margin-bottom:12px}.grid{grid-template-columns:1fr}}