*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#172437;font-family:system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:28px}header{display:flex;gap:24px;align-items:center;border-bottom:1px solid #dce3eb;padding-bottom:20px}header strong{font-size:26px}header span,.muted,small{color:#58687a}h1{font-size:30px;margin-bottom:8px}h2{margin:0}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;margin-top:28px}aside,section{background:#fff;border:1px solid #dce3eb;border-radius:12px;padding:20px}label{display:block;font-size:14px;font-weight:600}input{display:block;width:100%;margin:8px 0 16px;padding:11px;border:1px solid #aebbc9;border-radius:6px;font:inherit}button{font:inherit;cursor:pointer;border:1px solid #dce3eb;border-radius:6px;background:#fff;padding:10px;color:inherit}button:hover,button.selected{background:#edf4ff;border-color:#2563eb}button:focus-visible,input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.results{max-height:650px;overflow:auto}.results button{display:block;text-align:left;width:100%;margin-bottom:8px}.results span{display:block;font-size:12px;margin-top:5px;color:#58687a}small{font-size:12px;font-weight:400}.dates{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.dates input{margin-bottom:0}.summary{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}.summary strong{font-size:26px}.summary span{font-size:13px;color:#58687a}.chart{height:380px;margin-top:16px}.empty{padding:100px 20px;text-align:center;color:#58687a}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;padding:10px;border-bottom:1px solid #e8edf2}th:first-child,td:first-child{text-align:left}caption{text-align:left;padding:16px 0;font-weight:600}[role=alert]{color:#a61c29}@media(max-width:800px){main{padding:16px}.layout{grid-template-columns:1fr}.results{max-height:220px}.chart{height:300px}}