@font-face {
  font-family: 'Fontmagicfile';
  src:
    url('https://magicfile.ir/font/magicfile.woff2') format('woff2'),
    url('https://magicfile.ir/font/magicfile.woff') format('woff');
  font-display: swap;
}
		body{font-family:'Fontmagicfile';margin:0;direction:rtl;line-height:1.6;background-color: #f1f5f9;color: var(--dark);line-height: 1.6;}
		* { margin: 0; padding: 0; box-sizing: border-box; }
		a { text-decoration: none; color: var(--primary); transition: var(--transition); }
		a:hover { color: var(--primary-dark); }
		.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
		.card { background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 2rem; margin-bottom: 2rem; transition: var(--transition); border: 1px solid var(--gray-light); }
		.card:hover { box-shadow: var(--shadow-lg); }
		.card-header { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--gray-light); }
		.card-title { font-size: 1.5rem; font-weight: 700; color: var(--dark); display: flex; align-items: center; gap: 0.5rem; }
		.card-body { margin-bottom: 1rem; }
		.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem 1.5rem; border-radius: var(--border-radius); font-weight: 500; font-size: 1rem; cursor: pointer; transition: var(--transition); border: none; text-decoration: none; }
		.btn-primary { background-color: var(--primary); color: white; }
		.btn-primary:hover { background-color: var(--primary-dark); color: white; transform: translateY(-2px); }
		.btn-secondary { background-color: var(--secondary); color: white; }
		.btn-secondary:hover { background-color: #e69500; color: white; transform: translateY(-2px); }
		.btn-outline { background-color: transparent; color: var(--primary); border: 1px solid var(--primary); }
		.btn-outline:hover { background-color: var(--primary); color: white; transform: translateY(-2px); }
		.btn-block { display: block; width: 100%; }
		.form-group { margin-bottom: 1.5rem; }
		.form-label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: var(--dark); }
		.form-control { width: 100%; padding: 0.75rem 1rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius); font-family: 'Vazirmatn', sans-serif; font-size: 1rem; transition: var(--transition); background-color: white; }
		.form-control:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(109, 40, 217, 0.1); }
		.alert { padding: 1rem 1.5rem; border-radius: var(--border-radius); margin-bottom: 1.5rem; display: flex; align-items: flex-start; gap: 0.75rem; }
		.alert-warning { background-color: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); color: #b45309; }
		.alert-danger { background-color: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.2); color: #b91c1c; }
		.alert-success { background-color: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.2); color: #047857; }
		.alert-info { background-color: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); color: #1d4ed8; }
		.page-header { text-align: center; padding: 3rem 0 2rem; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: white; margin-bottom: 2rem; border-radius: 0 0 var(--border-radius) var(--border-radius); }
		.page-title { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 1rem; }
		.page-subtitle { font-size: 1.1rem; opacity: 0.9; max-width: 600px; margin: 0 auto; }
		.download-item { background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 1.5rem; margin-bottom: 1.5rem; transition: var(--transition); border-left: 4px solid var(--primary); }
		.download-item:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }
		.download-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; color: var(--dark); display: flex; align-items: center; gap: 0.5rem; }
		.download-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-top: 1.5rem; }
		.download-link { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--light); border-radius: var(--border-radius); transition: var(--transition); border: 1px solid var(--gray-light); text-decoration: none; color: var(--dark); }
		.download-link:hover { background: white; box-shadow: var(--shadow); transform: translateY(-3px); border-color: var(--primary); }
		.download-link-primary:hover { border-color: var(--primary); }
		.download-link-backup:hover { border-color: var(--warning); }
		.download-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.25rem; flex-shrink: 0; }
		.download-icon-primary { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); color: white; }
		.download-icon-backup { background: linear-gradient(135deg, var(--warning) 0%, #fbbf24 100%); color: white; }
		.download-link-content { flex: 1; }
		.download-link-text { font-weight: 600; margin-bottom: 0.25rem; }
		.download-link-desc { font-size: 0.875rem; color: var(--gray); }
		.helper-text { font-size: 0.875rem; color: var(--gray); margin-top: 0.25rem; }
		.action-buttons { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 2rem; justify-content: center; }
		.steps { display: flex; justify-content: space-between; margin: 2rem 0; position: relative; }
		.steps::before { content: ''; position: absolute; top: 20px; right: 0; left: 0; height: 2px; background: var(--gray-light); z-index: 1; }
		.step { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; flex: 1; }
		.step-number { width: 40px; height: 40px; border-radius: 50%; background: var(--gray-light); color: var(--gray); display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 0.5rem; transition: var(--transition); }
		.step.active .step-number { background: var(--primary); color: white; }
		.step.completed .step-number { background: var(--success); color: white; }
		.step-text { font-size: 0.875rem; text-align: center; color: var(--gray); }
		.step.active .step-text { color: var(--primary); font-weight: 500; }
		.step.completed .step-text { color: var(--success); }
		.empty-state { text-align: center; padding: 3rem 2rem; }
		.empty-state-icon { font-size: 4rem; color: var(--gray-light); margin-bottom: 1.5rem; }
		.empty-state-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--dark); }
		.empty-state-text { color: var(--gray); margin-bottom: 2rem; max-width: 500px; margin-left: auto; margin-right: auto; }
		
		/* استایل‌های جدید برای AJAX */
		.loading { opacity: 0.7; pointer-events: none; position: relative; }
		.loading::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: 2px solid #f3f3f3; border-top: 2px solid var(--primary); border-radius: 50%; animation: spin 1s linear infinite; }
		@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
		.btn:disabled { opacity: 0.6; cursor: not-allowed; }
		
		/* استایل‌های جدید برای نمایش تمام سفارشات */
		.all-orders-section { margin-top: 3rem; padding-top: 2rem; border-top: 2px solid var(--gray-light); }
		.section-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 1.5rem; color: var(--dark); display: flex; align-items: center; gap: 0.5rem; }
		.order-card { background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 1.5rem; margin-bottom: 1.5rem; transition: var(--transition); border: 1px solid var(--gray-light); }
		.order-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
		.order-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--gray-light); }
		.order-title { font-size: 1.1rem; font-weight: 600; color: var(--dark); display: flex; align-items: center; gap: 0.5rem; }
		.order-info { display: flex; gap: 1rem; font-size: 0.875rem; color: var(--gray); }
		.order-badge { background: var(--primary); color: white; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 500; }
		.products-count { background: var(--secondary); color: white; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 500; }
		.order-toggle { background: none; border: none; color: var(--primary); cursor: pointer; font-size: 1.25rem; transition: var(--transition); }
		.order-toggle:hover { color: var(--primary-dark); }
		.order-content { display: none; margin-top: 1rem; }
		.order-content.expanded { display: block; }
		.order-summary { background: var(--light); padding: 1rem; border-radius: var(--border-radius); margin-bottom: 1rem; }
		.order-summary-item { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }
		.order-summary-label { font-weight: 500; color: var(--dark); }
		.order-summary-value { color: var(--gray); }
		
		@media (max-width: 768px) { 
			.container { padding: 0 15px; } 
			.page-title { font-size: 2rem; } 
			.card { padding: 1.5rem; } 
			.download-links { grid-template-columns: 1fr; } 
			.steps { flex-direction: column; gap: 1.5rem; } 
			.steps::before { display: none; } 
			.step { flex-direction: row; gap: 1rem; } 
			.step-number { margin-bottom: 0; } 
			.action-buttons { flex-direction: column; } 
			.btn { width: 100%; } 
			.download-link { flex-direction: column; text-align: center; gap: 0.75rem; }
			.order-header { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
			.order-info { flex-direction: column; gap: 0.25rem; }
		}