:root{--soft-bg:#f5f7fb;--panel:#fff;--muted:#64748b;--line:#dbe3ef}body{background:var(--soft-bg)}.login-body{min-height:100vh;background:radial-gradient(circle at top left,#eaf2ff,#f8fafc 44%,#eef2f7)}.login-card{width:100%;max-width:470px;border-radius:26px}.metric-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.04);min-height:118px}.metric-card span{display:block;color:var(--muted);font-size:.92rem;margin-bottom:8px}.metric-card strong{display:block;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1}.metric-online{background:linear-gradient(135deg,#ecfdf5,#fff)}.metric-warning{background:linear-gradient(135deg,#fff7ed,#fff)}.card{border-radius:18px;overflow:hidden}.card-header{padding:15px 18px}.table th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.recent-events{max-height:540px;overflow:auto}.heatmap-wrap{position:relative;width:100%;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#eef2f7 10px,#eef2f7 20px);border:1px solid var(--line);border-radius:18px;overflow:hidden}.heatmap-wrap canvas{display:block;width:100%;height:auto}.progress{background:#edf2f7}.badge-soft{background:#eef2ff;color:#3730a3}.tag-box{background:#0f172a;color:#e2e8f0;border-radius:14px;padding:14px}.tag-box textarea{background:#0f172a!important;color:#e2e8f0!important;border-color:#334155}.mini-stat{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}@media (max-width:768px){main.container-fluid{padding-left:12px;padding-right:12px}.metric-card{padding:16px;min-height:96px}.table{font-size:.9rem}.navbar .small{font-size:.78rem}}