    <style>
		/* Base styles */
		* {
			box-sizing: border-box;
		}

		body {
			margin: 10px;
			padding: 10px;
		}

        table {
            margin: 20px auto;
            border-collapse: collapse;
            border: 4px solid #6d6d6d;
			width: auto;
			max-width: 100%;
        }

        th {
            border: 2px solid #6d6d6d;
            padding: 8px 4px;
            text-align: center;
            white-space: nowrap;
            font-size:.9em;
			width: auto;
        }
        td {
            border:2px solid #1d1d1d;
            padding: 2px;
            text-align: center;
            white-space: nowrap;
            font-size:.8em;
			width: auto;
        }

		#schedule{
			margin-left:0px;
			border: 4px solid black;
		}

		/* Header styles */
		.header-table {
			width: 100%;
			border: none !important;
		}

		.header-table td {
			border: none !important;
			padding: 5px;
		}

		h1 {
			font-size: 1.8em;
			margin: 10px 0;
		}

		/* Form containers */
		.form-section {
			margin: 15px 0;
			padding: 0 10px;
		}

		.control-row {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 15px;
			margin: 10px 0;
		}

		.control-group {
			display: flex;
			align-items: center;
			gap: 10px;
			flex-wrap: wrap;
		}

		select, button {
			font-family: ubuntu, sans-serif;
			font-size: 1em;
			padding: 4px;
			border-radius: 4px;
			border: 1px solid #6d6d6d;
		}

		button {
			cursor: pointer;
			background-color: #4CAF50;
			color: white;
			border: none;
			font-weight: 700;
			min-width: 80px;
		}

		button:hover {
			background-color: #45a049;
		}

		/* Temperature slider styling */
		.temp-control-container {
			margin: 15px 10px;
			padding: 15px;
			background-color: #2d2d2d;
			border: 2px solid #6d6d6d;
			border-radius: 5px;
			width: calc(100% - 20px);
			max-width: 700px;
		}

		.slider-container {
			display: flex;
			align-items: center;
			gap: 10px;
			margin-top: 10px;
			flex-wrap: wrap;
		}

		.temp-slider {
			flex: 1;
			min-width: 150px;
			height: 8px;
			border-radius: 5px;
			background: #6d6d6d;
			outline: none;
			-webkit-appearance: none;
		}

		.temp-slider::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 25px;
			height: 25px;
			border-radius: 50%;
			background: #4CAF50;
			cursor: pointer;
		}

		.temp-slider::-moz-range-thumb {
			width: 25px;
			height: 25px;
			border-radius: 50%;
			background: #4CAF50;
			cursor: pointer;
			border: none;
		}

		.temp-display {
			font-size: 1.2em;
			font-weight: bold;
			min-width: 60px;
			text-align: center;
			color: #4CAF50;
		}

		.temp-label {
			min-width: 45px;
			text-align: center;
			font-size: 0.9em;
		}

		.status-info {
			display: flex;
			flex-wrap: wrap;
			gap: 15px;
			font-size: 1em;
			margin: 10px 0;
		}

		.status-item {
			white-space: nowrap;
			font-size: .9em;
		}

		/* Schedule table container */
		.schedule-container {
			margin: 20px 10px;
		}

		/* Mobile styles */
		@media screen and (max-width: 768px) {
			.schedule-container {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
			}

			#schedule {
				width: 100%;
			}
			body {
				padding: 5px;
			}

			h1 {
				font-size: 1.3em;
			}

			h4 {
				font-size: 0.9em;
			}

			.header-table {
				display: block;
			}

			.header-table tr {
				display: block;
			}

			.header-table td {
				display: block;
				width: 100%;
			}

			#schedule {
				margin-left: 0;
				font-size: 0.8em;
			}

			th, td {
				padding: 4px 2px;
				font-size: 0.75em;
			}

			th input[type="checkbox"] {
				width: 12px;
				height: 12px;
			}

			select {
				font-size: 0.85em;
				padding: 4px;
			}

			.form-section {
				padding: 0 5px;
			}

			.control-row {
				flex-direction: column;
				align-items: flex-start;
				gap: 10px;
			}

			.control-group {
				width: 100%;
			}

			.control-group select {
				flex: 1;
			}

			.status-info {
				flex-direction: column;
				gap: 5px;
			}

			.temp-control-container {
				margin: 15px 5px;
				padding: 10px;
				width: calc(100% - 10px);
			}

			.slider-container {
				gap: 8px;
			}

			.temp-slider {
				min-width: 100px;
			}

			.temp-display {
				font-size: 1em;
				min-width: 50px;
			}

			.temp-label {
				font-size: 0.8em;
				min-width: 35px;
			}

			button {
				min-width: 60px;
				padding: 6px;
				font-size: 0.9em;
			}
		}

		/* Tablet styles */
		@media screen and (min-width: 769px) and (max-width: 1024px) {
			#schedule {
				margin-left: 20px;
			}

			.temp-control-container {
				margin-left: 20px;
			}

			th, td {
				font-size: 0.85em;
			}
		}

		/* iPhone SE and smaller */
		@media screen and (max-width: 375px) {
			h1 {
				font-size: 1.1em;
			}

			th, td {
				padding: 2px 1px;
				font-size: 0.7em;
			}

			select {
				font-size: 0.75em;
			}

			.temp-control-container {
				padding: 8px;
			}

			.slider-container {
				gap: 5px;
			}

			button {
				font-size: 0.8em;
				padding: 5px;
			}
		}

</style>
