.settings-main-container {
				width: 95%;
				max-width: 900px;
				display: flex;
				gap: 25px;
				margin: 30px 0 90px 0;
			}
			.settings-sidebar {
				width: 260px;
				background-color: #161616;
				border: 1px solid #262626;
				border-radius: 16px;
				padding: 15px;
				height: fit-content;
			}
			.settings-sidebar h2 {
				margin: 10px 0 20px 10px;
				font-size: 20px;
				color: white;
			}
			.tab-btn {
				width: 100%;
				padding: 12px 15px;
				background: transparent;
				border: none;
				border-radius: 10px;
				color: #cbd5e1;
				font-size: 14px;
				display: flex;
				align-items: center;
				gap: 12px;
				cursor: pointer;
				transition: 0.3s;
				text-align: left;
			}
			.tab-btn:hover, .tab-btn.active {
				background-color: #262626;
				color: #38BDF8;
			}
			.settings-content {
				flex: 1;
				background-color: #161616;
				border: 1px solid #262626;
				border-radius: 16px;
				padding: 25px;
			}
			.settings-content h3 {
				margin-top: 0;
				color: white;
				font-size: 18px;
				border-bottom: 1px solid #222;
				padding-bottom: 12px;
			}
			.setting-item {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 15px 0;
				border-bottom: 1px solid #222;
			}
			.setting-item h4 { margin: 0; font-size: 15px; color: white; }
			.setting-item p { margin: 4px 0 0 0; font-size: 12px; color: #888; }
			.edit-btn {
				background: transparent;
				color: #38BDF8;
				border: 1px solid #38BDF8;
				padding: 6px 14px;
				border-radius: 8px;
				cursor: pointer;
				font-weight: 600;
				transition: 0.2s;
			}
			.edit-btn:hover {
				background-color: #38BDF8;
				color: black;
			}
			@media screen and (max-width: 768px) {
				.settings-main-container {
					flex-direction: column;
				}
				.settings-sidebar {
					width: 100%;
					box-sizing: border-box;
				}
			}