*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#f6f7fb;margin:0;color:#222}
a{color:#0b57d0;text-decoration:none}
.container{max-width:1000px;margin:auto;padding:20px}
.card{background:#fff;border:1px solid #e9e9ef;border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr 1fr}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#111;color:#fff;border:none;cursor:pointer}
.btn.secondary{background:#0b57d0}
.btn.light{background:#eef2ff;color:#0b57d0}
.input{width:100%;padding:11px 12px;border:1px solid #ddd;border-radius:10px;margin-top:6px}
.nav{background:#fff;border-bottom:1px solid #eee}
.nav .container{display:flex;align-items:center;justify-content:space-between}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#eef2ff;color:#0b57d0;font-size:12px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left;font-size:14px}
.alert{padding:10px 12px;border-radius:10px;margin-bottom:12px}
.alert.ok{background:#e9fff0;border:1px solid #b7f0c7}
.alert.err{background:#fff0f0;border:1px solid #ffcccc}
.small{font-size:13px;color:#666}
@media(max-width:800px){.grid-2{grid-template-columns:1fr}}