body{margin:0}header{padding:12px 32px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #d9e5df}main{max-width:1440px;margin:auto;padding:32px}h1{font-size:36px;letter-spacing:-1px;margin:8px 0}.eyebrow{font-size:11px;letter-spacing:2px;margin-top:28px}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap;background:white;padding:24px;border:1px solid #d9e5df;border-radius:16px;margin:28px 0}label{display:grid;gap:5px;font-size:13px}.check{display:flex;align-items:center;min-height:44px}select,input{border:1px solid #bccfc5;border-radius:7px;padding:8px;background:white}button{border:1px solid #285d4b;background:white;color:#244d40;padding:10px 20px;border-radius:8px;cursor:pointer}form button{background:#245640;color:white}.table-scroll{overflow:auto;background:white;border:1px solid #d9e5df;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:850px}caption{text-align:left;padding:16px;color:#52685e}thead{background:#eaf0eb}td{border-top:1px solid #e1e9e3}td small{display:block;color:#64746e}nav{display:flex;gap:20px;justify-content:flex-end;align-items:center;margin-top:20px}.error{color:#922b20}header select{max-width:270px}@media(max-width:700px){header,main{padding:16px}header{flex-wrap:wrap}h1{font-size:29px}form{padding:16px;gap:12px}form label{flex:1 1 170px}nav{justify-content:space-between}}
.trend-card{background:white;padding:20px;border:1px solid #d9e5df;border-radius:12px;margin:16px 0}.trend-card svg{width:100%;max-height:340px}td button{display:block;font-size:12px;padding:4px 8px;min-height:34px;margin-top:4px}#trends text{font-size:11px}