body { font-family: system-ui, Arial, sans-serif; background:#0b1220; color:#e8eefc; margin:0; }
.container { max-width: 1100px; margin: 28px auto; padding: 0 16px; }
h1 { margin: 0 0 10px; font-size: 28px; }
h2 { margin: 0 0 10px; font-size: 18px; }
.muted { color:#a9b7d6; margin-top: 6px; }

.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap:12px; margin: 16px 0; }
.btn { display:block; background:#1f2a44; color:#e8eefc; padding:14px 16px; border-radius:12px; text-decoration:none; border:1px solid #2c3b5f; }
.btn:hover { background:#253255; }

.btn-sm { display:inline-block; background:#1f2a44; color:#e8eefc; padding:8px 10px; border-radius:10px; text-decoration:none; border:1px solid #2c3b5f; }
.btn-sm:hover { background:#253255; }

.link { color:#a9b7d6; text-decoration:none; display:inline-block; margin-bottom: 12px; }

.card { background:#0f1930; border:1px solid #223156; border-radius:14px; padding:14px; margin: 14px 0; }

table { width:100%; border-collapse: collapse; background:#0f1930; border:1px solid #223156; border-radius:14px; overflow:hidden; }
th, td { padding:10px 10px; border-bottom:1px solid #223156; font-size: 14px; white-space: nowrap; }
th { text-align:left; background:#121f3a; position:sticky; top:0; z-index: 1; }
.scroll { overflow:auto; border-radius:14px; border:1px solid #223156; }