:root{font-family:system-ui,-apple-system,sans-serif;color:#182633;background:#f3f6f8}body{margin:0}main{max-width:1120px;margin:32px auto;padding:0 18px}header{padding:24px 28px;background:#123c53;color:white;border-radius:14px}header h1{margin:0}header p{margin:6px 0 0;color:#cfe2ed}section{background:white;padding:24px;margin-top:20px;border-radius:14px;box-shadow:0 2px 12px #1020300d}label{display:block;margin:12px 0;font-weight:600}input,select{padding:10px;border:1px solid #b8c4cc;border-radius:7px;margin:5px;max-width:100%;font:inherit}button{background:#166b8b;color:white;border:0;padding:11px 16px;border-radius:8px;cursor:pointer;font-weight:600}button:hover{background:#0d526e}.bar{display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metrics article{background:#eff5f7;padding:18px;border-radius:10px}.metrics strong{display:block;font-size:28px;margin-top:8px}small{color:#566875}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #e1e7eb}th{font-size:13px;color:#526471}#journey{padding:16px;background:#f6f8fa;border-radius:9px;min-height:45px}#message{color:#a43d2e;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{margin:25px 0;color:#657783;font-size:13px}@media(max-width:650px){.metrics{grid-template-columns:1fr}section{padding:14px}}