body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#0f1115;color:#e8e8e8}
a{color:#8ab4f8;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:20px}
.nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}
.nav .left,.nav .right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.card{background:#171a21;border:1px solid #2a2f3a;border-radius:10px;padding:16px;margin-bottom:14px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}
@media (max-width: 900px){.grid{grid-template-columns:1fr}}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #2a2f3a;padding:8px;text-align:left;vertical-align:top}
.table th{font-size:12px;color:#b6b6b6;text-transform:uppercase;letter-spacing:.06em}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.input{background:#0f1115;border:1px solid #2a2f3a;color:#e8e8e8;border-radius:8px;padding:8px 10px}
.btn,.btn-sm{background:#2d6cdf;border:1px solid #2d6cdf;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}
.btn-sm{padding:6px 10px;font-size:13px}
.btn:hover,.btn-sm:hover{filter:brightness(1.1)}
.muted{color:#a2a2a2}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.flash{padding:10px;border-radius:8px;margin-bottom:10px}
.flash.ok{background:#12301c;border:1px solid #2a6b3f}
.flash.err{background:#351515;border:1px solid #7a2a2a}
.flash.info{background:#141e35;border:1px solid #2a3f7a}