:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e5eefb;background:#08111d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#08111d}*{box-sizing:border-box}.app{min-height:100vh;padding:24px;background:linear-gradient(145deg,#08111d,#0f1b2b);color:#e5eefb}.app.light{background:linear-gradient(145deg,#f3f6fb,#e8eef7);color:#14213d}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}button{border:none;border-radius:999px;padding:10px 14px;cursor:pointer;background:#2563eb;color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.card,.panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;box-shadow:0 10px 24px #0000001f}.app.light .card,.app.light .panel{background:#ffffffe6;border-color:#dbe5f0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.panel-large{min-height:340px}.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:700;text-transform:capitalize}.pill.online{background:#31c48d33;color:#31c48d}.pill.offline{background:#ef444433;color:#ef4444}.pill.warning{background:#f59e0b33;color:#f59e0b}.item{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.item:last-child{border-bottom:none}@media (max-width: 900px){.grid{grid-template-columns:1fr}}