:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#15253b;background:#eef2f6}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:16px;align-items:center;padding:22px 4vw;color:white;background:linear-gradient(120deg,#102a43,#176b87)}header h1,header p{margin:2px}.brand{display:grid;place-items:center;width:54px;height:54px;border:2px solid #d6b766;border-radius:14px;color:#d6b766;font-weight:800;font-size:24px}main{width:min(1500px,94vw);margin:22px auto}.card{background:white;border:1px solid #d9e2ec;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 5px 20px #243b5312}.connection,.filters,.actions,.result-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filters{align-items:end}.filters label{min-width:160px;flex:1}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}[hidden]{display:none!important}input,select,button{min-height:40px;border:1px solid #bcccdc;border-radius:8px;padding:8px 11px;background:white}button{border:0;background:#176b87;color:white;font-weight:700;cursor:pointer}button.secondary{background:#526d82}button:disabled{opacity:.45;cursor:not-allowed}#status{padding:10px;color:#627d98}.result-head{justify-content:space-between}.table-wrap{overflow:auto;margin-top:12px;max-height:60vh}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{position:sticky;top:0;background:#173f5f;color:white;text-align:left}th,td{padding:8px;border-bottom:1px solid #e4e7eb}tbody tr:nth-child(even){background:#f7f9fb}.error{color:#b42318!important}@media(max-width:700px){main{width:96vw}.filters label{min-width:45%}}