.records-page{max-width:1280px;margin:auto;padding:58px 32px 90px}.records-head{display:flex;justify-content:space-between;align-items:end}.records-head h1{font-size:38px;margin:8px 0}.records-head p{color:var(--muted)}.link-btn{text-decoration:none}.record-stats{display:grid;grid-template-columns:repeat(6,1fr);margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:16px}.record-stat{padding:22px;text-align:center;border-right:1px solid var(--line)}.record-stat:last-child{border:0}.record-stat b{display:block;font-size:28px;color:var(--green)}.record-stat span{font-size:12px;color:var(--muted)}.records-tools{display:flex;gap:10px;margin:24px 0}.records-tools input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px}.records-tools select{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.record-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:230px;display:flex;flex-direction:column}.record-card h3{margin:17px 0 4px}.record-card .card-footer{margin-top:auto}.remove{border:0;background:none;color:#a4afac;cursor:pointer}.empty-records{text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:80px 20px}.empty-records h2{font-size:22px}.empty-records a{display:inline-block;margin-top:12px}@media(max-width:900px){.record-stats{grid-template-columns:repeat(3,1fr)}.record-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.records-page{padding:38px 16px}.records-head{display:block}.record-grid{grid-template-columns:1fr}.records-tools{flex-wrap:wrap}.record-stats{grid-template-columns:repeat(2,1fr)}}