.history-button{border:0;background:var(--purple-light);color:var(--purple);border-radius:11px;padding:10px 13px;font:800 13px Nunito;cursor:pointer}.history-dialog{width:min(620px,calc(100% - 30px))}.history-content{padding:28px}.month-picker{display:block}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 10px}.history-summary article{background:var(--bg);border:1px solid var(--line);border-radius:15px;padding:15px}.history-summary small{display:block;color:var(--muted);font-weight:700}.history-summary strong{font-size:20px}.history-progress{height:7px;background:#e8f6f0;border-radius:5px;overflow:hidden;margin-bottom:18px}.history-progress span{display:block;height:100%;background:var(--green);transition:.3s}.history-list{display:grid;gap:8px;max-height:300px;overflow:auto}.history-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px}.history-item-icon{font-size:21px}.history-item strong{display:block;font-size:14px}.history-item small{color:var(--muted)}.history-item-value{font-weight:900;color:var(--green)}@media(max-width:750px){.history-button{font-size:0;padding:10px}.history-button:first-letter{font-size:18px}.history-summary{grid-template-columns:1fr}.history-content{padding:20px}}