:root { font-family: Inter, system-ui, sans-serif; color: #1b2533; background: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; }
header { background: #10243e; color: white; padding: 16px max(24px, calc((100vw - 1100px)/2)); display: flex; justify-content: space-between; align-items: center; }
header span { display: block; font-size: .82rem; opacity: .72; margin-top: 2px; }
main { max-width: 1100px; margin: 0 auto; padding: 24px; }
nav { display: flex; gap: 8px; border-bottom: 1px solid #d8dee7; margin-bottom: 24px; }
button { background: #126e82; color: #fff; border: 0; border-radius: 5px; padding: 9px 13px; cursor: pointer; }
button.secondary, button.nav { background: transparent; color: inherit; border: 1px solid currentColor; }
button.nav { border: 0; border-radius: 0; color: #52606d; }
button.nav.active { color: #126e82; border-bottom: 2px solid #126e82; }
.view { display: none; }.view.active { display: block; }
h1 { margin-top: 0; font-size: 1.45rem; } h2 { font-size: 1.1rem; margin-top: 28px; }
.panel, .filters { background: #fff; border: 1px solid #d8dee7; border-radius: 8px; padding: 18px; display: grid; gap: 12px; }
.filters { display: flex; flex-wrap: wrap; margin-bottom: 16px; }
label { display: grid; gap: 5px; font-weight: 600; } small { font-weight: 400; color: #687586; }
input, textarea { font: inherit; padding: 8px; border: 1px solid #bac5d2; border-radius: 4px; width: 100%; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin-bottom: 18px; }
.stat, .row { background: white; border: 1px solid #d8dee7; border-radius: 7px; padding: 12px; }
.stat b { display: block; font-size: 1.35rem; }.stat span, .muted { color: #687586; font-size: .85rem; }
.list { display: grid; gap: 8px; }.row { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
.row h3 { margin: 0 0 3px; font-size: 1rem; }.row p { margin: 4px 0 0; }.status { white-space: nowrap; font-size: .85rem; color: #126e82; }
#discovery-message { min-height: 1em; margin: 0; color: #9c2c2c; }
@media (max-width: 560px) { main { padding: 16px; } .row { display: block; }.status { margin-top: 8px; } }