:root {
    --primary-color: #4361ee;
    --secondary-color: #3f37c9;
    --accent-color: #4cc9f0;
    --light-color: #f8f9fa;
    --dark-color: #212529;
    --success-color: #4bb543;
    --warning-color: #fca311;
    --app-radius: 12px;
    --app-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --app-transition: all 0.3s ease;
}


@media (max-width: 992px) {
    .app-header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background-color: white;
        box-shadow: var(--app-shadow);
        border-radius: 0 0 var(--app-radius) var(--app-radius);
        padding: 10px 15px;
        margin-bottom: 15px;
    }
}