body {
    font-family: Arial, sans-serif;
    background: #0b1120;
    color: #e5e7eb;
    margin: 0;
    padding: 0;
}

.header {
    background: #111827;
    padding: 16px 24px;
    border-bottom: 1px solid #1f2937;
}

.header h1 {
    margin: 0;
    font-size: 22px;
}

.container {
    padding: 20px 24px;
}

.table-wrapper {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    background: #020617;
}

th, td {
    padding: 10px 8px;
    font-size: 14px;
    border-bottom: 1px solid #1f2937;
    text-align: left;
}

th {
    background: #111827;
    font-weight: 600;
}

.badge {
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    display: inline-block;
}

.badge-low {
    background: #16a34a;
    color: #ecfdf5;
}

.badge-medium {
    background: #facc15;
    color: #1f2937;
}

.badge-high {
    background: #dc2626;
    color: #fee2e2;
}

.badge-nobet {
    background: #6b7280;
    color: #f9fafb;
}

a {
    color: #38bdf8;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.footer {
    margin-top: 24px;
    font-size: 12px;
    color: #9ca3af;
}