.cs443-page{max-width:1280px;margin:0 auto;padding:28px 24px 70px}.cs443-overall{display:grid;grid-template-columns:18px 1fr;gap:14px;align-items:center;margin:18px 0;padding:20px;border-radius:17px;border:1px solid #523064;background:linear-gradient(180deg,#14081d,#09040d)}.cs443-overall-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 20px currentColor}.cs443-overall span{font-size:9px;font-weight:950;letter-spacing:.12em;color:#a990b3}.cs443-overall h2{margin:4px 0 5px;font-size:20px}.cs443-overall p{margin:0;color:#9986a3;font-size:11px}.cs443-overall.operational{border-color:#246446}.cs443-overall.operational .cs443-overall-dot{background:#4fd99a;color:#4fd99a}.cs443-overall.degraded,.cs443-overall.stale,.cs443-overall.collecting{border-color:#725d2e}.cs443-overall.degraded .cs443-overall-dot,.cs443-overall.stale .cs443-overall-dot,.cs443-overall.collecting .cs443-overall-dot{background:#e9b657;color:#e9b657}.cs443-overall.incident{border-color:#7b3348}.cs443-overall.incident .cs443-overall-dot{background:#ef627d;color:#ef627d}
.cs443-panel{padding:20px;margin-top:12px}.cs443-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.cs443-section-head h2{margin:4px 0}.cs443-section-head>small{color:#82728b;font-size:9px;max-width:460px;text-align:right;line-height:1.5}
.cs443-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs443-live-grid article{padding:16px;border:1px solid #30113a;background:#09040c;border-radius:13px}.cs443-live-grid article.up{border-color:#245b40}.cs443-live-grid article.down{border-color:#6f3042;background:#14070c}.cs443-live-grid article.stale{border-color:#635125}.cs443-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.cs443-card-top small{display:block;color:#8d7996;font-size:8px;text-transform:uppercase}.cs443-card-top h3{margin:4px 0 0;font-size:14px}.cs443-live-state{display:inline-flex;padding:5px 7px;border-radius:999px;border:1px solid #4c2758;color:#b29abe;font-size:8px;font-weight:950}.cs443-live-grid article.up .cs443-live-state,.cs443-live-state.up{border-color:#286b4b;background:#07180f;color:#70e4aa}.cs443-live-grid article.down .cs443-live-state,.cs443-live-state.down{border-color:#743447;background:#210911;color:#ff9caf}.cs443-live-grid article.stale .cs443-live-state,.cs443-live-state.stale{border-color:#6d5829;background:#1c1507;color:#f1c36c}.cs443-card-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.cs443-card-meta span{font-size:8px;color:#7f6e88}.cs443-card-meta b{color:#cbb7d4}.cs443-card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #25102b;font-size:8px;color:#76667f}.cs443-card-bottom b{color:#9e8baa}.cs443-empty{padding:22px;text-align:center;border:1px dashed #3b1745;border-radius:12px;color:#8b7894}
.cs443-uptime-list{display:grid;gap:5px}.cs443-uptime-row{display:grid;grid-template-columns:1fr 150px 150px;gap:10px;align-items:center;padding:12px;border-top:1px solid #28102f}.cs443-uptime-row strong,.cs443-uptime-row small{display:block}.cs443-uptime-row small{color:#806f88;margin-top:3px;font-size:8px}.cs443-uptime-row>div:nth-child(n+2){text-align:right}.cs443-uptime-row>div:nth-child(n+2) span{display:block;color:#806d89;font-size:8px}.cs443-uptime-row>div:nth-child(n+2) b{font-size:13px}
.cs443-incidents{display:grid;gap:5px}.cs443-incidents article{display:grid;grid-template-columns:14px 1fr 180px 100px 110px;gap:10px;align-items:center;padding:12px;border-top:1px solid #28102f}.cs443-incident-icon{width:9px;height:9px;border-radius:50%;background:#42ce8a}.cs443-incidents article.open .cs443-incident-icon{background:#e75a75}.cs443-incidents strong,.cs443-incidents small{display:block}.cs443-incidents small{color:#806e89;font-size:8px}.cs443-incidents article>div:nth-child(n+3) span{display:block;color:#806e89;font-size:7px}.cs443-incidents article>div:nth-child(n+3) b{font-size:9px}.cs443-incident-status{display:inline-flex;justify-content:center;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:950}.cs443-incident-status.open{border:1px solid #743447;background:#210911;color:#ff9caf}.cs443-incident-status.resolved{border:1px solid #286b4b;background:#07180f;color:#70e4aa}
.cs443-admin-page{max-width:1450px;margin:0 auto;padding:28px 24px 70px}.cs443-admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cs443-admin-actions form{margin:0}.cs443-flash{padding:12px 14px;margin:10px 0;border:1px solid #51205f;background:#14071a;border-radius:11px;color:#d8c5e1}.cs443-flash.success{border-color:#286b4a;background:#07160f;color:#72e4aa}.cs443-flash.error{border-color:#743447;background:#210911;color:#ff9caf}.cs443-admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.cs443-admin-stats article{padding:17px;border:1px solid #32113c;background:#09040c;border-radius:13px}.cs443-admin-stats span{display:block;color:#a98aba;font-size:8px;font-weight:950;letter-spacing:.08em}.cs443-admin-stats b{display:block;margin-top:7px;font-size:22px}.cs443-admin-stats b.good{color:#65e4a5}.cs443-admin-stats b.bad{color:#ff8199}.cs443-admin-table{padding:18px;margin-top:12px}.cs443-admin-scroll{overflow:auto}.cs443-admin-table table{width:100%;border-collapse:collapse;min-width:1050px}.cs443-admin-table th,.cs443-admin-table td{text-align:left;padding:10px;border-bottom:1px solid #28102f;font-size:9px}.cs443-admin-table th{color:#a98aba;font-size:7px;letter-spacing:.08em}.cs443-admin-table td strong,.cs443-admin-table td small{display:block}.cs443-admin-table td small{color:#817088;margin-top:3px;max-width:320px;line-height:1.4}
@media(max-width:1050px){.cs443-live-grid{grid-template-columns:1fr 1fr}.cs443-admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.cs443-page,.cs443-admin-page{padding:18px 12px 55px}.cs443-live-grid{grid-template-columns:1fr}.cs443-section-head{display:block}.cs443-section-head>small{display:block;text-align:left;margin-top:6px}.cs443-uptime-row{grid-template-columns:1fr 1fr 1fr}.cs443-uptime-row>div:nth-child(n+2){text-align:left}.cs443-incidents article{grid-template-columns:14px 1fr}.cs443-incidents article>*:nth-child(n+3){grid-column:2}.cs443-admin-stats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cs443-uptime-row{grid-template-columns:1fr}.cs443-admin-stats{grid-template-columns:1fr}}