*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.container{max-width:480px;margin:0 auto;padding:3rem 1.5rem}h1{font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center;color:#f8fafc}.loading{text-align:center;color:#94a3b8}.status-card{background:#1e293b;border-radius:12px;padding:2rem;border:1px solid #334155}.status-card.error{border-color:#ef4444}.indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:.5rem;vertical-align:middle}.indicator.green{background:#22c55e;box-shadow:0 0 8px #22c55e80}.indicator.yellow{background:#eab308;box-shadow:0 0 8px #eab30880}.indicator.red{background:#ef4444;box-shadow:0 0 8px #ef444480}h2{display:inline;font-size:1.1rem;font-weight:500}.details{margin-top:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #334155}.detail-row:last-child{border-bottom:none}.label{color:#94a3b8;font-size:.875rem}.value{font-weight:500;font-size:.875rem}button{margin-top:1rem;padding:.5rem 1.5rem;border:1px solid #475569;border-radius:6px;background:transparent;color:#e2e8f0;cursor:pointer;font-size:.875rem}button:hover{background:#334155}