:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#e6effb;background:#0b1220;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1020px;margin:auto;padding:20px}header{margin:8px 0 24px}small{color:#a9c1d9}h1{font-size:25px;margin:8px 0}h2{font-size:18px}p{color:#afc0d3;line-height:1.5}.panel{background:#142034;border:1px solid #304965;border-radius:14px;padding:18px;margin:14px 0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.metrics .panel{margin:0}.metrics strong{display:block;font-size:30px;margin:9px 0}label{display:block;margin:10px 0 6px;color:#c4d8ec;font-weight:600}input,select{width:100%;padding:12px;border:1px solid #59779b;border-radius:10px;background:#0b172a;color:white;font-size:16px}select{margin-bottom:15px}svg{width:100%;height:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #304965;padding:9px;text-align:left;white-space:nowrap}th{color:#c4d8ec}.scroll{overflow:auto}.note{border-left:4px solid #dda950}footer{font-size:13px;color:#a4b8cb;margin:28px 0}a{color:#9dccff}#results[hidden]{display:none}@media(max-width:600px){main{padding:14px}h1{font-size:22px}}