body {
            font-family: 'IRANSans-web', Tahoma, Arial, sans-serif;
            direction: rtl;
            margin: 0;
            padding: 0;
            background: #f5f5f5;
            color: #333;
        }

        header {
            background-color: #f0d814;
            padding: 20px;
            text-align: center;
            color: #000;
            font-size: 24px;
        }
		footer {
            background-color: #4f1e1e;
            padding: 20px;
            text-align: center;
            color: white;
            font-size: 24px;
        }
		center {
			text-align: center;
		}
		.red {
			color: #f00;
		}

        .container {
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
			background-color: antiquewhite;
        }

        .links {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 20px;
            width: 100%;
        }

        .link {
            background-color: #ffffff;
            padding: 15px 20px;
            margin: 10px 0;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            text-align: center;
            width: 80%;
            max-width: 300px;
            text-decoration: none;
            color: #4caf50;
            font-weight: bold;
            transition: background-color 0.3s, color 0.3s;
            cursor: pointer;
        }

        .link:hover {
            background-color: #4caf50;
            color: white;
        }

        .hidden-info {
            display: none;
            margin-top: 20px;
            text-align: center;
            background-color: #ffffff;
            padding: 15px;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            max-width: 300px;
            color: #333;
        }

        .copy-btn {
            background-color: #4caf50;
            color: white;
            border: none;
            padding: 10px;
            margin-top: 5px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
        }

        .copy-btn:hover {
            background-color: #333;
        }

        .inactive-link {
            background-color: #ccc;
            cursor: not-allowed;
        }
		        h1 {
			text-align:right;
            background-color: #4CAF50;
            color: white;
            padding: 20px;
            margin: 0;
        }

        .logout-button {
            margin-top: 5px;
			margin-bottom: 5px;
            padding: 10px 20px;
            background-color: #AF4C4C;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .logout-button:hover {
            background-color: #45a049;
        }
		
		.login-button {
            margin-top: 5px;
			margin-bottom: 5px;
            padding: 10px 20px;
            background-color: #45A9D0;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .login-button:hover {
            background-color: #D04545;
        }
		table {
			width: 100%;
			border-collapse: collapse;
			font-size: 14px;
			direction: rtl; /* تنظیم جهت جدول به راست‌چین */
		}

		th, td {
			border: 1px solid #ccc;
			text-align: center; /* وسط‌چین کردن محتوا */
			padding: 8px;
		}

	/* ردیف شناور (sticky) */
		thead {
			position: sticky;
			top: 0;
			background-color: #f4f4f4;
			z-index: 1; /* ضروری برای اینکه ردیف بالاتر از سایر محتوا باشد */
		}

	/* تغییرات برای سلول‌های ردیف اول */
		thead th {
			background-color: #e0e0e0;
			font-weight: bold;
			border-bottom: 2px solid #333; /* خط زیر ردیف اول */
			border-right: 2px solid #333; /* خط عمودی بین ستون‌ها */
		}

	/* خط عمودی بین سلول‌های ردیف اول، به جز آخرین ستون */
		thead th:not(:last-child) {
			border-right: 2px solid #333;
		}

	/* استایل‌های Responsive */
		@media screen and (max-width: 768px) {
		table {
			font-size: 12px;
		}
		th, td {
			padding: 5px;
		}
		}
		.debit-total {
			background-color: #ffcdd2; /* رنگ قرمز */
		}
		.credit-total {
			background-color: #c8e6c9; /* رنگ سبز */
		}
		.jarimeh {
			background-color: #ffeeba; /* رنگ زرد */
		}
		.padash {
			background-color: #bee5eb; /* رنگ آبی */
		}
		.total {
			background-color: #d6d8db; /* رنگ خاکستری */
		}
		.total-help {
			background-color: #d6d8db; /* رنگ خاکستری */
			color: #f00;  /* رنگ قرمز */
		}