.sms-records-panel{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.sms-records-panel>header{display:flex;justify-content:space-between;align-items:flex-start}.sms-records-panel h2{margin:0 0 7px;font-size:26px}.sms-records-panel header p{margin:0;color:var(--muted)}.sms-record-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.sms-record-stats article{padding:20px;border:1px solid #dfe7ee;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc)}.sms-record-stats strong,.sms-record-stats span{display:block}.sms-record-stats strong{font-size:28px}.sms-record-stats span{color:var(--muted)}.sms-record-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.sms-record-filter label{display:flex;align-items:center;gap:7px}.sms-record-filter input,.sms-record-filter select{width:auto;min-width:150px}.sms-quick{display:flex;gap:7px}.sms-quick button{background:#fff;color:var(--ink);border:1px solid var(--line)}.sms-record-code{display:flex;align-items:center;gap:7px}.sms-record-code button{padding:5px 8px;font-size:11px}.sms-status{padding:4px 8px;border-radius:7px;background:#eef2f6}.sms-status.used{background:#eaf8ef;color:#22834d}.sms-status.failed{background:#fff0ef;color:#b43b34}.sms-status.unused{background:#fff8e8;color:#916116}@media(max-width:900px){.sms-record-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sms-records-panel{padding:18px}.sms-record-stats{grid-template-columns:1fr 1fr}.sms-record-filter label{width:100%}.sms-record-filter input,.sms-record-filter select{flex:1;min-width:0}}