body{font-family:Arial,Helvetica,sans-serif;background:#0b1220;color:#e5e7eb;margin:0}
a{color:#93c5fd;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:20px}
.card{background:#0f1b33;border:1px solid #1f2b47;border-radius:12px;padding:16px;margin-top:16px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
label{display:block;margin:10px 0 6px;color:#cbd5e1}
input{width:100%;padding:10px;border-radius:10px;border:1px solid #243455;background:#0b1220;color:#e5e7eb}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid #2b3b63;background:#172554;color:#e5e7eb;cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.alert{background:#3f1d1d;border:1px solid #7f1d1d;padding:10px;border-radius:10px}
.success{background:#12321e;border:1px solid #166534;padding:10px;border-radius:10px}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:10px;border-bottom:1px solid #1f2b47}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tag{padding:4px 10px;border-radius:999px;font-size:12px;display:inline-block}
.tag.active{background:#064e3b;border:1px solid #065f46}
.tag.inactive{background:#3f1d1d;border:1px solid #7f1d1d}
@media (max-width:860px){.grid{grid-template-columns:1fr}}