html, body {
    direction: rtl;
    min-height: 100%;
    background-color: var(--mud-palette-background);
}

.app-main {
    min-height: calc(100vh - 64px - 40px);
    padding-bottom: 3rem;
}

.app-appbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.app-footer {
    border-top: 1px solid var(--mud-palette-lines-default);
}

.feature-card {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.feature-card:hover {
    box-shadow: var(--mud-elevation-4);
    transform: translateY(-2px);
}