aside{width:252px;overflow-y:auto;padding:22px 14px}.logo{margin-bottom:14px}aside p{margin-top:15px}.nav{height:36px;font-size:12px}main{margin-left:252px}.fields{display:grid;grid-template-columns:1fr;gap:10px}.fields label{font-size:10px;color:#b6c3db}.fields input{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #34435f;border-radius:6px;background:#17243d;color:#fff;min-width:0}#connection{padding:10px 9px;border:1px solid #2b3851;border-radius:9px;background:#152038}#form button,#csv{padding:10px 12px;border:1px solid #dfe3e9;border-radius:7px;background:white;cursor:pointer}#form button{width:100%;font-size:10px;margin-top:10px;border-color:#34435f;background:#22314b;color:#bdc9dd}#form button[type=submit]{background:#315fda;color:white;border:0}button:disabled{opacity:.5;cursor:default}#status{font-size:10px;color:#a8b7d2;line-height:1.7;overflow-wrap:anywhere}#empty-state{padding:45px;color:#8793a5;text-align:center}.tools>select[hidden]{display:none}.heading>button{white-space:nowrap}#table td{max-width:480px;overflow:hidden;text-overflow:ellipsis}.page{max-width:1450px}.barcol i{position:static;margin-bottom:4px}#view[hidden]{display:none!important}@media(max-width:1000px){aside{width:225px}main{margin-left:225px}}@media(max-width:700px){aside{display:flex;position:static;width:100%;max-height:none}.logo{margin-bottom:0}#data-nav{display:grid;grid-template-columns:1fr 1fr}main{margin:0}.fields{grid-template-columns:1fr}.heading>button{font-size:10px}.tools{display:flex;gap:10px;flex-wrap:wrap}.tools>div:last-child{margin:0}}