.monit-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);color:#333;padding:1.5rem}.monit-dashboard-content{position:relative}.monit-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem}.monit-tab{background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:6px 6px 0 0;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.monit-tab:hover{background:#f3f4f6;color:#374151}.monit-tab.active{background:#fff;border-color:#e5e7eb;color:#1f8efe}.monit-tab-content{display:none}.monit-tab-content.active{display:block}.monit-metrics-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.monit-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1rem;transition:all .2s ease}.monit-metric-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.monit-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.monit-metric-title{color:#6b7280;font-size:.875rem;font-weight:500}.monit-metric-icon{align-items:center;background:#f3f4f6;border-radius:6px;color:#1f8efe;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.monit-metric-value{color:#111827;display:inline;font-size:1.5rem;font-weight:700}.monit-metric-unit{color:#6b7280;display:inline;font-size:.75rem;margin-left:.25rem}.monit-metric-value-row{margin-bottom:.25rem}.monit-metric-trend{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.25rem;margin-bottom:.5rem}.monit-trend-up{color:#10b981}.monit-trend-down{color:#ef4444}.monit-trend-stable{color:#f59e0b}.monit-progress-bar{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden;width:100%}.monit-progress-fill{background:#1f8efe;border-radius:3px;height:100%;transition:width .5s ease}.monit-progress-fill.warning{background:#f59e0b}.monit-progress-fill.critical{background:#ef4444}.monit-alarms-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.monit-alarms-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.monit-alarms-title{color:#111827;font-size:.75rem;font-weight:600}.monit-alarms-count{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#dc2626;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.monit-alarms-table{border-collapse:collapse;width:100%}.monit-alarms-table td,.monit-alarms-table th{border-bottom:1px solid #f3f4f6;font-size:.75rem;padding:.75rem 1rem;text-align:left}.monit-alarms-table th{white-space:nowrap}.monit-alarms-table td:last-child,.monit-alarms-table th:last-child{min-width:90px;white-space:nowrap}.monit-alarms-table th{background:#f9fafb;color:#374151;font-weight:600}.monit-alarms-table tbody tr{transition:background-color .2s ease}.monit-alarms-table tbody tr:hover{background:#f9fafb}.monit-severity{align-items:center;border:none;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.125rem .5rem}.monit-severity.critical{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.monit-severity.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.monit-severity.info{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.monit-status-card{display:flex;flex-direction:column;justify-content:space-between}.monit-status-content{align-items:center;display:flex;flex:1;justify-content:center;margin:.5rem 0}.monit-status{align-items:center;color:#111827;display:inline-flex;font-size:.875rem;gap:.5rem}.monit-status-dot{animation:monit-pulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.monit-status.online .monit-status-dot{background:#10b981}.monit-status.offline .monit-status-dot{background:#ef4444}.monit-status.warning .monit-status-dot{background:#f59e0b}.monit-uptime{border-top:1px solid #f3f4f6;color:#6b7280;font-size:.75rem;margin-top:auto;padding-top:.5rem;text-align:center}@keyframes monit-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes monit-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes monit-blink-modern{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (max-width:768px){.monit-dashboard{padding:1rem}.monit-metrics-grid{grid-template-columns:1fr}.monit-tabs{flex-direction:column;gap:.5rem}.monit-tab{border-radius:8px}.monit-alarms-table td,.monit-alarms-table th{font-size:.8rem;padding:.75rem}}