:root{font-family:system-ui,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#172033;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2))}nav{display:flex;gap:20px}a{color:#3559c7;text-decoration:none}header a{color:#dce5ff}main{max-width:1180px;margin:32px auto;padding:0 20px}.login{max-width:420px;margin:12vh auto;background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 30px #16203a18}h1{margin-top:0}h2{font-size:18px;margin-top:28px}label{display:block;margin:15px 0;font-weight:600}input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #ccd3e0;border-radius:6px}small{display:block;color:#6d7585;font-weight:400;margin-top:4px}button,.button{border:0;background:#3559c7;color:#fff;padding:11px 16px;border-radius:6px;cursor:pointer;font-weight:600;display:inline-block}.secondary{background:#e8edfa;color:#2948a0}.card{background:#fff;padding:24px;border-radius:10px;max-width:700px}.alert{padding:13px 16px;background:#e3f5e9;border-radius:7px}.error,.err{color:#a01818}.title{display:flex;justify-content:space-between;align-items:center}.filters{display:flex;gap:18px;margin:20px 0;flex-wrap:wrap}.table{overflow:auto;background:#fff;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f5;vertical-align:top}.status{padding:4px 8px;border-radius:12px;font-size:13px}.pending{background:#fff1c7}.sent{background:#d8f3df}.error{background:#f9dada}.small{padding:6px 10px}@media(max-width:700px){header{padding:0 16px}header strong{display:none}.title{align-items:flex-start;gap:10px}th:nth-child(1),td:nth-child(1){display:none}}