.forward-main{max-width:1180px;margin:40px auto;padding:0 22px}.forward-main h1{font-size:34px;letter-spacing:-1px}.forward-main .panel{padding:24px;margin:24px 0}.forward-main h2{font-size:19px;margin:0 0 16px}.forward-main p{line-height:1.7}.connection-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.connection-form input,select{padding:9px;border:1px solid #ccd3cb;border-radius:7px;background:white;max-width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#f3f6ef;padding:18px;border-radius:10px}.metric strong{display:block;font-size:27px;margin-top:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid #e3e8e0}th{font-size:12px;color:#58675d}#error{color:#8b301c;background:#fff0e8;padding:14px;border-radius:8px}.selected{color:#285532;font-weight:700}.subtle{overflow-wrap:anywhere}@media(max-width:640px){.metric-grid{grid-template-columns:repeat(2,1fr)}.forward-main{padding:0 14px;margin-top:24px}.forward-main .panel{padding:16px}.app-nav{flex-wrap:wrap;gap:12px}.app-nav nav{flex-wrap:wrap}.panel-heading{flex-wrap:wrap;gap:12px}}