*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f7f7f7;color:#222}
.container{max-width:960px;margin:0 auto;padding:16px}
h1{font-size:22px;margin:12px 0}
.form{display:flex;flex-direction:column;gap:10px;background:#fff;padding:16px;border:1px solid #e5e5e5;border-radius:8px}
.form input{height:40px;padding:8px;border:1px solid #ccc;border-radius:6px}
.btn{display:inline-block;background:#1677ff;color:#fff;padding:8px 14px;border-radius:6px;text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:#0f63d6}
.btn-sm{padding:6px 10px}
.alert{background:#fff3cd;color:#664d03;border:1px solid #ffecb5;border-radius:8px;padding:10px;margin-bottom:12px}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.table th{background:#fafafa}
.pager{display:flex;align-items:center;gap:10px;margin-top:12px}
@media (max-width:640px){.table th:nth-child(3),.table td:nth-child(3){display:none}}