*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
margin:0;background:#0b1220;color:#e8eef9}a{color:#9ec1ff;text-decoration:none}a:hover{text-decoration:underline}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f162a;border-bottom:1px solid #1c2848}
.wrap{max-width:1100px;margin:20px auto;padding:0 16px}
.card{background:#0f162a;border:1px solid #1c2848;border-radius:12px;padding:16px;margin-bottom:16px}
.input, select, textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #2b3b6a;background:#0b1220;color:#e8eef9}
.label{display:block;margin:8px 0 6px 0}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid #3751a6;background:#1a2b57;color:#e8eef9;cursor:pointer}
.btn:hover{background:#20346b}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #1c2848;text-align:left}
.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ok{background:#0c3a1a;border:1px solid #0a8a40;color:#bcffd2;padding:10px 12px;border-radius:8px;margin-bottom:12px}
.err{background:#3a0c0c;border:1px solid #8a0a0a;color:#ffd2d2;padding:10px 12px;border-radius:8px;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.footer{padding:20px;text-align:center;color:#9fb0d9}
.small{font-size:12px;color:#9fb0d9}
.badge{background:#14234a;border:1px solid #2b3b6a;border-radius:999px;padding:4px 8px;font-size:12px}
.search{margin-bottom:12px}