html, body {
    margin: 0;
    padding: 0;
    background-color: #0D1117;
    color: #C9D1D9;
    font-family: 'Inter', sans-serif;
}

.mud-nav-link {
    color: #8B949E !important;
}

.mud-nav-link.active {
    color: #7C4DFF !important;
    background-color: rgba(124, 77, 255, 0.1) !important;
}

.mud-drawer {
    border-right: 1px solid #21262D !important;
}

.mud-appbar {
    border-bottom: 1px solid #21262D !important;
}

.main-content {
    min-height: calc(100vh - 64px);
}

.mud-input-root {
    color: #C9D1D9 !important;
}

.mud-input-label {
    color: #8B949E !important;
}

.mud-table-row:hover {
    background-color: rgba(124, 77, 255, 0.05) !important;
}

pre {
    scrollbar-width: thin;
    scrollbar-color: #30363D #0D1117;
}

pre::-webkit-scrollbar {
    width: 8px;
}

pre::-webkit-scrollbar-track {
    background: #0D1117;
}

pre::-webkit-scrollbar-thumb {
    background: #30363D;
    border-radius: 4px;
}