:root{font-family:Segoe UI,Arial,sans-serif;color:#172e39;background:#f2f5f7;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#142f3a;color:white;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}header span{font-weight:400;color:#b4cbd4}main{max-width:1280px;margin:40px auto;padding:0 28px;min-height:75vh}h1{font-size:32px;margin:6px 0 24px;font-weight:600}h2{font-size:21px;margin-top:32px}button,input{font:inherit}button{padding:10px 17px;border:1px solid #b9cbd1;border-radius:7px;background:white;cursor:pointer;color:#173f4d}button:hover{background:#e7f2f2}button:disabled{opacity:.5;cursor:default}.primary{background:#167c79;color:white;border:0}label{display:block;font-size:14px;color:#49616c}input{display:block;width:100%;margin:8px 0 20px;padding:12px;border:1px solid #acbec6;border-radius:6px;background:white}button:focus-visible,input:focus-visible{outline:3px solid #3eaca2;outline-offset:3px}#login{background:white;border:1px solid #d8e1e5;max-width:420px;padding:32px;margin:80px auto}.eyebrow{font-size:14px;color:#5f747e;margin:0}.title{display:flex;align-items:center;justify-content:space-between;gap:24px}.notice{background:#fff4d9;color:#695321;border-left:4px solid #d7a845;padding:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric,.database{padding:20px;background:white;border:1px solid #d5e0e5;border-radius:8px}.metric strong{display:block;font-size:32px;margin-top:8px}.databases{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.database h3{font-size:17px;margin:0 0 14px}.database p{color:#647983;font-size:14px;min-height:20px}.badge{display:inline-block;background:#e7eff3;padding:5px 9px;border-radius:5px;font-size:14px}.badge.quarantine,.badge.error{background:#fff0d7;color:#775000}.badge.created,.badge.updated,.badge.bound{background:#dcf1e8;color:#226245}.table-wrap{overflow:auto;background:white;border:1px solid #d5e0e5;border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}th,td{padding:16px;border-bottom:1px solid #e0e8ec}th{font-size:14px;color:#536d78;background:#f8fafb}td small{display:block;margin-top:6px;color:#65808b}.search{width:300px}.search input{margin-bottom:0}.empty{padding:40px;text-align:center;color:#637b85}.audit{background:white;padding:16px;font-size:14px;border:1px solid #d5e0e5}.audit p{margin:10px 0}#detail{margin-top:24px;padding:24px;background:#fff;border:1px solid #b6cdd6;border-radius:8px}#error{background:#fee7e6;color:#882c28;padding:16px}footer{padding:24px 5vw;color:#637b85;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;background:#f1f5f7;padding:12px}[hidden]{display:none!important}@media(max-width:700px){main{padding:0 16px}.metrics{grid-template-columns:repeat(2,1fr)}.title{align-items:flex-start;flex-direction:column}.search{width:100%}h1{font-size:28px}header span{font-size:14px}}
:root{scroll-behavior:smooth}.header-actions{display:flex;gap:12px}.help-panel{background:white;border:1px solid #b6cdd6;border-radius:8px;padding:24px;margin-bottom:28px;line-height:1.6}.help-panel h2{margin:0}.help-panel details{border-top:1px solid #d5e0e5;padding:16px 0}.help-panel summary,.delivery-help summary{cursor:pointer;font-weight:600;color:#175e66;padding:4px 0}.help-panel li{margin:12px 0}.help-panel dt{font-weight:600;margin-top:16px}.help-panel dd{margin:4px 0 12px}.explanation{font-size:14px;line-height:1.55;color:#49616c}.metric .explanation{margin-bottom:0}.delivery-help{padding:12px 0;border-bottom:1px solid #d5e0e5}.delivery-help summary{font-size:14px}.delivery-help p{line-height:1.55}summary:focus-visible{outline:3px solid #3eaca2;outline-offset:3px}@media(max-width:700px){header{height:auto;min-height:76px;padding-top:16px;padding-bottom:16px;gap:16px;flex-wrap:wrap}.help-panel{padding:18px}.header-actions{gap:8px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
select{font:inherit;width:100%;padding:12px;margin:8px 0 20px;border:1px solid #acbec6;border-radius:6px;background:white;color:#172e39}#connection-form{max-width:680px}.database small{display:block;color:#49616c;font-size:14px;margin:12px 0}.help-panel[hidden]{display:none}.database button{margin-top:8px}select:focus-visible{outline:3px solid #3eaca2;outline-offset:3px}
#user-form{max-width:680px;margin-top:24px}.check-label{display:flex;align-items:center;gap:10px;margin:14px 0}.check-label input{width:auto;margin:0}#new-user{margin-top:16px}