:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#f5f7fb;background-color:#05070a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:inherit;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(52,211,153,.16),transparent 30rem),#05070a}button{font:inherit}button:focus,button:focus-visible,a:focus,a:focus-visible{outline:2px solid #34d399;outline-offset:3px}#root{width:100%}.auth-page{display:grid;min-height:100vh;place-items:center;padding:28px}.auth-panel{display:grid;gap:30px;width:min(100%,420px);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0d1014;box-shadow:0 24px 80px #0000006b}.auth-panel h1{margin:0;color:#f5f7fb;font-size:clamp(2rem,8vw,3.2rem);line-height:1;letter-spacing:0}.login-form{display:grid;gap:12px}.login-form label{color:#8b949e;font-size:.9rem;font-weight:700}.login-form input{width:100%;height:46px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:0 14px;color:#f5f7fb;background:#05070a;font:inherit;outline:none}.login-form input:focus{border-color:#34d399b8;box-shadow:0 0 0 3px #34d39924}.form-error{margin:0;color:#fda4af;font-size:.9rem}.login-button,.logout-button,.reload-button{cursor:pointer;transition:border-color .16s ease,background-color .16s ease,opacity .16s ease}.login-button{display:inline-flex;align-items:center;justify-content:center;height:46px;margin-top:8px;border:1px solid rgba(52,211,153,.76);border-radius:8px;color:#04110c;background:#34d399;font-weight:800}.login-button:hover:not(:disabled){background:#6ee7b7}.login-button:disabled,.logout-button:disabled,.reload-button:disabled{cursor:not-allowed;opacity:.62}.auth-loading{height:6px;overflow:hidden;border-radius:999px;background:#171c22}.auth-loading:after{display:block;width:42%;height:100%;border-radius:inherit;background:#34d399;animation:auth-loading 1s ease-in-out infinite alternate;content:""}.status-page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:56px 0}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12)}.eyebrow{margin:0 0 10px;color:#8b949e;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;color:#f5f7fb;font-size:clamp(2.5rem,7vw,5.6rem);line-height:.95;letter-spacing:0}.action-bar{display:flex;align-items:center;gap:10px}.reload-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:112px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#f5f7fb;background:#15181d;box-shadow:0 14px 36px #00000047}.logout-button{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:74px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#c9d1d9;background:transparent}.logout-button:hover:not(:disabled){border-color:#fb718585;color:#fecdd3;background:#fb718514}.reload-button:hover:not(:disabled){border-color:#34d399b8;background:#1a1f25}.reload-button span:first-child{font-size:1.2rem;line-height:1}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}.summary-panel{min-height:116px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101318}.summary-panel span{display:block;margin-bottom:18px;color:#8b949e;font-size:.9rem}.summary-panel strong{color:#f5f7fb;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;line-height:1}.summary-panel.success strong{color:#34d399}.summary-panel.danger strong{color:#fb7185}.service-list{display:grid;gap:10px}.service-row{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(180px,1.4fr) auto;align-items:center;gap:18px;min-height:70px;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f5f7fb;background:#0d1014;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.service-row:hover{transform:translateY(-1px);border-color:#fff3;background:#12161c;color:#f5f7fb}.service-name{font-size:1rem;font-weight:750}.service-url{min-width:0;overflow:hidden;color:#8b949e;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:74px;height:32px;padding:0 12px;border-radius:999px;font-size:.86rem;font-weight:700}.status-pill span{width:7px;height:7px;border-radius:50%}.status-pill.normal{color:#c6f6df;background:#34d3991f}.status-pill.normal span{background:#34d399;box-shadow:0 0 16px #34d399cc}.status-pill.issue{color:#fecdd3;background:#fb71851f}.status-pill.issue span{background:#fb7185;box-shadow:0 0 16px #fb7185cc}.empty-state{display:grid;gap:8px;padding:26px;border:1px solid rgba(251,113,133,.28);border-radius:8px;color:#fecdd3;background:#fb718514}.empty-state span{color:#fda4af}.skeleton{pointer-events:none}.skeleton div{height:14px;border-radius:999px;background:linear-gradient(90deg,#1b2028,#252b34,#1b2028);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton div:nth-child(2){width:72%}.skeleton div:nth-child(3){width:74px;height:32px;justify-self:end}@keyframes shimmer{to{background-position-x:-200%}}@keyframes auth-loading{0%{transform:translate(-10%)}to{transform:translate(150%)}}@media(max-width:760px){.status-page{width:min(100% - 28px,1120px);padding:32px 0}.hero{align-items:stretch;flex-direction:column}.action-bar{display:grid;grid-template-columns:1fr auto}.reload-button{width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-row{grid-template-columns:1fr auto;gap:8px 14px}.service-url{grid-column:1 / -1;grid-row:2}}@media(max-width:460px){.summary-grid{grid-template-columns:1fr}.summary-panel{min-height:92px}}