@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap";:root{--color-navy: #0B274E;--color-navy-light: #143a6b;--color-amber: #F59E0B;--color-amber-hover: #D97706;--color-healthy: #22c55e;--color-healthy-bg: #f0fdf4;--color-healthy-text: #15803d;--color-degraded: #F59E0B;--color-degraded-bg: #fffbeb;--color-degraded-text: #92400e;--color-down: #ef4444;--color-down-bg: #fef2f2;--color-down-text: #991b1b;--color-bg: #F5F7FA;--color-surface: #ffffff;--color-text: #333333;--color-body: #606060;--color-muted: #8896a6;--color-border: #E8ECF1;--shadow-sm: 0 1px 3px rgba(11, 39, 78, .06);--shadow-md: 0 4px 12px rgba(11, 39, 78, .08);--name-col: 180px;--content-max: 1280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.header{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-light) 100%);color:#fff;padding:1.5rem 1rem;margin-bottom:1.75rem}.header-inner{max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:1.25rem}.env-select{font:inherit;font-size:.8125rem;font-weight:600;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:.3rem .5rem;cursor:pointer}.env-select option{color:var(--color-text)}.auth-user{display:inline-flex;align-items:center;gap:.625rem}.auth-name{font-size:.875rem;color:#ffffffd9}.auth-link{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:inherit;font-size:.8125rem;font-weight:600;padding:.3rem .85rem;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.auth-link:hover:not(:disabled){background:#ffffff1f;border-color:#fff9}.auth-link:disabled{opacity:.6;cursor:not-allowed}.container{max-width:var(--content-max);margin:0 auto;padding:0 1rem 3rem}.overall-status{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;white-space:nowrap;text-align:right}.overall-status .status-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}.overall-status.healthy{color:#4ade80}.overall-status.healthy .status-icon{background:var(--color-healthy);box-shadow:0 0 0 3px #22c55e33}.overall-status.degraded{color:#fbbf24}.overall-status.degraded .status-icon{background:var(--color-degraded);box-shadow:0 0 0 3px #f59e0b33}.overall-status.down{color:#f87171}.overall-status.down .status-icon{background:var(--color-down);box-shadow:0 0 0 3px #ef444433}.incidents{margin-bottom:1.75rem}.incidents-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem}.incident-card{padding:1rem 1.25rem;border-radius:10px;margin-bottom:.625rem;border-left:4px solid;box-shadow:var(--shadow-sm)}.incident-card.critical{background:var(--color-down-bg);border-color:var(--color-down)}.incident-card.warning{background:var(--color-degraded-bg);border-color:var(--color-degraded)}.incident-card.info{background:#eff6ff;border-color:#3b82f6}.incident-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.incident-card.resolved{opacity:.75}.incident-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.75rem;color:var(--color-muted);margin-top:.15rem}.state-tag{display:inline-block;text-align:center;min-width:6.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;padding:.1rem .4rem;border-radius:4px;background:var(--color-border);color:var(--color-body);flex-shrink:0}.state-tag.active,.state-tag.investigating,.state-tag.identified{background:var(--color-degraded-bg);color:var(--color-degraded-text)}.state-tag.monitoring{background:#eff6ff;color:#1e40af}.state-tag.resolved{background:var(--color-healthy-bg);color:var(--color-healthy-text)}.incident-actions{display:flex;gap:.375rem;flex-shrink:0}.incident-timeline{list-style:none;margin:.75rem 0 0;padding:.75rem 0 0;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.timeline-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8125rem}.timeline-message{color:var(--color-text);flex:1 1 12rem}.timeline-time{color:var(--color-muted);font-size:.75rem}.incident-controls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-top:.75rem}.update-form{flex:1 1 100%;width:100%;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.update-form .field{max-width:100%}.btn-danger{font:inherit;font-size:.8125rem;font-weight:600;padding:.45rem 1rem;border-radius:8px;cursor:pointer;border:1px solid var(--color-down);background:transparent;color:var(--color-down-text);transition:background .15s ease}.btn-danger:hover:not(:disabled){background:var(--color-down-bg)}.btn-danger:disabled{opacity:.55;cursor:not-allowed}.incident-card .incident-title{font-weight:600;font-size:.9375rem;margin-bottom:.25rem;color:var(--color-text)}.incident-admin{margin-bottom:1.75rem}.incident-form{flex:1 1 100%;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;margin-bottom:1.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.625rem}.incident-form-title{font-weight:600;font-size:.9375rem;color:var(--color-text)}.incident-form-row{display:flex;gap:.625rem}.incident-form-row .field{flex:1 1 0}.field{font:inherit;font-size:.875rem;padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);width:100%}.field:focus{outline:none;border-color:var(--color-navy-light)}.incident-form-actions{display:flex;gap:.5rem}.btn-primary,.btn-secondary{font:inherit;font-size:.8125rem;font-weight:600;padding:.45rem 1rem;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.btn-primary{background:var(--color-navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-navy-light)}.btn-secondary{background:transparent;color:var(--color-body);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-muted)}.btn-small{padding:.25rem .7rem;font-size:.75rem;flex-shrink:0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.form-error{font-size:.8125rem;color:var(--color-down-text)}.incident-card .incident-message{font-size:.875rem;color:var(--color-text);line-height:1.5;margin-top:.35rem}.field-label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--color-muted)}.group-list.tier-blocks{grid-template-columns:1fr}.tier-section{margin-bottom:1.25rem}.tier-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-body);margin-bottom:.4rem}.incident-month{margin-bottom:.5rem}.incident-month-header{display:flex;align-items:center;gap:.5rem;width:100%;border:none;background:transparent;font:inherit;font-weight:600;font-size:.875rem;color:var(--color-text);padding:.4rem 0;cursor:pointer}.incident-month-caret{color:var(--color-muted);width:.9rem}.incident-month-count{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--color-muted);background:var(--color-bg);border-radius:9999px;padding:.05rem .5rem}.incident-card .incident-time{font-size:.75rem;color:var(--color-muted);margin-top:.5rem}.section-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-head .section-title{margin-bottom:0}.window-toggle{display:inline-flex;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2px}.window-toggle button{border:none;background:transparent;font:inherit;font-size:.75rem;font-weight:600;color:var(--color-muted);padding:.2rem .6rem;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.window-toggle button:hover{color:var(--color-text)}.window-toggle button.active{background:var(--color-navy);color:#fff}.group-list{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:start}@media (min-width: 1000px){.group-list{grid-template-columns:1fr 1fr}}.sparkline{position:relative;flex:1 1 auto;display:flex;gap:1px;align-items:stretch;height:22px;min-width:0}.spark-seg{flex:1 1 0;min-width:0;border-radius:2px;background:var(--color-muted)}.spark-seg.healthy{background:var(--color-healthy)}.spark-seg.degraded{background:var(--color-degraded)}.spark-seg.down{background:var(--color-down)}.spark-seg.unknown{background:#e2e8f0}.spark-deploy{position:absolute;top:-1px;bottom:-1px;width:2px;margin-left:-1px;background:#111827;border-radius:1px;pointer-events:none}.group-card.compact{padding:.45rem 1rem}.now-status{margin-left:auto;display:inline-flex;align-items:center}.current-dot{width:14px;height:14px;border-radius:50%;background:var(--color-muted)}.current-dot.healthy{background:var(--color-healthy)}.current-dot.degraded{background:var(--color-degraded)}.current-dot.down{background:var(--color-down)}.current-dot.unknown{background:#cbd5e1}.group-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.625rem 1rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease;display:flex;flex-direction:column;gap:.4rem}.group-card:hover{box-shadow:var(--shadow-md)}.group-row{display:flex;align-items:center;gap:1rem}.group-name{flex:0 0 var(--name-col);font-weight:600;font-size:.9375rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-status{flex:0 0 var(--name-col);display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px}.status-badge.healthy{background:var(--color-healthy-bg);color:var(--color-healthy-text)}.status-badge.degraded{background:var(--color-degraded-bg);color:var(--color-degraded-text)}.status-badge.down{background:var(--color-down-bg);color:var(--color-down-text)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.healthy{background:var(--color-healthy)}.status-dot.degraded{background:var(--color-degraded)}.status-dot.down{background:var(--color-down)}.uptime-row{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;font-size:.75rem}.uptime-item{display:flex;gap:.25rem}.uptime-label{font-weight:600;color:var(--color-muted)}.uptime-value{color:var(--color-body)}.last-checked{text-align:center;font-size:.8125rem;color:var(--color-muted);margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.loading{text-align:center;padding:4rem 2rem;color:var(--color-muted);font-size:.9375rem}.error-banner{text-align:center;padding:2rem;background:var(--color-down-bg);color:var(--color-down-text);border-radius:10px;border:1px solid #fecaca;font-weight:600}body.embed{background:transparent}.summary-widget{display:flex;gap:.75rem;padding:1rem;flex-wrap:wrap}.summary-widget.widget-state{color:var(--color-muted);font-size:.875rem}.summary-block{flex:1 1 12rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-muted);border-radius:10px;padding:.875rem 1rem;box-shadow:var(--shadow-sm)}.summary-block.healthy{border-left-color:var(--color-healthy)}.summary-block.degraded{border-left-color:var(--color-degraded)}.summary-block.down{border-left-color:var(--color-down)}.summary-block-head{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-text)}.summary-block-text{margin-top:.35rem;font-size:.8125rem;color:var(--color-body);line-height:1.4}@media (max-width: 480px){.header h1{font-size:1.25rem}.header-inner{flex-direction:column;align-items:flex-start;gap:.5rem}.group-row{flex-wrap:wrap;gap:.5rem .75rem}.group-name,.group-status{flex-basis:100%}}
