:root {
	--primary-color: #6781f3;
	--secondary-color: #6864b9;
	--accent-color: #4895ef;
	--light-color: #f8f9fa;
	--dark-color: #212529;
	--success-color: #4cc9f0;
	--warning-color: #f72585;
	--border-radius: 12px;
	--box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	--transition: all 0.3s ease;
	--primary-light: #8e44ad;
	--danger-color: #e74c3c;
	--text-color: #333;
	--border-color: #ddd;
	--box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

	--neon-primary: #00f3ff;
    --neon-secondary: #ff00ff;
    --neon-accent: #00ff88;
    --dark-space: #0a0a1f;
    --deep-space: #050510;
    --cosmic-purple: #2a0b4a;
    --stellar-blue: #1a1a3a;
    --glow-intensity: 0.8;
}
   
    
    body {
		font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
    	background: white;
		margin: 0;
		padding: 0;
		min-height: 100vh;
		position: relative;
		overflow-x: hidden;
	}
	/* Animated background circles */
	/* body::before, body::after {
		content: '';
		position: fixed;
		border-radius: 50%;
		opacity: 0.18;
		z-index: 0;
		pointer-events: none;
	} */

.create_el_content{
		font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
    	background: white;
}

.modal .close{
	font-size: 1.5rem;
	color: var(--dark-color);
	opacity: 0.7;
	transition: var(--transition);
}

.success-message{
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 20px;
	font-size: 16px;
}

.btn-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	background: linear-gradient(135deg, #f1f3ff 0%, #e0e5ff 100%);
	border-radius: 10px;
	margin-right: 1rem;
	color: var(--primary-color);
	transition: var(--transition);
	font-size: 1rem;
}
.menu-btn:hover .btn-icon {
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: white;
	transform: rotate(5deg);
}
.btn-text {
	flex: 1;
	font-weight: 500;
	color: var(--dark-color);
	transition: var(--transition);
	font-size: 0.95rem;
}
body { 
	font-family: 'Poppins', 'Montserrat', Arial, sans-serif;
	min-height: 100vh;
	margin: 0;
}
.desktop-hide {
	display: none !important;
}

.article-panel-content {
	background: linear-gradient(135deg, #1e3c72 0%, #163469 100%);
	max-width: 480px;
	width: 100%;
	border-radius: 16px;
	box-shadow: var(--shadow);
	padding: 30px;
	color: var(--cosmic-purple);
}

/* Fermer toutes les barres de défilement */
html, body, aside, section, article, .modal, .modal-dialog, .modal-content, .section-panel, .article-panel {
	scrollbar-width: none !important; /* Firefox */
}
/* Pour Chrome, Edge, Safari */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
aside::-webkit-scrollbar,
section::-webkit-scrollbar,
article::-webkit-scrollbar,
.modal::-webkit-scrollbar,
.modal-dialog::-webkit-scrollbar,
.modal-content::-webkit-scrollbar,
.section-panel::-webkit-scrollbar,
.article-panel::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	background: transparent !important;
}
@media (min-width: 792px) {
	/* Styles spécifiques pour desktop */
	.mobile-hide {
		display: block !important;
	}
	.desktop-only {
		display: block !important;
	}
	.menue-panel, .section-panel, .article-panel {
		border-radius: 24px;
		position: relative;
		overflow: hidden;
		z-index: 1;
		        box-shadow: 0 8px 32px 0 rgba(88, 95, 199, 0.062);
		margin: 16px;
		transition: box-shadow 0.2s;
	}
}
@media (max-width: 791.98px) {
	/* Masquer certains éléments sur mobile */
	.mobile-hide {
		display: none !important;
	}
	.desktop-only {
		display: none !important;
	}
}

/* Transaction Card Styles */