:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f6f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:64px 28px}header{margin-bottom:34px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:#635bff}h1{font-size:42px;margin:5px 0}header p:not(.eyebrow){color:#667085}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px;background:#fff;border:1px solid #e6e8ee;border-radius:12px}label{display:grid;gap:5px;font-size:12px;color:#667085}input,select,button{font:inherit;border:1px solid #d3d7e2;border-radius:7px;padding:9px 11px;background:#fff;color:#172033}button{cursor:pointer;background:#635bff;color:#fff;border-color:#635bff;font-weight:600}.secondary{background:#fff;color:#344054;border-color:#d3d7e2}.summary{color:#667085;font-size:14px;margin:24px 0 12px}.period{background:#fff;border:1px solid #e6e8ee;border-radius:10px;margin-bottom:12px;overflow:hidden}.period-title{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:#fff;color:#172033;border:0;border-radius:0}.period-title span{color:#635bff;font-size:20px}.period-title small{margin-left:auto;color:#98a2b3}ol{margin:0;padding:0;list-style:none}li{display:grid;grid-template-columns:180px 100px minmax(180px,1fr) auto;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid #eef0f4;font-size:14px}time{color:#667085;font-variant-numeric:tabular-nums}code{color:#635bff;background:#f0efff;padding:3px 6px;border-radius:4px;width:max-content}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags b{font-size:11px;background:#e7f8ef;color:#16794a;padding:3px 6px;border-radius:99px}.error{color:#b42318}.empty{color:#667085;text-align:center;padding:32px}@media(max-width:720px){main{padding:35px 14px}h1{font-size:32px}li{grid-template-columns:1fr 1fr}.message,.tags{grid-column:1/-1}}