: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{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.status-indicator.up{border-width:1px;border-color:rgb(187 247 208/var(--tw-border-opacity,1));background-color:rgb(220 252 231/var(--tw-bg-opacity,1));color:rgb(21 128 61/var(--tw-text-opacity,1))}.status-indicator.down,.status-indicator.up{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.status-indicator.down{border-width:1px;border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 226 226/var(--tw-bg-opacity,1));color:rgb(185 28 28/var(--tw-text-opacity,1))}.status-indicator.degraded{border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));background-color:rgb(254 243 199/var(--tw-bg-opacity,1));color:rgb(180 83 9/var(--tw-text-opacity,1))}.status-indicator.degraded,.status-indicator.maintenance{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.status-indicator.maintenance{border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(55 65 81/var(--tw-text-opacity,1))}.severity-indicator{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.severity-indicator.low{border-width:1px;border-color:rgb(191 219 254/var(--tw-border-opacity,1));background-color:rgb(219 234 254/var(--tw-bg-opacity,1));color:rgb(29 78 216/var(--tw-text-opacity,1))}.severity-indicator.low,.severity-indicator.medium{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.severity-indicator.medium{border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));background-color:rgb(254 243 199/var(--tw-bg-opacity,1));color:rgb(180 83 9/var(--tw-text-opacity,1))}.severity-indicator.high{border-width:1px;border-color:rgb(254 215 170/var(--tw-border-opacity,1));background-color:rgb(255 237 213/var(--tw-bg-opacity,1));color:rgb(194 65 12/var(--tw-text-opacity,1))}.severity-indicator.critical,.severity-indicator.high{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.severity-indicator.critical{border-width:1px;border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 226 226/var(--tw-bg-opacity,1));color:rgb(185 28 28/var(--tw-text-opacity,1))}.dark .status-indicator.up{border-color:rgba(34,197,94,.2);background-color:rgba(34,197,94,.1);--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark .status-indicator.down{border-color:rgba(239,68,68,.2);background-color:rgba(239,68,68,.1);--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark .status-indicator.degraded{border-color:rgba(245,158,11,.2);background-color:rgba(245,158,11,.1);--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark .status-indicator.maintenance{border-color:hsla(220,9%,46%,.2);background-color:hsla(220,9%,46%,.1);--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark .severity-indicator.low{border-color:rgba(59,130,246,.2);background-color:rgba(59,130,246,.1);--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark .severity-indicator.medium{border-color:rgba(245,158,11,.2);background-color:rgba(245,158,11,.1);--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark .severity-indicator.high{border-color:rgba(249,115,22,.2);background-color:rgba(249,115,22,.1);--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.dark .severity-indicator.critical{border-color:rgba(239,68,68,.2);background-color:rgba(239,68,68,.1);--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.alert-pulse{animation:pulse-alert 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.7}}.monitoring-chart{border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;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{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.monitoring-skeleton:is(class *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.monitoring-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@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-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s}.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:rgba(239,68,68,.1)}.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:rgba(245,158,11,.1)}.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:hsla(220,9%,46%,.1)}.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:rgba(34,197,94,.1)}.target-card{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.target-card:hover{--tw-translate-y:-0.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 rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--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-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s}.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 *){border-color:rgba(34,197,94,.2);background-color:rgba(34,197,94,.1)}.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 *){border-color:rgba(239,68,68,.2);background-color:rgba(239,68,68,.1)}.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 *){border-color:rgba(59,130,246,.2);background-color:rgba(59,130,246,.1)}.uptime-bar{display:flex;height:.5rem;overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.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-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;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{position:absolute;left:1rem;top:0;bottom:0;width:1px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-content:"";content:var(--tw-content)}.status-timeline:is(class *):before{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.status-timeline-item{position:relative;display:flex;align-items:center;gap:1rem;padding-bottom:1rem}.status-timeline-dot{z-index:10;height:.75rem;width:.75rem;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.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 rgba(0,0,0,.05);--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)}.severity-indicator,.status-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))}}