:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0f1720;color:#e6edf3}.app{max-width:1040px;margin:0 auto;padding:48px 24px}header h1{margin:0 0 4px;font-size:28px}.sub{margin:0 0 28px;color:#8b98a5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#17212b;border:1px solid #24303c;border-radius:10px}.card .name{flex:1;font-weight:600}.card .state{font-size:12px;text-transform:uppercase;color:#8b98a5}.dot{width:10px;height:10px;border-radius:50%;background:#8b98a5}.card.ok .dot{background:#2ea043}.card.down .dot{background:#f85149}.card.checking .dot{background:#d29922}footer{margin-top:32px;color:#8b98a5;font-size:14px}code{background:#17212b;padding:2px 6px;border-radius:4px}.admin{margin-top:40px}.admin h2,.admin h3{margin:24px 0 8px}.hint{color:#8b98a5;font-size:14px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#8b98a5}.form .wide{grid-column:1 / -1}.form input,.form select,.form textarea{background:#17212b;color:#e6edf3;border:1px solid #24303c;border-radius:8px;padding:8px 10px;font:inherit}.form button{grid-column:1 / -1;justify-self:start;background:#238636;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}.form button:disabled{opacity:.6;cursor:default}.msg{color:#79c0ff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid #24303c}
