*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172b4d;font:16px/1.5 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:32px 20px}header{margin-bottom:26px}h1{font-size:32px;line-height:1.2}h2{font-size:21px;margin:0 0 16px}.badge{display:inline-block;background:#fff0c2;color:#694600;border-radius:20px;padding:4px 12px;font-weight:700;font-size:12px}section{background:white;border:1px solid #dde5ef;border-radius:14px;padding:24px;margin-bottom:20px;min-width:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-weight:600;margin:12px 0 6px}input,select,textarea{font:inherit;border:1px solid #acb9ca;border-radius:7px;padding:10px;width:100%;background:white}textarea{font:14px/1.5 monospace}button{border:0;border-radius:7px;padding:11px 16px;margin:16px 8px 0 0;background:#164da7;color:white;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.5}.note{font-size:14px;color:#56677d}pre{overflow:auto;background:#122440;color:#ecf3ff;padding:18px;border-radius:8px;font:13px/1.6 monospace;max-height:500px}input:focus,textarea:focus,select:focus,button:focus{outline:3px solid #9cbefb;outline-offset:2px}@media(max-width:640px){.grid{grid-template-columns:1fr;gap:0}main{padding:20px 12px}section{padding:18px}h1{font-size:27px}button{width:100%;margin-right:0}}

.sms-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px}.sms-list{display:grid;gap:12px}.sms-card{border:1px solid #dde5ef;border-radius:10px;padding:16px;background:#f8fafc;min-width:0;overflow-wrap:anywhere}.sms-card h3{margin:0;font-size:18px}.sms-card p{margin:8px 0}.sms-content{white-space:pre-wrap}.sms-card button{margin-top:4px}.sms-paging{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sms-paging button{margin-right:0}#sms-detail{margin-top:20px;border-top:2px solid #dde5ef;padding-top:12px}#sms-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:640px){.sms-filters{grid-template-columns:1fr;gap:0}.sms-paging button{width:auto;flex:1}.sms-paging span{order:3;width:100%;text-align:center}}