:root{--status-up:#22c55e;--status-down:#ef4444;--status-degraded:#f59e0b;--status-maintenance:#6b7280;--severity-low:#3b82f6;--severity-medium:#f59e0b;--severity-high:#f97316;--severity-critical:#ef4444;--chart-primary:#3b82f6;--chart-success:#22c55e;--chart-warning:#f59e0b;--chart-danger:#ef4444;--chart-info:#06b6d4}.status-indicator{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.status-indicator.up{--tw-border-opacity:1;border-width:1px;border-color:rgb(187 247 208/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.status-indicator.down{--tw-border-opacity:1;border-width:1px;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.status-indicator.degraded{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.status-indicator.maintenance{--tw-border-opacity:1;border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.severity-indicator{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.severity-indicator.low{--tw-border-opacity:1;border-width:1px;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.severity-indicator.medium{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.severity-indicator.high{--tw-border-opacity:1;border-width:1px;border-color:rgb(254 215 170/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.severity-indicator.critical{--tw-border-opacity:1;border-width:1px;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.dark .status-indicator.up{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1));background-color:#22c55e1a;border-color:#22c55e33}.dark .status-indicator.down{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1));background-color:#ef44441a;border-color:#ef444433}.dark .status-indicator.degraded{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1));background-color:#f59e0b1a;border-color:#f59e0b33}.dark .status-indicator.maintenance{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));background-color:#6b72801a;border-color:#6b728033}.dark .severity-indicator.low{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1));background-color:#3b82f61a;border-color:#3b82f633}.dark .severity-indicator.medium{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1));background-color:#f59e0b1a;border-color:#f59e0b33}.dark .severity-indicator.high{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1));background-color:#f973161a;border-color:#f9731633}.dark .severity-indicator.critical{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1));background-color:#ef44441a;border-color:#ef444433}.alert-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-alert}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.7}}.monitoring-chart{border-radius:var(--radius);--tw-border-opacity:1;border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.monitoring-chart:is(class *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.monitoring-chart .recharts-cartesian-grid line{stroke:#e5e7eb}.monitoring-chart .recharts-cartesian-grid line:is(class *){stroke:#374151}.monitoring-chart .recharts-text{fill:#4b5563}.monitoring-chart .recharts-text:is(class *){fill:#9ca3af}@keyframes pulse{50%{opacity:.5}}.monitoring-skeleton{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));border-radius:.25rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.monitoring-skeleton:is(class *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.monitoring-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:768px){.monitoring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.monitoring-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.monitoring-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}.alert-card{border-left-width:4px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.alert-card.active{--tw-border-opacity:1;border-left-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.alert-card.active:is(class *){background-color:#ef44441a}.alert-card.acknowledged{--tw-border-opacity:1;border-left-color:rgb(245 158 11/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.alert-card.acknowledged:is(class *){background-color:#f59e0b1a}.alert-card.suppressed{--tw-border-opacity:1;border-left-color:rgb(107 114 128/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.alert-card.suppressed:is(class *){background-color:#6b72801a}.alert-card.resolved{--tw-border-opacity:1;border-left-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.alert-card.resolved:is(class *){background-color:#22c55e1a}.target-card{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.target-card:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.target-card.up:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1));--tw-shadow-color:#dcfce7;--tw-shadow:var(--tw-shadow-colored)}.target-card.down:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-shadow-color:#fee2e2;--tw-shadow:var(--tw-shadow-colored)}.target-card.degraded:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-shadow-color:#fef3c7;--tw-shadow:var(--tw-shadow-colored)}.metric-card{border-radius:var(--radius);border-width:1px;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.metric-card.positive{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.metric-card.positive:is(class *){background-color:#22c55e1a;border-color:#22c55e33}.metric-card.negative{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.metric-card.negative:is(class *){background-color:#ef44441a;border-color:#ef444433}.metric-card.neutral{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.metric-card.neutral:is(class *){background-color:#3b82f61a;border-color:#3b82f633}.uptime-bar{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));border-radius:9999px;height:.5rem;display:flex;overflow:hidden}.uptime-bar:is(class *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.uptime-segment{height:100%;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.uptime-segment.success{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.uptime-segment.failure{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.uptime-segment.degraded{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.status-timeline{position:relative}.status-timeline:before{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-content:"";content:var(--tw-content);width:1px;position:absolute;top:0;bottom:0;left:1rem}.status-timeline:is(class *):before{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.status-timeline-item{align-items:center;gap:1rem;padding-bottom:1rem;display:flex;position:relative}.status-timeline-dot{z-index:10;--tw-border-opacity:1;border-width:2px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-radius:9999px;width:.75rem;height:.75rem}.status-timeline-dot:is(class *){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.status-timeline-dot.up{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.status-timeline-dot.down{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.status-timeline-dot.degraded{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}@media (max-width:768px){.monitoring-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}.target-card:hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.monitoring-chart{font-size:.75rem;line-height:1rem}}@media print{.monitoring-chart{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.status-indicator,.severity-indicator{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}}