:root{font-family:Segoe UI,Arial,sans-serif;color:#182b43;background:#f3f6fa}*{box-sizing:border-box}body{margin:0} [hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:11px 18px;background:#215cd6;color:white}button:disabled{opacity:.5;cursor:default}input,select{border:1px solid #cbd5e1;border-radius:7px;padding:11px;background:white}h1{font-size:30px;margin:12px 0}p{color:#65758a}label{display:grid;gap:8px;margin:20px 0}.brand{font-size:13px;font-weight:700;letter-spacing:2px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#e7eef9,#f7fafc)}.login form{width:min(430px,92vw);padding:38px;background:white;border-radius:15px;box-shadow:0 15px 70px #1b355417}.login button{width:100%}#loginError{color:#b42318}#dashboard{display:flex;min-height:100vh}aside{width:250px;flex-shrink:0;background:#10243d;color:white;padding:32px 22px;display:flex;flex-direction:column}aside h2{font-size:14px;color:#a8b8ce;margin:45px 0 18px}nav button{width:100%;text-align:left;background:#27466a}.account{margin-top:auto;display:grid;gap:15px;padding-top:40px}.account button{background:#243d59}main{padding:40px;width:calc(100% - 250px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#215cd6}.panel{background:white;border:1px solid #e0e7ef;border-radius:12px;padding:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.toolbar input{width:min(380px,70%)}#count{color:#65758a;font-size:14px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}th{text-align:left;color:#5b6b80;font-size:12px;background:#f5f8fb;padding:16px}td{padding:14px 16px;border-bottom:1px solid #edf1f6}td select{padding:7px}td button{padding:8px 14px}.null{color:#98a4b3}@media(max-width:800px){#dashboard{flex-direction:column}aside{width:100%;padding:20px}aside h2{margin:18px 0}.account{margin:15px 0 0;padding:0;display:flex;align-items:center;justify-content:space-between}main{width:100%;padding:20px}header{gap:10px}h1{font-size:25px}}
.databasePicker{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e7ef}.databasePicker label{margin:0;font-weight:600}.databasePicker select{min-width:240px;max-width:100%}#databaseStatus{color:#65758a;font-size:14px}