@font-face{font-family:system;src:local(Tahoma)}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#182230;font-family:system,Tahoma,sans-serif}header{height:68px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}header b{font-size:20px;color:#174b8f}header span{color:#7a8797;margin-right:8px}nav{display:flex;gap:22px}a{color:#1769aa;text-decoration:none}main{max-width:1180px;margin:32px auto;padding:0 18px}.hero,.card-title{display:flex;align-items:center;justify-content:space-between}.hero{margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:27px}.hero p,.narrow p{color:#758296}.button,button{background:#1677b8;color:#fff;border:0;border-radius:9px;padding:11px 17px;cursor:pointer;font:inherit}.secondary{background:#e8f2fb;color:#1769aa}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stats article,.card{background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:22px;box-shadow:0 3px 14px #1e3a5f0a}.stats strong{display:block;font-size:30px;color:#1769aa}.stats span{color:#7a8797}.card{margin-bottom:20px}.card h2{font-size:18px;margin:0 0 18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:14px;border-bottom:1px solid #eef1f5}th{color:#6b7787;font-weight:500}.badge{padding:5px 10px;border-radius:20px;font-size:12px}.badge.on{background:#e3f7ed;color:#087b46}.badge.off{background:#f1f2f4;color:#687383}.actions{display:flex;align-items:center;gap:12px}.actions form{margin:0}.link{padding:0;background:none;color:#1769aa}.danger{color:#c53636}.empty{text-align:center;color:#8491a2}.two{grid-template-columns:1fr 1fr}.form{display:grid;gap:16px}.form label{display:grid;gap:7px;color:#546172}.form input,.form select,.form textarea{width:100%;border:1px solid #ccd5df;border-radius:9px;padding:11px;background:#fff;font:inherit}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.narrow{max-width:720px;margin:auto}.timeline,.logs{list-style:none;padding:0;margin:0}.timeline li,.logs li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef1f5}.timeline span,small{color:#7d8998}.logs .error span{color:#b52d2d}.logs .success span{color:#087b46}.alert{padding:14px 18px;border-radius:10px;margin-bottom:18px}.alert.success{background:#e3f7ed;color:#087b46}.alert.error{background:#fdeaea;color:#a62525}@media(max-width:760px){.stats,.two{grid-template-columns:1fr}.hero,.card-title{align-items:flex-start;gap:12px;flex-direction:column}header span{display:none}.actions{min-width:190px}}
.connection-samples{display:grid;gap:8px;background:#f5f8fc;border:1px solid #dce5ef;border-radius:10px;padding:14px;color:#526173}.connection-samples code{display:block;direction:ltr;text-align:left;white-space:normal;overflow-wrap:anywhere;background:#e9eff6;border-radius:7px;padding:10px;color:#23415f}.connection-samples small{color:#738194}nav form{margin:0}.auth{max-width:440px;margin:7vh auto;text-align:center;padding:32px}.auth .form{text-align:right}.auth-icon{font-size:42px}.auth h1{margin-bottom:8px}.auth p{color:#758296;margin-bottom:24px}
