@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Quicksand:wght@300;400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";
:root{--bg:#030408;--bg-elevated:#0b0c16;--surface:#0b0c16;--surface-hover:#12131e;--border:#ffffff0f;--border-hover:#ffffff1f;--border-active:#ffffff2e;--text:#f0f0f2;--text-secondary:#ffffff8c;--text-tertiary:#ffffff59;--brand:#228dbd;--brand-hover:#1a6e94;--brand-glow:#228dbd4d;--brand-glow-soft:#228dbd26;--green:#22c55e;--green-bg:#22c55e14;--green-border:#22c55e33;--red:#ef4444;--red-bg:#ef444414;--red-border:#ef444433;--radius-sm:6px;--radius:10px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background:#228dbd40}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Quicksand,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#228dbd4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#228dbd80}.page-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-bg:before{content:"";background:radial-gradient(#228dbd12 0%,#0000 65%);width:55%;height:55%;position:absolute;top:-40%;left:-15%}.page-bg:after{content:"";background:radial-gradient(#228dbd0d 0%,#0000 65%);width:50%;height:50%;position:absolute;bottom:-30%;right:-10%}.cyber-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(60% 50%,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50%,#000 70%,#0000 100%)}.page-wrapper{z-index:1;min-height:100vh;position:relative}.container{max-width:820px;margin:0 auto;padding:3rem 1.5rem 4rem}@media (max-width:640px){.container{padding:1.5rem 1rem 3rem}}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.logo-link{align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s;display:flex}.logo-link:hover{opacity:.9}.logo-image{filter:drop-shadow(0 0 12px #228dbd66);width:auto;height:36px}.brand-text{letter-spacing:-.03em;text-transform:uppercase;color:#fff;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900;line-height:1.2}.brand-accent{color:#228dbd;text-shadow:0 0 10px #228dbd66,0 0 20px #228dbd33}.site-subtitle{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-family:Quicksand,sans-serif;font-size:.65rem;font-weight:600}.header-right{align-items:center;gap:.75rem;display:flex}.overall-badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:Quicksand,sans-serif;font-size:.65rem;font-weight:700;display:inline-flex}.badge-up{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.badge-down{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.badge-neutral{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08}.badge-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot-up{background:var(--green);box-shadow:0 0 8px #22c55e4d}.dot-down{background:var(--red);box-shadow:0 0 8px #ef44444d}.refresh-btn{background:var(--surface);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;align-items:center;gap:.35rem;padding:.4rem .8rem;font-family:Quicksand,sans-serif;font-size:.65rem;font-weight:700;transition:all .15s;display:inline-flex}.refresh-btn:hover{background:var(--surface-hover);color:var(--text);border-color:#228dbd4d;box-shadow:0 0 12px #228dbd1a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.summary-bar{background:var(--surface);border-radius:var(--radius-lg);border:1px solid #ffffff0f;align-items:center;gap:0;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden}.summary-bar:before{content:"";background:linear-gradient(90deg,#0000,#228dbd4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.summary-stat{flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:0 .75rem;display:flex}.summary-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-family:Quicksand,sans-serif;font-size:.55rem;font-weight:700}.summary-value{text-align:center;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.summary-divider{background:#ffffff0f;flex-shrink:0;width:1px;height:2rem}@media (max-width:640px){.summary-bar{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.summary-stat{min-width:30%;padding:.25rem .5rem}.summary-divider{display:none}}.status-green{color:var(--green)}.status-red{color:var(--red)}.hero-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);margin-bottom:2rem;padding:1.75rem 2rem;position:relative;overflow:hidden}.hero-card:before{content:"";background:linear-gradient(to right, transparent, var(--green-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.hero-up:before{background:linear-gradient(90deg,#0000,#22c55e66,#0000)}.hero-down:before{background:linear-gradient(90deg,#0000,#ef444466,#0000)}.hero-up{border-color:#22c55e26}.hero-down{border-color:#ef444426}.hero-indicator{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;display:inline-flex}.indicator-up{color:var(--green)}.indicator-down{color:var(--red)}.hero-description{color:var(--text-secondary);max-width:600px;margin-bottom:1.25rem;font-size:.85rem;line-height:1.6}.hero-bar{align-items:center;gap:.75rem;display:flex}.hero-bar-track{background:#ffffff0a;border-radius:999px;flex:1;height:6px;overflow:hidden}.hero-bar-fill{border-radius:999px;height:100%;transition:width .8s}.fill-up{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e33}.fill-down{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 12px #ef444433}.hero-bar-label{color:var(--text-secondary);text-align:right;min-width:3rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}@media (max-width:640px){.hero-card{padding:1.25rem 1rem}}.services-section{margin-bottom:2.5rem}.services-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.services-title{text-transform:uppercase;letter-spacing:.03em;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:800}.services-count{color:var(--text-secondary);background:var(--surface);border:1px solid #ffffff0f;border-radius:999px;padding:.25rem .6rem;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}.services-list{flex-direction:column;gap:.5rem;display:flex}.service-row{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:.9rem 1.25rem;transition:all .2s;display:flex}.service-row:hover{background:var(--surface-hover);border-color:#228dbd33;box-shadow:0 0 15px #228dbd0d}.service-row.row-down{border-color:var(--red-border);background:var(--red-bg)}.service-row.row-open{border-bottom-right-radius:0;border-bottom-left-radius:0}.service-row-main{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.service-info{min-width:0}.service-name{color:var(--text);font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700}.service-url{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:.05rem;font-family:JetBrains Mono,monospace;font-size:.65rem;overflow:hidden}.service-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.2rem;display:flex}.status-label{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-family:Quicksand,sans-serif;font-size:.6rem;font-weight:800}.status-up{color:var(--green);background:var(--green-bg)}.status-down{color:var(--red);background:var(--red-bg)}.latency-text{color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.notify-btn{letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid var(--red-border);background:var(--red-bg);color:var(--red);cursor:pointer;text-transform:uppercase;flex-shrink:0;padding:.35rem .75rem;font-family:Quicksand,sans-serif;font-size:.6rem;font-weight:700;transition:all .15s}.notify-btn:hover{background:#ef444426}.notify-btn:disabled{opacity:.5;cursor:not-allowed}.notify-btn.outlined{background:0 0}.notify-btn.outlined:hover{background:var(--red-bg)}.uptime-bars{flex-shrink:0;align-items:flex-end;gap:2px;height:20px;display:flex}.uptime-bar{border-radius:1px;width:2.5px;transition:opacity .15s}.uptime-bar-up{background:var(--green);opacity:.25}.uptime-bar-down{background:var(--red);opacity:.5}.uptime-bars:hover .uptime-bar{opacity:.5}.uptime-bars:hover .uptime-bar:hover{opacity:1}@media (max-width:640px){.uptime-bars{display:none}}.service-details{background:var(--bg-elevated);border-radius:0 0 var(--radius) var(--radius);border:1px solid #ffffff0f;border-top:0;grid-template-columns:1fr 1fr;gap:.5rem 2rem;padding:1rem 1.25rem 1rem 2.75rem;display:grid}.detail-row{justify-content:space-between;align-items:center;padding:.3rem 0;display:flex}.detail-label{color:var(--text-tertiary);font-family:Quicksand,sans-serif;font-size:.65rem;font-weight:600}.detail-value{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}@media (max-width:640px){.service-details{grid-template-columns:1fr;padding-left:1.25rem}}.incidents-section{margin-bottom:2.5rem}.incidents-title{color:var(--red);text-transform:uppercase;letter-spacing:.03em;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:800}.incident-card{border-radius:var(--radius);border:1px solid var(--red-border);background:var(--red-bg);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 1.25rem;display:flex}.incident-info{align-items:center;gap:.75rem;min-width:0;display:flex}.incident-icon{background:var(--red);border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px #ef44444d}.incident-name{font-size:.85rem;font-weight:700}.incident-message{color:var(--text-secondary);margin-top:.1rem;font-size:.75rem}.page-footer{color:var(--text-tertiary);justify-content:center;align-items:center;gap:.75rem;padding:2rem 0;font-family:Quicksand,sans-serif;font-size:.65rem;font-weight:500;display:flex}.footer-divider{background:var(--text-tertiary);opacity:.4;border-radius:50%;width:3px;height:3px}.footer-link{color:#228dbdcc;font-weight:700;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--brand)}.skeleton{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f 50%,#ffffff05 75%) 0 0/400% 100%;animation:1.8s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0%}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:1}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@media (max-width:640px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-right{justify-content:flex-start;width:100%}.service-row{flex-wrap:wrap;padding:.75rem 1rem}.service-meta{flex-direction:row;align-items:center;gap:.5rem}}